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

0 Like 0 留言 848 瀏覽

鐵人賽 Mobile Development DAY 23

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

技術 Day 23 - Bottom Sheet ( Design )

前言 Bottom Sheet 算是比較近期 App 非常熱門的應用設計，從底部彈跳出視窗。通常會搭配在 more action，提供用戶與當前情境畫面的細部操...

vosscg0822 ‧ 2022-10-08 ‧團隊好想工作室 v6.0

0 Like 0 留言 793 瀏覽

鐵人賽 Mobile Development DAY 22

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

技術 Day 22 - Cards ( Implementation )

大綱 Simple Using Making card checkable Making card draggable Cards Elevated...

vosscg0822 ‧ 2022-10-07 ‧團隊好想工作室 v6.0

0 Like 0 留言 745 瀏覽

鐵人賽 Mobile Development DAY 21

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

技術 Day 21 - Cards ( Design )

前言 Card 的設計，已經廣泛出現在我們的應用程式中，例如 ig、facebook 等等，是一種元件配置的設計方式，並非只是單純一個元件 Cards - D...

vosscg0822 ‧ 2022-10-06 ‧團隊好想工作室 v6.0

0 Like 0 留言 1875 瀏覽

鐵人賽 Mobile Development DAY 20

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

技術 Day 20 - Dialogs ( Implementation )

大綱 Alert dialog Simple dialog Confirmation dialog Full-screen dialog Anatomy Ke...

vosscg0822 ‧ 2022-10-05 ‧團隊好想工作室 v6.0

0 Like 0 留言 1055 瀏覽

鐵人賽 Mobile Development DAY 19

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

技術 Day 19 - Dialogs ( Design )

前言 Dialog 比起上一篇提到的 Snackbar，更為顯著且出現時會阻擋用戶操作 Dialogs - Design 分為下面幾個段落來介紹 Usag...

vosscg0822 ‧ 2022-10-04 ‧團隊好想工作室 v6.0

0 Like 0 留言 1053 瀏覽

鐵人賽 Mobile Development DAY 18

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

技術 Day 18 - SnackBars ( Design & Implementation)

前言 Snackbar，是很常見的應用通知設計，位於應用程式的底部，提供用戶目前操作的任何相關訊息。由於 Snackbar 實作的篇幅較少，就一起講解大綱...

vosscg0822 ‧ 2022-10-03 ‧團隊好想工作室 v6.0

0 Like 0 留言 1501 瀏覽

鐵人賽 Mobile Development DAY 17

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

技術 Day 17 - Progress indicators ( Implementation )

大綱 Simple Using Linear progress indicators Circular progress indicators Anatomy...

vosscg0822 ‧ 2022-10-02 ‧團隊好想工作室 v6.0

0 Like 0 留言 850 瀏覽

鐵人賽 Mobile Development DAY 16

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

技術 Day 16 - Progress indicators ( Design )

前言用來通知用戶正在進行的進程狀態，例如加載應用程序、提交表單或保存更新應用程序的狀態並指示可用的操作，例如用戶是否可以離開當前屏幕。在進行異步或初始化時常...

vosscg0822 ‧ 2022-10-01 ‧團隊好想工作室 v6.0

0 Like 0 留言 604 瀏覽

鐵人賽 Mobile Development DAY 15

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

技術 Day 15 - Divider ( Design & Implementation )

前言 Divider 是能將要在 UI 呈現的重點內容，更加清晰且顯眼地表達。在我們想呈現列表形式的資料時，透過 Divider 的劃分，讓用戶能明顯辨識之間的...

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

0 Like 0 留言 625 瀏覽

鐵人賽 Mobile Development DAY 14

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

技術 Day 14 - Floating action button (Implementation)

大綱 Using Type Regular FABs Mini FABs Extended FABs Speed dial Custom Style Usg...

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

0 Like 0 留言 679 瀏覽

鐵人賽 Mobile Development DAY 13

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

技術 Day 13 - Floating action button (Design)

前言 FAB 作為一個獨立的 Action Button，位置上是在所有 Content 的前面並位於右下方，形狀上是圓形或依據不同大小可能為橢圓。通常對應著當...

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

1 Like 0 留言 1219 瀏覽

鐵人賽 Mobile Development DAY 12

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

技術 Day 12 - RadioButtons (Design & Implementation)

前言為 selection controls components 最後一個元件，與 slider、checkboxes 在設計上都非常簡潔，一樣也是實作與設...

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

0 Like 0 留言 1142 瀏覽

鐵人賽 Mobile Development DAY 11

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

技術 Day 11 - Checkboxes (Design & Implementation)

前言與上篇同為 Selection Controls Components，今天要講的是 Checkboxes，由於這些元件整體相對簡潔，Material D...

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

0 Like 0 留言 665 瀏覽

鐵人賽 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

0 Like 0 留言 920 瀏覽

鐵人賽自我挑戰組 DAY 25

Android 工程師的 CI/CD 之旅系列第 25 篇

技術設計你的 Android App CI/CD 流程（1/3）：開發團隊準備好了嗎？

