Jetpack Compose

更新於 發佈於 閱讀時間約 2 分鐘

比起說這是新技術,不如說是統一前端規格。

以前在不同框架下,類似功能的東西名字各不相同。比如輸入文字的物件,Android叫做EditText,iOS叫做UITextField,Html叫做TextBox或是input標籤。

這讓跨平台的開發者非常痛苦,痛不欲生。

而統一規格意味著,只要專心寫一套程式碼,差別只在於依賴的是不同的框架函式庫。

硬體界剛好有個類似的例子,那就是Type-C,本來古早的Android充電線一端是Micro另一端是USB,現在雙邊都可以是Type-C。最新Apple電腦的電源線也是Type-C。他們不在乎線的另一端是電腦、手機、行動電源還是插座。

假設我今天用Jetpack Compose寫了一個Android APP,只要直接使用同樣的程式碼放進Compose Web就能得到一個同樣畫面的行動網站,而放進Compose Desktop就能得到在電腦上執行的軟體。當然也可以反過來先做成網站然後再放到手機上調整。

多美妙啊。

當然,資料處理方面還是要另外處理,但是這已經很不錯了。

我自己也試著用Jetpack Compose寫了一個1A2B猜數字APP

因為我之前用Compose Web寫過個人網站的緣故,所以很快就融會貫通。花的時間大多在畫面設計和確認重組Recompostion時機,畫面設計我參考了Google提供的Material Design 3,重組則是用Debug印出的資訊去確認。

感覺還不賴。

後續我還會在這個APP上追加關卡或是合作、對戰功能。

當然前提是我在工作時間外還有精力構想功能啦⋯⋯不過如果有很多人下載的話,也可能激起我的小小虛榮心把精力集中在這個APP,所以歡迎下載唷。(眨眼睛

留言
avatar-img
留言分享你的想法!
avatar-img
Kate的沙龍
7會員
45內容數
和 Kotlin 相關的系列文章。 給程式初學者的「Kotlin 學習系列」 給正在實戰的工程師「Kotlin 實戰系列」
Kate的沙龍的其他內容
2021/11/23
去年停了近一年這裡的文章,其實是因為忙著將2020 iThome 鐵人賽的得獎作品——每年九月會舉辦的活動,連續三十天發表IT技術類文章——集結成書。 《老姐要用Kotlin寫專案:從 Server 到 Android APP 的開發生存日記》是以小說的敘事方式,將一對姐弟工程師合作
2021/11/23
去年停了近一年這裡的文章,其實是因為忙著將2020 iThome 鐵人賽的得獎作品——每年九月會舉辦的活動,連續三十天發表IT技術類文章——集結成書。 《老姐要用Kotlin寫專案:從 Server 到 Android APP 的開發生存日記》是以小說的敘事方式,將一對姐弟工程師合作
2021/11/22
此版本的目標畫面成果是: *金色名字。 *金色社交按鈕圖示,點擊按鈕另開對應的網頁或著顯示comming soon。 *名字和按鈕在網頁中央,如果網頁寬度不夠會換行,夠就不換行。
Thumbnail
2021/11/22
此版本的目標畫面成果是: *金色名字。 *金色社交按鈕圖示,點擊按鈕另開對應的網頁或著顯示comming soon。 *名字和按鈕在網頁中央,如果網頁寬度不夠會換行,夠就不換行。
Thumbnail
2021/11/19
程式碼建置後的結果一樣在build下面,我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。 我另外開了一個gh_pages的Git分支,命名由來是GitHub的pages,除了initial的commit以外,只新增剛剛的四個檔案。
Thumbnail
2021/11/19
程式碼建置後的結果一樣在build下面,我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。 我另外開了一個gh_pages的Git分支,命名由來是GitHub的pages,除了initial的commit以外,只新增剛剛的四個檔案。
Thumbnail
看更多
你可能也想看
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
編輯器是 vocus 創作者最常接觸的功能,為了讓使用者在手機與桌機裝置都更順暢使用,並且便於日後的功能優化,我們進行了底層技術上的調整。這一次,我們不僅改善行動裝置的創作體驗、修正手機版的閃跳問題,還在編輯器新增了幾種實用功能,因此,本次推出的新版編輯器——不只是功能進化,更是創作體驗全面優化!
Thumbnail
編輯器是 vocus 創作者最常接觸的功能,為了讓使用者在手機與桌機裝置都更順暢使用,並且便於日後的功能優化,我們進行了底層技術上的調整。這一次,我們不僅改善行動裝置的創作體驗、修正手機版的閃跳問題,還在編輯器新增了幾種實用功能,因此,本次推出的新版編輯器——不只是功能進化,更是創作體驗全面優化!
Thumbnail
本篇文章將會介紹C#的基礎構成和字串的使用,若想要更詳細的教學,可以參考前一篇文章,前往Microsoft官方教學學習。
Thumbnail
本篇文章將會介紹C#的基礎構成和字串的使用,若想要更詳細的教學,可以參考前一篇文章,前往Microsoft官方教學學習。
Thumbnail
在開發產品過程中,不難發現研發和設計團隊時常因各自所處的角度不同,使得在溝通來回上花了不少時間。所以小弟整理些過去常在工作場景下遇到的一些資訊技術的專有名詞,化解那些雞同鴨講的無效溝通。
Thumbnail
在開發產品過程中,不難發現研發和設計團隊時常因各自所處的角度不同,使得在溝通來回上花了不少時間。所以小弟整理些過去常在工作場景下遇到的一些資訊技術的專有名詞,化解那些雞同鴨講的無效溝通。
Thumbnail
因為最近需要建立自我品牌,所以決定來架個人網站。 架個人網站的方式非常多,最簡單的是直接找台伺服器拿現有模板套上去。 但是我喜歡自由,而且也已經有方格子部落格網站,所以打算做個簡單的名片網站。
Thumbnail
因為最近需要建立自我品牌,所以決定來架個人網站。 架個人網站的方式非常多,最簡單的是直接找台伺服器拿現有模板套上去。 但是我喜歡自由,而且也已經有方格子部落格網站,所以打算做個簡單的名片網站。
Thumbnail
合併 Excel 表讓你力不從心嗎?讓 ExcelMerger 幫助你,全台灣第一個具有文創、小農、獨立、手做元素的 app 終於姍姍來遲了!
Thumbnail
合併 Excel 表讓你力不從心嗎?讓 ExcelMerger 幫助你,全台灣第一個具有文創、小農、獨立、手做元素的 app 終於姍姍來遲了!
Thumbnail
輸入畫面 為什麼要做驗證? 因為作為設計者,永遠不該預設使用者會乖乖照設計者的意思輸入。
Thumbnail
輸入畫面 為什麼要做驗證? 因為作為設計者,永遠不該預設使用者會乖乖照設計者的意思輸入。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News