基本的使用
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 中加入 |
 |
效果圖 |
留言
張貼留言