如何使用Android實現(xiàn)Shape屬性gradient漸變效果

這篇文章主要介紹如何使用Android實現(xiàn)Shape屬性gradient漸變效果，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

1，gradient（漸變）

【1】<gradient>用以定義漸變色，可以定義兩色漸變和三色漸變，及漸變樣式；

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" ><gradientandroid:type=["linear" | "radial" | "sweep"]//共有3中漸變類型，線性漸變（默認）/放射漸變/掃描式漸變android:angle="integer"//漸變角度，必須為45的倍數(shù)，0為從左到右，90為從上到下android:centerX="float"//漸變中心X的相當位置，范圍為0～1android:centerY="float"//漸變中心Y的相當位置，范圍為0～1android:startColor="color"//漸變開始點的顏色android:centerColor="color"//漸變中間點的顏色，在開始與結(jié)束點之間android:endColor="color"//漸變結(jié)束點的顏色android:gradientRadius="float"//漸變的半徑，只有當漸變類型為radial時才能使用android:useLevel=["true" | "false"] />//使用LevelListDrawable時就要設(shè)置為true。設(shè)為false時才有漸變效果

首先有三種漸變類型，分別是：linear（線性漸變）、radial（放射性漸變）、sweep（掃描式漸變）

</shape>

android:useLevel屬性通常不使用。該屬性用于指定是否將該shape當成一個LevelListDrawable來使用，默認值為false。  angle屬性確實只對線性漸變有效，其它兩種漸變方式都沒有任何動靜  centerX、centerY兩個屬性用于設(shè)置漸變的中心點位置，僅當漸變類型為放射漸變時有效。

2，Demo實現(xiàn)效果

我們使用三色漸變來看看這三種漸變方式都是怎么顯示的：（如果不使用centerColor屬性就是雙色漸變，這個屬性是可選的）  注意： 在構(gòu)造放射性漸變時，要加上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】 放射性漸變

實現(xiàn)代碼

<?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】 掃描式漸變

實現(xiàn)代碼

<?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的倍數(shù)，0為從左到右，90為從上到下

2）angle屬性確實只對線性漸變有效，其它兩種漸變方式都沒有任何動靜

實現(xiàn)代碼：

<?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兩個屬性用于設(shè)置漸變的中心點位置，僅當漸變類型為放射漸變時有效。

3）類型為分數(shù)或小數(shù)，不接受Dimension。默認值是0.5，有效值是0.0~1.0，超出該范圍后會看不出漸變效果。centerX、centerY的取值其實是寬和高的百分比

實現(xiàn)代碼： 取寬度的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實現(xiàn)Shape屬性gradient漸變效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！