iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1630 瀏覽

鐵人賽 Mobile Development DAY 2

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 2 篇

技術 Day 2 - Button ( Design )

前言觸控手機問世的那一刻，Button 就成了每個應用程式中不可或缺的元件。這也是我想把它擺到第一位來介紹的主因，作為 Mobile 移動端的開發工程師，都無...

vosscg0822 ‧ 2022-09-17 ‧團隊好想工作室 v6.0

1 Like 0 留言 1625 瀏覽

鐵人賽自我挑戰組 DAY 16

UI / UX 設計白皮書 - Material Design 導讀系列第 16 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day16 Motion 動作

昨天我們了解到 Motion 動作可以強化結構層次、表現品牌、增加回饋和狀態及幫助用戶執行。更了解到各種畫面及元件在轉場動畫上的設定，各種主題在軸線上的轉場含義...

Yvonne_Zhong ‧ 2020-09-16

0 Like 0 留言 1615 瀏覽

鐵人賽 Mobile Development DAY 28

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

技術 Day28 實作 DateTimePicker

前言昨天完成 Training 頁面雛形，今天要來加一些更改數據的互動。首先是日期調整這裡要用到 DatePickerDialog Date Picker...

ChuLin ‧ 2022-10-04 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 1494 瀏覽

鐵人賽 Mobile Development DAY 22

Kotlin 實踐 Material Design 懶人包系列第 22 篇

技術 Day22 使用M3的Navigation bar

Navigation bar 主要手機裝置位於螢幕底部固定呈現，通常顯示3~5個item，當需要5個以上、3個以下皆考慮使用Chips 、navigation...

Anna ‧ 2022-10-06

1 Like 0 留言 1456 瀏覽

鐵人賽 Mobile Development DAY 29

Kotlin 實踐 Material Design 懶人包系列第 29 篇

技術 Day29 使用M3的Motion - Shared axis（2）

繼前一章節 Day28 使用M3的Motion - Transition Patterns四種模式，其中的Container transform pattern...

Anna ‧ 2022-10-13

0 Like 0 留言 1401 瀏覽

鐵人賽 Mobile Development DAY 23

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

技術 Day 23 溫咖癲啦唯啊薩～讓按鈕浮起來吧！Floating Action Button

前言今天來介紹整個頁面的要角 Floating Action Button。 Floating Action Button 樣子簡稱為 FAB ，常在...

ChuLin ‧ 2022-09-29 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1351 瀏覽

鐵人賽 Mobile Development DAY 3

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 3 篇

技術 Day 3 - Button ( Implementation )

大綱會分為下面幾個段落來介紹 Simple Using in layout in code add a icon Text Button in...

vosscg0822 ‧ 2022-09-18 ‧團隊好想工作室 v6.0

1 Like 0 留言 1270 瀏覽

鐵人賽自我挑戰組 DAY 21

UI / UX 設計白皮書 - Material Design 導讀系列第 21 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day21 Machine learning 機器學習

昨天我們了解到 Communication 通訊中，快速入門流程可以幫助用戶快速熟悉應用程式，從啟動到操作特定目標的過程一一給予用戶引導。離線狀態允許用戶無需開...

Yvonne_Zhong ‧ 2020-09-21

0 Like 0 留言 1234 瀏覽

鐵人賽 Mobile Development DAY 10

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 10 篇

技術 Day 10 - Switches ( Design & Implementation )

前言接下來的篇幅會開始講到 Selection Controls Components 簡稱 “選擇控件”：允許用戶完成涉及做出選擇的任務，例如選擇選項、打開...

vosscg0822 ‧ 2022-09-25 ‧團隊好想工作室 v6.0

1 Like 0 留言 1216 瀏覽

鐵人賽 Mobile Development DAY 21

Kotlin 實踐 Material Design 懶人包系列第 21 篇

技術 Day21 使用M3的Navigation rail

Navigation rail 元件會顯示在應用程式中每個螢幕的同一側，顯示3到7個item。通常適用於平板的螢幕上，但也可以在手機裝置上使用，判斷螢幕寬度大小...

Anna ‧ 2022-10-05

0 Like 0 留言 1190 瀏覽

