iT邦幫忙

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

技術 [Day1] 為什麼要學 Android Jetpack Compose (Compose UI)

參賽背景 小弟原本是 Java 底的 Android APP 開發者,2021年中在公司的新專案上用 Kotlin + Google copy/past 開發...

鐵人賽 Mobile Development DAY 21

技術 D21/ 怎麼結合 ViewModel 和 Compose? - ViewModel

今天大概會聊到的範圍 viewModel in Compose 今天的主題很單純:如果專案中有使用到 Compose 又有用到 Android Arc...

鐵人賽 Mobile Development DAY 6

技術 你的 MVVM 不是你的 MVVM

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

鐵人賽 Mobile Development DAY 2

技術 [Day2] 宣告式程式設計與指令式程式設計

今日目標 了解宣告式程式設計(Declarative Programming)與指令式程式設計(Imperative Programming)的差異 用 Co...

鐵人賽 Mobile Development DAY 3

技術 Jetpack Compose intro

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

鐵人賽 Mobile Development DAY 19

技術 Jetpack Compose navigation + Koin

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

鐵人賽 Mobile Development DAY 3

技術 [Day3] Compose 主題顏色變變變

開發 Android APP 的許多的開發方法,除了Compose UI 之外小弟知道的如下: 用 Java 程式語言開發 用 Kotlin 程式語言開發 用...

鐵人賽 Mobile Development DAY 5

技術 [Day5] 官方 Jetpack Compose 教學筆記(一)

經過了四天,心裡覺得有點不踏實,於是翻閱了官方 Jetpack Compose 教學,還是乖乖地把理論基礎讀過一遍,避免以後 Copy/Past 不清楚運作原理...

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 18

技術 Jetpack Compose - Stateful and Stateless

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

鐵人賽 Mobile Development DAY 28

技術 D28 / Compose 可以用來做 Desktop App? - Compose JB

寫到最後三天了,想要聊聊和 Android 不完全相關的東西。感謝JetBrains 的開發,和 Kotlin 在 Android 世界的出現,讓 Androi...

鐵人賽 Mobile Development DAY 6

技術 [Day6] 官方 Jetpack Compose 教學筆記(二)

今天要延續昨天的 study 官方教學的 Lesson 3 與 Lesson 4。 Lesson 3: Material Design Compose UI 是...

鐵人賽 Mobile Development DAY 2

技術 便利貼 App 專案介紹

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

鐵人賽 Mobile Development DAY 15

技術 D15/ 為什麼 remember 是 composable function? - @Composable 是什麼

今天大概會聊到的範圍 @Composable compose compiler & runtime 爆個雷:今天的文章只會講前半段,還不會...

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 21

技術 Day 21 Compose Navigation 頁面切換

前言 Compose 中要在不同頁面之間切換,可以用 Navigation API。今天就來用在專案中 添加依賴 dependencies { imple...

鐵人賽 Mobile Development DAY 4

技術 [Day4] Compose UI 寫中秋賀卡

今日目標 相信今天很多人都收到親友的中秋節賀卡,那我們今天就用 Compose UI 做一個中秋節賀卡好了. 這個賀卡背景是小弟今晚拍的照片,在顯示 &quot...

鐵人賽 Mobile Development DAY 20

技術 D20/ 怎麼在 compose 與 non-compoe 間傳資料 - Compose Side-Effect part 2

今天大概會聊到的範圍 rememberUpdateState 上一篇聊到,SideEffect 周邊還有一堆和 state & effect 相...

鐵人賽 Mobile Development DAY 17

技術 D17/ 我要用的 View 沒有支援 Compose 怎麼辦? - AndroidView

今天大概會聊到的範圍 Android View 前兩天來回進出了公司樓下的 7-11 兩三次,每次都要掃一次實名制的 QR Code。我現在用的 Ap...

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 18

技術 D18/ 怎麼在 Compose 中取得 Permission? - rememberLauncherForActivityResult

今天大概會聊到的範圍 rememberLauncherForActivityResult 上一篇我學到可以透過 AndroidView 中將 Came...

鐵人賽 Mobile Development DAY 7

技術 便利貼中的手勢操作

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

鐵人賽 Mobile Development DAY 1

技術 Day 1 APP抓周,我想寫出怎樣的重訓紀錄APP呢?

前言 2022 年的目標是打造健康的自己,其中一項就是健身!為了讓自己方便掌握健身成果和訓練狀態,開始在google的Keep紀錄訓練的日期組數、重量。這次要...

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 29

技術 D29 / Jake 認為 Compose 不是 Compose? - Compose 是什麼

最後幾天了,想來聊聊一開始會寫這個系列的原因。其實 Compose 在剛出來的時候,就在各大部落格、社群看到相關的資訊。當時 API 還很讓人摸不著頭緒:fun...

鐵人賽 Mobile Development DAY 8

技術 Day 8 Jetpack Compose 上手小Tips

前言 工欲善其事必先利其器,在正式進入開發之前,來介紹使用 jetpck compose 開發時能加速開發的小技巧,以及我在學習路上用到的好資源。 快速建立...

鐵人賽 Mobile Development DAY 23

技術 D23/ MaterialTheme 怎麼運作的? - CompositionLocal

今天大概會聊到的範圍 CompositionLocal CompositionLocalProvider 在上一篇研究  MaterialTheme...

鐵人賽 Mobile Development DAY 22

技術 D22/ 怎麼在 Compose 中用 Material Theme? - Theme

今天大概會聊到的範圍 Theme 透過 Android Studio 內建的精靈建立一個新的 Compose 專案或是建立新的 "Empty...