Android實現 Shape屬性gradient 漸變效果
阿新 • • 發佈:2020-01-07
1,gradient(漸變)
【1】<gradient>用以定義漸變色,可以定義兩色漸變和三色漸變,及漸變樣式;
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:type=["linear" | "radial" | "sweep"]//共有3中漸變型別,線性漸變(預設)/放射漸變/掃描式漸變 android:angle="integer"//漸變角度,必須為45的倍數,0為從左到右,90為從上到下 android:centerX="float"//漸變中心X的相當位置,範圍為0~1 android:centerY="float"//漸變中心Y的相當位置,範圍為0~1 android:startColor="color"//漸變開始點的顏色 android:centerColor="color"//漸變中間點的顏色,在開始與結束點之間 android:endColor="color"//漸變結束點的顏色 android:gradientRadius="float"//漸變的半徑,只有當漸變型別為radial時才能使用 android:useLevel=["true" | "false"] />//使用LevelListDrawable時就要設定為true。設為false時才有漸變效果
首先有三種漸變型別,分別是:linear(線性漸變)、radial(放射性漸變)、sweep(掃描式漸變)
</shape>
- android:useLevel屬性通常不使用。該屬性用於指定是否將該shape當成一個LevelListDrawable來使用,預設值為false。
- angle屬性確實只對線性漸變有效,其它兩種漸變方式都沒有任何動靜
- centerX、centerY兩個屬性用於設定漸變的中心點位置,僅當漸變型別為放射漸變時有效。
2,Demo實現效果
- 我們使用三色漸變來看看這三種漸變方式都是怎麼顯示的:(如果不使用centerColor屬性就是雙色漸變,這個屬性是可選的)
- 注意: 在構造放射性漸變時,要加上android:gradientRadius屬性(漸變半徑),即必須指定漸變半徑的大小才會起作用
【1】 線性漸變
實現效果
shape程式碼
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:type="linear" android:startColor="#ff0000" android:centerColor="#00ff00" android:endColor="#0000ff"/> </shape>
【2】 放射性漸變
實現效果
實現程式碼
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:type="radial" android:startColor="#ff0000" android:centerColor="#00ff00" android:endColor="#0000ff" android:gradientRadius="100"/> </shape>
【3】 掃描式漸變
實現效果
實現程式碼
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:type="sweep" android:startColor="#ff0000" android:centerColor="#00ff00" android:endColor="#0000ff"/> </shape>
【4】android:angle屬性修改漸變角度 (僅對線性漸變有效)
1)android:angle="integer" //漸變角度,必須為45的倍數,0為從左到右,90為從上到下
2)angle屬性確實只對線性漸變有效,其它兩種漸變方式都沒有任何動靜
實現效果:
實現程式碼:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:type="linear" android:startColor="#ff0000" android:centerColor="#00ff00" android:endColor="#0000ff" android:angle="45"/> </shape>
【5】android:centerX與android:centerY
1) android:centerX="0.2",android:centerY="0.8"
2)centerX、centerY兩個屬性用於設定漸變的中心點位置,僅當漸變型別為放射漸變時有效。
3)型別為分數或小數,不接受Dimension。預設值是0.5,有效值是0.0~1.0,超出該範圍後會看不出漸變效果。centerX、centerY的取值其實是寬和高的百分比
實現效果
實現程式碼: 取寬度的20%和高度的80%的位置,作為新的漸變原點
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:type="sweep" android:startColor="#ff0000" android:centerColor="#00ff00" android:endColor="#0000ff" android:centerX="0.2" android:centerY="0.8"/> </shape>
總結
以上所述是小編給大家介紹的Android實現 Shape屬性gradient 漸變效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對我們網站的支援!
如果你覺得本文對你有幫助,歡迎轉載,煩請註明出處,謝謝!