鐵人賽 Mobile Development DAY 11

Kotlin 實踐 Material Design 懶人包系列第 11 篇

技術 Day 11 使用 M3 的 Extended Floating Action Button（下）

延續上一篇 Floating Action Buttons (上) 在上一篇FAB提到的icon必須清晰易懂，因為按鈕沒有文字描述，Extended FABs可...

Anna ‧ 2022-09-25

1 Like 0 留言 1160 瀏覽

鐵人賽 Mobile Development DAY 30

Kotlin 實踐 Material Design 懶人包系列第 30 篇

技術 Day30 Motion - Fade through 、Fade（3）

繼前兩天章節 Day28 使用M3的Motion - Transition Patterns四種模式，其中的Container transform patter...

Anna ‧ 2022-10-14

0 Like 0 留言 1152 瀏覽

鐵人賽 Mobile Development DAY 16

Kotlin 實踐 Material Design 懶人包系列第 16 篇

技術 Day16 使用Ｍ3的Dialogs

通常我們大家熟悉的Dialogs 是讓使用者需要的操作、內容包含簡明扼要的陳述或問題。 Dialogs在應用程式內容前面，同時禁用所有應用程式功能，以提供關鍵資...

Anna ‧ 2022-09-30

1 Like 0 留言 1124 瀏覽

鐵人賽 Mobile Development DAY 13

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

技術 Day 13 Text Brush

前言因為團隊成員聖佑有把 Text 屬性全部詳說一遍了，所以我想來點不一樣的，今天來研究 Brush API 來做出字體漸層色效果。 Brush API...

ChuLin ‧ 2022-09-19 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 1121 瀏覽

鐵人賽 Mobile Development DAY 17

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

技術 Day 17 實作 Grid Layout 和 Card

前言詳讀完 grid layout ，接下來要使用在專案中。除了呈現，我還要做出紀錄長按 item，並且記住 item index 的功能。前置作業 1...

ChuLin ‧ 2022-09-23 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1093 瀏覽

鐵人賽 Mobile Development DAY 9

Kotlin 實踐 Material Design 懶人包系列第 9 篇

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

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

Anna ‧ 2022-09-23

0 Like 0 留言 983 瀏覽

鐵人賽 Mobile Development DAY 26

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

技術 Day 26 把主畫面組起來！

前言學以致用，把主畫面組裝起來。 MainScreen 這裡傳三個 funtion 用來做頁面轉換用。 @OptIn(ExperimentalMateria...

ChuLin ‧ 2022-10-02 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 904 瀏覽

鐵人賽 Mobile Development DAY 18

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

技術 Day 18 實作 Grid Layout 2 調整卡片內容樣式

前言今天接續昨天，調整卡片樣式。目標樣式：字體大小參考 MD3 Card日期我們使用 title medium 內文使用 body medium 在 T...

ChuLin ‧ 2022-09-24 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 882 瀏覽

鐵人賽 Mobile Development DAY 24

Kotlin 實踐 Material Design 懶人包系列第 24 篇

技術 Day24 使用M3的Sliders

Sliders是使用條形的滑動進行檢視和選值或範圍，非常適合調整音量和亮度等設定等。 Silders 有分兩種類型 Continuous slider Di...

Anna ‧ 2022-10-08

0 Like 0 留言 704 瀏覽

鐵人賽 Mobile Development DAY 23

關於我用 Compose UI 造新輪子這檔事系列第 23 篇

技術 Day 23 - Material Design

Android 遵循的一套視覺設計規範叫 Material Design，目前分為 Material 2 與 Material 3，Android 11（含）以...

Mikucat ‧ 2022-10-08 ‧團隊那團名要叫什麼？

0 Like 0 留言 426 瀏覽

鐵人賽 Modern Web DAY 6

Awesome self hosted 30天系列第 6 篇

技術自訂登入頁面樣式，使用 Keycloakify

目前的登入頁面是跳轉到 Keycloak 預設的登入頁，所以會出現樣式跟 NextJs App 不一致的情形，keycloak 本身是有自訂樣式的功能，但與 R...

Jasper ‧ 2024-09-20 ‧團隊北投溫泉公園的蛞蝓觀察小隊