iT邦幫忙

jetpack compose相關文章
共有 82 則文章
鐵人賽 Mobile Development DAY 12

技術 D12/ 我要怎麼用動畫改變中的資料? - Animations

今天大概會聊到的範圍 Animation 上一次有聊到,我們可以透過 Gesture 和 State 來與 user 互動。例如下面這個例子: @Co...

鐵人賽 Mobile Development DAY 11

技術 D11/ 要怎麼顯示動態資料的畫面 - State

今天大概會聊到的範圍 State Gesture Modifier 在之前,都只是在介紹比較靜態的畫面。但今天如果想要和使用者互動時,該如何處理呢?...

鐵人賽 Mobile Development DAY 10

技術 D10/ 我要怎麼把文字變美美的 - Text & AnnotatedString

今天大概會聊到的範圍 AnnotatedString Text 在 Compose 中顯示文字時,我們可以使用 Text 這個 Composable。...

鐵人賽 Mobile Development DAY 19

技術 Jetpack Compose navigation + Koin

現在我們有了編輯便利貼頁面還有編輯文字頁面,該是時候好好的來思考要怎麼切換頁面了!流程如下:使用者選擇了某一個便利貼→看到選單出現→點擊編輯文字→跳轉到編輯文字...

鐵人賽 Mobile Development DAY 9

技術 D09 / 為什麼我的按鈕這麼長? - Intrinsic measurements

今天大概會聊到的範圍 Intrinsic measurements 今天的標題可能會讓人有點疑惑,但這是我寫出這段 Code 時的第一反應。 Colu...

鐵人賽 Mobile Development DAY 18

技術 Jetpack Compose - Stateful and Stateless

相較於傳統的 Android View,Jetpack Compose 在 Android 開發上還有一個新的概念,那就是 Stateful (有狀態的) 還有...

鐵人賽 Mobile Development DAY 8

技術 D08 / 怎麼做自己的 Modifier.padding? - Custom Layout Modifier

今天大概會聊到的範圍 layout modifier 上一次討論到 Modifier 時,覺得自己其實對物件如何繪製到畫面上其實一知半解。今天打算繼續...

鐵人賽 Mobile Development DAY 7

技術 D07 / 怎麼顯示大量資料 - Lazy composables ( LazyColumn & StickyHeader )

今天大概會聊到的範圍 LazyColumn StickyHeader 基本的畫面可以顯示了,但在 Android App 的開發中,我們很常需要顯示大...

鐵人賽 Mobile Development DAY 6

技術 D06 / 為什麼 Modifier 的順序不能亂寫 - Modifier

今天大概會聊到的範圍 Modifier 的運作 Modifier 是我們在 Compose 系統中,最廣泛使用於調整 Composable 顯示行為的...

鐵人賽 Mobile Development DAY 5

技術 D05 / 為什麼不會填錯資料? - Inline class, Scope  & DSL design in compose

今天大概會聊到的範圍 slot api modifier scope inline classes 在研究如何使用 ConstraintLayout...

鐵人賽 Mobile Development DAY 4

技術 D04 / 可不可以用 ConstraintLayout - ConstraintLayout

今天大概會聊到的範圍 Constraint Layout in Compose 上一篇提到,有 Row / Column 和 Box,配合各種 ali...

鐵人賽 Mobile Development DAY 3

技術 D03 / 怎麼擺放我的畫面 - Layout & Alignment

今天大概會聊到的範圍 basic layout arrangement & alignment 在 Compose 之中,我們有三個可以乘載其...

鐵人賽 Mobile Development DAY 2

技術 D02 / 怎麼看到我在寫什麼? - @Preview

今天大概會聊到的範圍 @Preview annotation 及相關用法 原先的 xml 的 layout 系統,已經被 Android developm...

鐵人賽 Mobile Development DAY 1

技術 D01 / 為什麼要寫這個? - 前言

Hi 我是 Tomaz.  第一次參加鐵人賽,和各位鐵人一起進行磨練,希望撐得過去 ? 認真學 Compose 是最近對自己的一個期許,但為什麼是最近呢? 其...

鐵人賽 Mobile Development DAY 7

技術 便利貼中的手勢操作

在 Jetpack Compose 的官方文件中,拖曳手勢操作是這樣子使用的: Box(modifier = Modifier.fillMaxSize()) {...

鐵人賽 Mobile Development DAY 6

技術 你的 MVVM 不是你的 MVVM

相信各位也看了 N 個介紹 MVVM 的文章了吧,不知道你們有沒有覺得大家所描述的 MVVM 是不是有點不太一樣呢?或是套用在你的專案後,實作中所遇到的問題跟網...

鐵人賽 Mobile Development DAY 4

技術 繪製便利貼以及定義模型

從這一章節開始進入實作的部分,我們要達到的目標是: 可以顯示多張便利貼、而且用手勢來移動他們 針對這個目標,我們當然無法一次就能做到位,而且在這當中還有一些...

鐵人賽 Mobile Development DAY 3

技術 Jetpack Compose intro

Jetpack Compose 是 Google 開發的現代 Declarative UI framework,如果有開發過 Swift UI 、React 或...

鐵人賽 Mobile Development DAY 2

技術 便利貼 App 專案介紹

Screenshot 專案介紹 相信大家都有用過便利貼吧!在開會討論時便利貼是一個很好用的工具,不同的顏色可以代表不同的分類方式,在便利貼上也可以寫字、畫圖,...

鐵人賽 Mobile Development DAY 23
Kotlin Android Jetpack 系列 第 23

技術 {Day23}Jetpack compose Theme

Jetpack compose Theme 目前手機都支持黑暗模式,所以需要取得目前手機的狀態來達到自己本身APP的主題顏色。 明亮模式 val LightC...

鐵人賽 Mobile Development DAY 22
Kotlin Android Jetpack 系列 第 22

技術 {Day22}Jetpack compose View

Jetpack compose View 介紹一些View的創建方式以及按鈕的監聽事件。 背景顏色 Surface(color = MaterialTheme...

鐵人賽 Mobile Development DAY 21
Kotlin Android Jetpack 系列 第 21

技術 {Day21}Jetpack Compose 介紹&布局

Jetpack Compose Jetpack Compose目前還在開發階段,所以需要下載Preview版才可以使用,參考了flutter的設計模式,程式碼還...