iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Mobile Development

Kotlin 實踐 Material Design 懶人包 系列

工程師也需具備了解Android UIUX 介面設計,能與團隊中設計師之間的協作溝通更容易。
此次從Android開發者角度去探討學習 Material Components (MDC-Android) 的一系列組件的程式碼實作,也因Materia Design 這些組件由 Google 的核心工程師和 UX 設計師團隊開發,致力構建美觀且功能強大的 Android 應用,所以身為Android 工程師學習更加了解重視UIUX 介面設計。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01 踏入Google的設計語言

這次Kotlin 實踐 Material Design 懶人包,文章主要關注在 Material Design components 的實作上,所以會有大量實作...

2022-09-15 ‧ 由 Anna 分享
DAY 2

Day02 一般常見 Button

在Material Design中提供不同樣式的Button,官方同時說明使用Button需根據操作的重要性選擇類型,當操作越重要時Button應該越具有強調性...

2022-09-16 ‧ 由 Anna 分享
DAY 3

Day03 使用 Text fields

Text fields 是讓可輸入欄位,並且提示容易讓使用者理解的資訊,同時可以有顯示輸入的錯誤訊息。 簡單介紹 有兩種Text fields,都提供相同的功能...

2022-09-17 ‧ 由 Anna 分享
DAY 4

Day04 實戰登入頁面

在前兩篇學會MDC Components的Button和Text Field,所以已經可以來實作一個「登錄頁面」。 介紹的內容: 使用 IDE版本 : A...

2022-09-18 ‧ 由 Anna 分享
DAY 5

Day05 使用M3 Icon button

在Material Design中提供不同樣式的Button,官方同時說明使用Button需根據操作的重要性選擇類型,當操作越重要時Button應該越具有強調性...

2022-09-19 ‧ 由 Anna 分享
DAY 6

Day06 使用 M3 的 Segmented Buttons

在Material Design中提供不同樣式的Button,官方同時說明使用Button需根據操作的重要性選擇類型,當操作越重要時Button應該越具有強調性...

2022-09-20 ‧ 由 Anna 分享
DAY 7

Day07 使用 M3 的 MaterialCardView

使用Card顯示單個主題的內容和操作,也是作為進入更深層次細節或導航的切入點,例如音樂專輯或即將到來的假期的詳細資訊。呈現Cards可以是一起顯示在網格、垂直列...

2022-09-21 ‧ 由 Anna 分享
DAY 8

Day08 使用 M3 的 AppBarLayout

Top app bar 提供與當前螢幕相關的內容和操作,通常是與裝置的寬度相同。 將APP的主題使用NoActionBar,如<style name=&q...

2022-09-22 ‧ 由 Anna 分享
DAY 9

Day09 實戰簡易的卡片瀏覽頁面

延續之前實作的「登錄頁面」在Day05~Day07學會MDC的Icon Buttons、Segmented Buttons和MaterialCardView、A...

2022-09-23 ‧ 由 Anna 分享
DAY 10

Day10 使用 M3 的 Floating Action Buttons (FAB) (上)

在Material Design中提供不同樣式的Button,官方同時說明使用Button需根據操作的重要性選擇類型,當操作越重要時Button應該越具有強調性...

2022-09-24 ‧ 由 Anna 分享