從零開始建置 CI/CD 會有很多挑戰，不同的團隊和產品會選擇的 CI/CD 工具有所不同。在開始設計流程之前，不妨思考自己的團隊以下幾點可以納入流程去思考：...

yenyichun ‧ 2022-09-25

0 Like 0 留言 1322 瀏覽

鐵人賽 Mobile Development DAY 9

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

技術 Day 9 - Slider ( Implementation )

大綱 Simple Using Using Ranger Slider Adding/removing the value label Setting a...

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

0 Like 0 留言 871 瀏覽

鐵人賽 Mobile Development DAY 8

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

技術 Day 8 - Slider ( Design )

前言 Slider 能讓用戶透過滑動按壓來對一系列的數值進行更加細部選擇的元件，常應用在音量控制或價格範圍等數值範圍選取的情境 Slider - Design...

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

0 Like 0 留言 678 瀏覽

鐵人賽 Mobile Development DAY 9

從開發瀏覽器 APP 學習 Android 實戰技巧，並搭上 Jetpack Compose 的列車系列第 9 篇

技術 [Day9] 從開發瀏覽器 APP 學習實戰技巧 -- 簡易的跨設備資訊分享機制 Part I

Part I: 介紹 Sharik App 以及它的現有機制 EinkBro 身為瀏覽器，是個不斷從網路取得資訊的 App，但是卻完全沒有任何追蹤使用者的實作；...

Daniel Kao ‧ 2022-09-23

0 Like 0 留言 1434 瀏覽

鐵人賽 Mobile Development DAY 7

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

技術 Day 7 - App bar : Top ( Implementation )

大綱 Type Regular top app bar Simple Using Applying scrolling behavior Prominent...

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

0 Like 0 留言 882 瀏覽

鐵人賽 Mobile Development DAY 6

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

技術 Day 6 - App bar : Top ( Design )

前言 App bar:Top ( toolbar )，官方之所以這樣區分，是因為在 Material Design 分為 Top 與 Bottom，只不過在常見...

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

0 Like 0 留言 1583 瀏覽

鐵人賽 Mobile Development DAY 5

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

技術 Day 5 - Text fields ( Implementation )

大綱 TextInputLayout Simple Using Adding a leading icon Leading icon attribute...

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

0 Like 0 留言 1148 瀏覽

鐵人賽 Mobile Development DAY 4

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

技術 Day 4 - Text fields ( Design )

前言今天要來介紹的是 Text fields ( Input Text )，與 Button 一樣都是在應用程式中很常見的元件，通常出現在需要讓用戶填寫資料的...

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

0 Like 0 留言 727 瀏覽

鐵人賽 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

0 Like 0 留言 435 瀏覽

鐵人賽 Mobile Development DAY 4

從開發瀏覽器 APP 學習 Android 實戰技巧，並搭上 Jetpack Compose 的列車系列第 4 篇

技術 [Day4] 從開發瀏覽器 APP 學習實戰技巧 -- 雙開：同時顯示兩個網頁

安裝 NAVER 開發的瀏覽器 Whale 時，發現它有一個很好用的功能：可以同時在電腦畫面上顯示兩個網頁的內容，而且可以設定在其中一個網頁點擊任何連結時，都用...

Daniel Kao ‧ 2022-09-18

0 Like 0 留言 880 瀏覽

鐵人賽 Mobile Development DAY 2

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

技術 Day 2 - Button ( Design )

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

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

0 Like 0 留言 672 瀏覽

鐵人賽 Mobile Development DAY 3

從開發瀏覽器 APP 學習 Android 實戰技巧，並搭上 Jetpack Compose 的列車系列第 3 篇

技術 [Day3] 從開發瀏覽器 APP 學習實戰技巧 -- Android 必備組合技: Room + Flow + ViewModel

EinkBro App 中的實作大都是用很舊很舊的技術。雖然隨著功能不斷增加，我有逐漸把一些檔案翻新成 Kotlin，和盡量把相關的邏輯抽出到獨立的 class...

Daniel Kao ‧ 2022-09-17

0 Like 1 留言 1120 瀏覽

鐵人賽 Mobile Development DAY 1

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

技術 Day 1 - 學習 Material Design 的好處在哪 ?

前言由於 Material Design 大多數的篇幅都注重在介紹 UI / UX 還有在 Android 中有哪些實用的元件所以對前端工程師最大的好處應該...

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

0 Like 0 留言 596 瀏覽

鐵人賽 Mobile Development DAY 2

從開發瀏覽器 APP 學習 Android 實戰技巧，並搭上 Jetpack Compose 的列車系列第 2 篇

技術 [Day2] 從開發瀏覽器 APP 學習實戰技巧 -- 將網頁畫面由黑轉白

鐵人賽的第二天，先來點篇幅短的開胃菜，暖暖身。在使用 EinkBro 時，常會遇到網頁背景是黑色的，最常見的應該就是在開啟 ptt 的文章時。由於電子紙的特性...

Daniel Kao ‧ 2022-09-16

0 Like 1 留言 693 瀏覽