Android Gradient 基本使用

基本的使用

1. 建立 .xml 檔

點選 drawable

New -> Drawable Resource File

Root element 輸入 shape

2. 編輯 .xml 檔


* 圖形設定
android:shape 選擇 rectangle,支援 4 種圖形



輸入 oval 橢圓形

xml 檔 oval 效果
* 顏色設定
支援 startColor, centerColor, endColor 做漸層效果

2 種漸層顏色

3 種漸層顏色

備註 : 整理 xml 檔排版,可以使用 comtrol + command + L 整理

* 角度設定
angle 支援 0 ~ 360

180 度度角效果

270 度角效果

45 度角效果


* type 設定
type 支援三種,詳細可查看 Google document 介紹


當 type 設定為 ridial 時,可以設定半徑

效果

當 type 設定為 sweep 時, 以中心為原點雷達狀旋轉

效果

順時針旋轉

當 type 設定為 sweep 時,設定中心點位置
default 的 centerX 及 centerY 都是 0.5,可以設定 0~1 之間

centerX, centerY 設定

centerX centerY 都是 0.8 的效果

2. seekbar 效果 

new Drawable file

Root element 輸入 layer-list

完成後點選 OK

效果加入圓角及漸層

seekbar 中加入

效果圖


留言

熱門文章

1x Enginner #一般的工程師,該具備什麼條件

2021申請 Android Developer 開發者帳號及上架步驟

Generate Signed Bundle / APK(s) & Bundle Tool 基本使用 & .aab安裝方式