Jetpack Compose

更新於 發佈於 閱讀時間約 1 分鐘
比起說這是新技術,不如說是統一前端規格。
以前在不同框架下,類似功能的東西名字各不相同。比如輸入文字的物件,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
6會員
45內容數
和 Kotlin 相關的系列文章。 給程式初學者的「Kotlin 學習系列」 給正在實戰的工程師「Kotlin 實戰系列」
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Kate的沙龍 的其他內容
去年停了近一年這裡的文章,其實是因為忙著將2020 iThome 鐵人賽的得獎作品——每年九月會舉辦的活動,連續三十天發表IT技術類文章——集結成書。 《老姐要用Kotlin寫專案:從 Server 到 Android APP 的開發生存日記》是以小說的敘事方式,將一對姐弟工程師合作
此版本的目標畫面成果是: *金色名字。 *金色社交按鈕圖示,點擊按鈕另開對應的網頁或著顯示comming soon。 *名字和按鈕在網頁中央,如果網頁寬度不夠會換行,夠就不換行。
程式碼建置後的結果一樣在build下面,我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。 我另外開了一個gh_pages的Git分支,命名由來是GitHub的pages,除了initial的commit以外,只新增剛剛的四個檔案。
因為最近需要建立自我品牌,所以決定來架個人網站。 架個人網站的方式非常多,最簡單的是直接找台伺服器拿現有模板套上去。 但是我喜歡自由,而且也已經有方格子部落格網站,所以打算做個簡單的名片網站。
條件式可以說是程式重要的能力,也是判斷作業流程細心程度的地方。 條件式 (Condition) ,顧名思義,只有符合條件才做事。 身為一個好士兵,就要執行自家長官的命令。如果是來自敵方隊伍、屬下、路人的命令,就可以快樂的無視他們。 關鍵程式碼大概就會是這樣: if (發令者 == 自家長官) {執行
賦值 (Assign Value) 想成套繩圈的動作, var 的繩圈是可以鬆綁重來的,val 套住對方就不能換了,而進階版 const val 綁住對方之後,對方的時間就被凍結了。 其實,以 Kotlin 的程式語言設計來說,比起賦值 (Assign Value),用賦址 (Assign
去年停了近一年這裡的文章,其實是因為忙著將2020 iThome 鐵人賽的得獎作品——每年九月會舉辦的活動,連續三十天發表IT技術類文章——集結成書。 《老姐要用Kotlin寫專案:從 Server 到 Android APP 的開發生存日記》是以小說的敘事方式,將一對姐弟工程師合作
此版本的目標畫面成果是: *金色名字。 *金色社交按鈕圖示,點擊按鈕另開對應的網頁或著顯示comming soon。 *名字和按鈕在網頁中央,如果網頁寬度不夠會換行,夠就不換行。
程式碼建置後的結果一樣在build下面,我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。 我另外開了一個gh_pages的Git分支,命名由來是GitHub的pages,除了initial的commit以外,只新增剛剛的四個檔案。
因為最近需要建立自我品牌,所以決定來架個人網站。 架個人網站的方式非常多,最簡單的是直接找台伺服器拿現有模板套上去。 但是我喜歡自由,而且也已經有方格子部落格網站,所以打算做個簡單的名片網站。
條件式可以說是程式重要的能力,也是判斷作業流程細心程度的地方。 條件式 (Condition) ,顧名思義,只有符合條件才做事。 身為一個好士兵,就要執行自家長官的命令。如果是來自敵方隊伍、屬下、路人的命令,就可以快樂的無視他們。 關鍵程式碼大概就會是這樣: if (發令者 == 自家長官) {執行
賦值 (Assign Value) 想成套繩圈的動作, var 的繩圈是可以鬆綁重來的,val 套住對方就不能換了,而進階版 const val 綁住對方之後,對方的時間就被凍結了。 其實,以 Kotlin 的程式語言設計來說,比起賦值 (Assign Value),用賦址 (Assign
你可能也想看
Google News 追蹤
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
Android APP 開發教學 ,學習如何使用最新 Jetpack Compose UI 的 UI 工具包來創建現代化應用程式介面。幫助您提升開發效率,並打造出色的用戶體驗。無論您是初學者還是有經驗的開發者,這裡都有您需要的資源和範例,讓您輕鬆掌握 Jetpack Compose 的強大功能。
Thumbnail
花了一點時間研究自己喜歡的寫作模式,最後決定以 UpNote 為寫作軟體,使用經驗目前體驗上都還不錯。
書寫的工具,以前沒有智慧型手機,只有功能性按鍵手機的年代,只要紙和筆就能寫,現在主要使用手機輸入,因為方便迅速,也不需要儀式感,想到什麼就用右手食指按按螢幕輸入Keep記事。 數位輸入還不方便的年代或者現在,大家寫文是否有使用專門書寫的記事本?我是沒有,所以先前發表幾則的詩詞短文,還是我從學生時
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
** 3C機構設計爸版權所有 ©️ ** 當我們討論到USB時,大家都知道USB對於一般的使用者來說是接觸性非常高的一個接口,舉凡手機、電腦、電視、收銀機….,都會使用到USB接口。雖然國際上已經定義了USB-C (USB type-C)是未來統一的一種接口,但就目前而言,USB connec
Thumbnail
當我們在撰寫一套系統的時候, 總是會提供一個介面讓使用者來觸發功能模組並回傳使用者所需的請求, 而傳統的安裝包模式總是太侷限, 需要個別主機獨立安裝, 相當繁瑣, 但隨著時代的演進與互聯網的崛起, 大部分的工作都可以藉由網頁端、裝置端來觸發, 而伺服端則是負責接收指令、運算與回傳結果, 雲端
以前蘋果只賣高階機型,造就蘋果有手機快速且穩定的印象,而處理器和規格通常都相較安卓陣營高級,系統相對封閉,優化特別好。 如今,高通處理器也使用了與蘋果相同的台積電製程,效能已經不輸蘋果手機了,處理器也不再有效能不夠的問題。然而,安卓的三星手機,在使用者的操作上有很多自由,手勢返回也是可以輕鬆自訂,
Thumbnail
前言 現在的前端需求已經越來越高,要考慮HTML及CSS的切版美觀程度,以及React以及Flutter所提出的元件(Componet、widget)觀念,也就是將元件模組化,使元件可以更動態的被程式運行,而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度,讓任何使用元件的開發者
Thumbnail
本課程學習如何提取共同屬性,透過 Style 樣式包,套用至每個按鈕。來提升佈局的可讀性和好維護性。
Thumbnail
本課程學習如何如何實作計算機介面,佈局文字元件及按鈕。學習使用 LinearLayout 垂直排列元件,調整背景色。透過 GridLayout 佈局計算機按鈕。
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
Android APP 開發教學 ,學習如何使用最新 Jetpack Compose UI 的 UI 工具包來創建現代化應用程式介面。幫助您提升開發效率,並打造出色的用戶體驗。無論您是初學者還是有經驗的開發者,這裡都有您需要的資源和範例,讓您輕鬆掌握 Jetpack Compose 的強大功能。
Thumbnail
花了一點時間研究自己喜歡的寫作模式,最後決定以 UpNote 為寫作軟體,使用經驗目前體驗上都還不錯。
書寫的工具,以前沒有智慧型手機,只有功能性按鍵手機的年代,只要紙和筆就能寫,現在主要使用手機輸入,因為方便迅速,也不需要儀式感,想到什麼就用右手食指按按螢幕輸入Keep記事。 數位輸入還不方便的年代或者現在,大家寫文是否有使用專門書寫的記事本?我是沒有,所以先前發表幾則的詩詞短文,還是我從學生時
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
** 3C機構設計爸版權所有 ©️ ** 當我們討論到USB時,大家都知道USB對於一般的使用者來說是接觸性非常高的一個接口,舉凡手機、電腦、電視、收銀機….,都會使用到USB接口。雖然國際上已經定義了USB-C (USB type-C)是未來統一的一種接口,但就目前而言,USB connec
Thumbnail
當我們在撰寫一套系統的時候, 總是會提供一個介面讓使用者來觸發功能模組並回傳使用者所需的請求, 而傳統的安裝包模式總是太侷限, 需要個別主機獨立安裝, 相當繁瑣, 但隨著時代的演進與互聯網的崛起, 大部分的工作都可以藉由網頁端、裝置端來觸發, 而伺服端則是負責接收指令、運算與回傳結果, 雲端
以前蘋果只賣高階機型,造就蘋果有手機快速且穩定的印象,而處理器和規格通常都相較安卓陣營高級,系統相對封閉,優化特別好。 如今,高通處理器也使用了與蘋果相同的台積電製程,效能已經不輸蘋果手機了,處理器也不再有效能不夠的問題。然而,安卓的三星手機,在使用者的操作上有很多自由,手勢返回也是可以輕鬆自訂,
Thumbnail
前言 現在的前端需求已經越來越高,要考慮HTML及CSS的切版美觀程度,以及React以及Flutter所提出的元件(Componet、widget)觀念,也就是將元件模組化,使元件可以更動態的被程式運行,而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度,讓任何使用元件的開發者
Thumbnail
本課程學習如何提取共同屬性,透過 Style 樣式包,套用至每個按鈕。來提升佈局的可讀性和好維護性。
Thumbnail
本課程學習如何如何實作計算機介面,佈局文字元件及按鈕。學習使用 LinearLayout 垂直排列元件,調整背景色。透過 GridLayout 佈局計算機按鈕。