Jetpack Compose已經Release好一陣子了,官方現在的教學也都是用ComposeUI在做範例。一直都沒去學習好像也不是辦法,因此透過這機會從零開始了解Jetpack Compose。主要會介紹UI元件、狀態管理、動畫。
或許最後會有一個SideProject吧(?
Dialog Dialog 是一種用來顯示臨時彈出視窗的 UI 元件,通常用來向使用者顯示重要資訊、要求輸入或提供多種操作選項。它會暫時疊加在其他內容上,直到使...
Drawer 是 Jetpack Compose 中用來顯示側邊滑出的導航畫面的元件,通常用於提供 App 中的導航選項或其他輔助操作。當使用者從螢幕邊緣滑動或...
Scaffold Scaffold 是 Jetpack Compose 中的一個畫面架構元件,提供了一個結構化的 UI 框架,包含標準的應用程式該有的項目,如...
LazyColumn 與 LazyRow LazyColumn 和 LazyRow 是 Jetpack Compose 中的懶加載列表元件,類似於 Recycl...
BottomSheet BottomSheet 在 Jetpack Compose 中為允許從螢幕底部顯示可拖動的元件,提供額外的操作選項或資訊,而不會中斷主要...
在 Jetpack Compose 中,Canvas 允許開發者在應用程式中繪製自定義的圖形和形狀。它提供了一個畫布,可以使用各種繪圖方法來創建複雜的圖形。 C...
Animation 在 Jetpack Compose 中 Animation 是用來實現視覺過渡效果的工具,它可以讓 UI 元件隨著狀態變化進行平滑的動畫切換...
今天颱風天放假所以不用像平常那麼趕著發文章,因此就用前兩天的 Canvas 以及 Animate 做個小專案,順便嘗試看看不同的分享方式,以及看看自己目前對 C...
在第二天的內容中提到,宣告式 UI 需要將狀態與對應的 UI 元件綁定,當狀態變化時 UI 會自動更新。在 Jetpack Compose 中,這可以透過 re...
昨天我們提到狀態管理時介紹了 remember 和 mutableStateOf,但在實際開發中,情況往往更加複雜。比如說,專案採用的是 MVVM 架構,那麼如...