iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Mobile Development

今年一定減成功!Jetpack Compose 做出重訓紀錄APP 系列

工程師減肥減到年中已經乏味了,是時候來點新鮮的了!
這次要用 Jetpack Compose 做出美美der 健身紀錄介面,將我揮灑汗水歷程記錄下來,繼續向前行!

DAY 1

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

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

2022-09-07 ‧ 由 ChuLin 分享
DAY 2

Day 2 給我一支筆雖不能舉起地球,但可以具象化想法!

前言 昨天釐清了需求,今天要來把想法具體化。到底在工程師拿到美美的設計稿前,設計師都下了什麼功夫呢? 設計流程 把抽想的想法圖像化,大致可以分為三個步驟:...

2022-09-08 ‧ 由 ChuLin 分享
DAY 3

Day 3 Flow chart

前言 我拿著粗糙的wireframe 手稿請教設計師朋友有什麼地方需要改進的,總感覺這份手稿還有很多細節沒處理到。朋友: 「需要flow 才能知道畫面間的邏輯...

2022-09-09 ‧ 由 ChuLin 分享
DAY 4

Day 4 Flow chart 2,一個不小心就要隕石開發了?

前言 昨天畫完流程圖後,請朋友L(不是死亡筆記本)過目,得到兩個需要改進的地方 流程圖有個慣例方向,是由上往下,由左而右 方形只會出區一個箭頭,不會同時有...

2022-09-10 ‧ 由 ChuLin 分享
DAY 5

Day 5 來點顏色瞧瞧 Material3 Color & Dynamic Color 不是設計師,也能輕鬆產出主題色~

前言 昨天信誓旦旦的說要把 flow 畫好,但有時候就是會看著同個東西沒有靈感。所以今天來做個也很重要,而且可以讓心情變美麗的東西,主題色!Android 1...

2022-09-11 ‧ 由 ChuLin 分享
DAY 6

Day 6 把生成好的Material3 顏色加入專案,再來點動態顏色。

前言 昨天我們花了幾分鐘做輸出好顏色檔案。接下來就是使用它啦! 加入 Theme.kt 和 Colot.kt 輸出檔案解壓縮後得到兩個檔案 開新的 comp...

2022-09-12 ‧ 由 ChuLin 分享
DAY 7

Day 7 Figma x Material Theme Builder x Material Design 3

前言 前2天用了 Web版 Material Theme Builder,快速方便。但想要看渲染過的元件長什麼樣的話就要到 Figma 版的 Material...

2022-09-13 ‧ 由 ChuLin 分享
DAY 8

Day 8 Jetpack Compose 上手小Tips

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

2022-09-14 ‧ 由 ChuLin 分享
DAY 9

Day 9 主頁面 Flow、Component

前言 今天要從 Flow 開始,介紹主畫面主要流程、看看 wirefram 上需要哪些 Component,並到 Figma 的 MD3 抓需要的元件。 Ho...

2022-09-15 ‧ 由 ChuLin 分享
DAY 10

Day 10 Card

前言 今天詳細介紹 Card 的種類,以及實作時需要注意的事項。 Card @Composable fun MyCard() { Card() {...

2022-09-16 ‧ 由 ChuLin 分享