iT邦幫忙

2019鐵人賽相關文章
共有 9257 則文章
鐵人賽 Mobile Development DAY 30

技術 Compose 解決了哪些挑戰?

 Medium 好讀版 鐵人賽系列文章今天進入最終章,在實作 Kimoji App 的過程,有許多實務經驗和心得非常想和各位讀者分享;Compose 的世...

鐵人賽 Mobile Development DAY 29

技術 snapshotFlow:將 Compose 的 state 轉換為 Flow

 Medium 好讀版 已經開發了這麼多 Kimoji App 的功能,該埋點了吧!今天的文章會示範在使用者捲動「日記清單」時,觸發一個 side eff...

鐵人賽 Mobile Development DAY 28

技術 rememberCoroutineScope

 Medium 好讀版 今天的文章中,我們要來實作彈出 ModalBottomSheet 的功能。目前,如果嘗試點擊日記上的選單,不會觸發任何動作。...

鐵人賽 Mobile Development DAY 27

技術 LaunchedEffect 和 rememberUpdatedState

 Medium 好讀版 我們想要在 Kimoji App 中新增一個 landing screen,可以用來在背景載入資料。 此系列文章是以我的業餘專...

鐵人賽 Mobile Development DAY 26

技術 從 ViewModel 使用可觀察的資料流

 Medium 好讀版 今天的文章中,我們要來介紹如何將 ViewModel expose 的可觀察資料型態接到 Composable 上。我們會示範將...

鐵人賽 Mobile Development DAY 25

技術 讓 Compose 觀察 list item 內值的變化

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 24

技術 Compose 實作清單多選

 Medium 好讀版 今天我們要來實作 Kimoji App 裡多選標籤的功能。我們會把勾選的狀態和邏輯放到 ViewModel。透過讓 ViewMod...

鐵人賽 Mobile Development DAY 23

技術 將 data 和 event 遷移到 ViewModel

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 22

技術 ViewModel 中的狀態

 Medium 好讀版 畫面或 UI state 會包含畫面上要顯示的內容 (例如日記清單)。由於這個狀態含有應用程式資料,因此通常連結著 app 架構的其...

鐵人賽 Mobile Development DAY 21

技術 可觀察的 MutableList 應用篇

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 20

技術 可觀察的 MutableList

 Medium 好讀版 如果我們想實作從清單刪除日記的行為,首先就是要讓清單可以變動內容。 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純...

鐵人賽 Mobile Development DAY 19

技術 Composition 中的 remember

 Medium 好讀版 今天的文章將延續上一篇「生氣紀錄本」的應用,將 remember 的行為以視覺化呈現。還沒讀過的同學,建議可以先到上一篇瀏覽範例程式...

鐵人賽 Mobile Development DAY 18

技術 Jetpack Compose 中的 state mutation

 Medium 好讀版 remember 會把物件儲存在 Composition 內,當 recomposition 期間 remember 所在的 sco...

鐵人賽 Mobile Development DAY 17

技術 頗析 Composition 中的 composable

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 16

技術 Composables 的 lifecycle

 Medium 好讀版 在今天的文章中,我們來一起瞭解 composable 的 lifecycle,以及 Compose 如何決定 composable...

鐵人賽 Mobile Development DAY 15

技術 Compose Material 3 Theme

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 14

技術 Compose 狀態留存

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 13

技術 State hoisting 的例子

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 12

技術 State hoisting

 Medium 好讀版 在 Composable functions 裡,如果有 state 會由多個函式讀取或修改,就應該放在 common ancest...

鐵人賽 Mobile Development DAY 11

技術 Composable functions 可以平行執行

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 10

技術 Recomposition 的特性

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 9

技術 Composable function 的特性

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 8

技術 Compose Recomposition

 Medium 好讀版 在「命令式」 UI 框架中,如要變更 UI 元件,我們會呼叫 UI 元件的 setter 來變更其內部狀態。在 Compose 中,...

鐵人賽 Mobile Development DAY 3

技術 宣告式程式框架的變革

 Medium 好讀版 宣告式程式框架的變革 在使用許多「命令式」物件導向的 UI 套件時,我們會建立 UI 元件的實體,組織成樹狀結構,藉此來建構 UI...

鐵人賽 Mobile Development DAY 2

技術 Compose 的程式設計概念

 Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

鐵人賽 Mobile Development DAY 1

技術 「宣告式」程式框架

 Medium 好讀版 Jetpack Compose 是 Android 的新型宣告式 UI 套件。Compose 提供「宣告式 API」,透過較少的程式...

鐵人賽 Mobile Development DAY 7

技術 Compose 清單和動畫

 Medium 好讀版 清單和動畫會出現在 app 中的任何地方。在本文章中,我們將瞭解如何運用 Compose 輕鬆建立清單,並增添動畫效果。 此系列...

鐵人賽 Mobile Development DAY 6

技術 Compose Material Design

 Medium 好讀版 Compose 的設計宗旨是支援 Material Design 的原則。許多 UI 元件都按照 Material Design...

鐵人賽 Mobile Development DAY 5

技術 Compose Layouts

 Medium 好讀版 UI 元件具有階層結構,在元件中可以包含其他元件。在 Compose 中,我們可以在 composable functions 中...

鐵人賽 Mobile Development DAY 4

技術 Composable functions

 Medium 好讀版 Jetpack Compose 是由 Composable functions 所組成。這些函式可讓我們以 Kotlin 的方式定...