第十六屆 佳作

mobile-development
我的 Android 工具箱
YR

系列文章

DAY 1

Day 1 - [UI] 01-通過UI設計師嚴格的檢查-排版&點擊範圍

第二次參賽,這次不講 Code,來講工具! 工作以來,發現很多我自己常用的小技巧或 Debug 工具,其實有些是同事不知道的。我打算用這30天的文章,紀錄平時工...

DAY 2

Day 2 - [UI] 02-通過UI設計師嚴格的檢查-文字Baseline

情境 有時候看著設計稿拉完 TextView,View 對齊了但字好像沒有真的對齊。這是因為中文字和英數字 Baseline 不一樣高。在使用 Constrai...

DAY 3

Day 3 - [UI] 03-UI設計師不在家-用滴管工具取得色碼

情境 當團隊的設計師不在,你沒有 Figma 或 Zeplin 等方便的工具,只有一張 設計圖.png,要如何取得設計圖上的色碼,順利完成今天的開發任務呢? 這...

DAY 4

Day 4 - [UI] 04-使用 Android Studio 內建的 Color Picker 設定顏色

情境 開發的時候,使用 Figma 的設計圖,常會遇到帶有透明度的顏色。那麼,如何將這些顏色的透明度從百分比轉換為 16 進制呢? 除了前一篇介紹的的「數位測色...

DAY 5

Day 5 - [UI] 05-Android碎片化難題-避免跑版的技巧

情境 Android 手機,廠商多、機型多、長寬比例也各式各樣,確保 UI 在不同裝置上的一致性是一大挑戰。本文將介紹兩個避免 UI 跑版的重要概念。 Demo...

DAY 6

Day 6 - [Trace Code] 01-使用Profiler檢查當前所在Activity/Fragment

接下來的主題,是 Trace Code。平常除了拉 UI,最常遇到的就是找問題。發現問題,第一步就是找到事發地,接下來 4 篇會介紹我常用來找 Code 的 4...

DAY 7

Day 7 - [Trace Code] 02-使用Layout Inspector尋找當前所在Layout

情境 可以快速找到顯示錯誤資訊的元件,進而查詢錯誤原因。 確認元件當前的 Attribute,例如:textSize, textColor, backgrou...

DAY 8

Day 8 - [Trace Code] 03-搜尋大法

情境 前面介紹了兩種快速找到問題源頭方法,還沒看過的可以先參考: [Trace Code] 01-使用Profiler檢查當前所在Activity/Frag...

DAY 9

Day 9 - [Trace Code] 04-觀察物件繼承關係

情境 閱讀程式碼是工程師的日常,當程式碼規模日漸成長,許多程式不可避免的被封裝在底層/共用層。當問題被藏的越底層,追查問題就會變得更困難。 為此,Android...

DAY 10

Day 10 - [Coding] 01-Android Studio快速程式碼模板

情境 在 Android 開發中,我們經常會遇到需要重複輸入或複製貼上某些程式碼片段的情況。這不僅耗時,還容易出錯。而 Android Studio 提供了一個...