快捷導(dǎo)航

Android實(shí)現(xiàn) Shape屬性gradient 漸變效果

更新時(shí)間：2019年11月27日 10:30:11 作者：Cricket_小帥

這篇文章主要介紹了Android 實(shí)現(xiàn)Shape屬性gradient 漸變效果,gradient用以定義漸變色，可以定義兩色漸變和三色漸變，及漸變樣式，具體實(shí)現(xiàn)代碼感興趣的朋友跟隨小編一起看看吧

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中漸變類型，線性漸變（默認(rèn)）/放射漸變/掃描式漸變  
    android:angle="integer"     //漸變角度，必須為45的倍數(shù)，0為從左到右，90為從上到下  
    android:centerX="float"     //漸變中心X的相當(dāng)位置，范圍為0～1  
    android:centerY="float"     //漸變中心Y的相當(dāng)位置，范圍為0～1  
    android:startColor="color"   //漸變開始點(diǎn)的顏色  
    android:centerColor="color"  //漸變中間點(diǎn)的顏色，在開始與結(jié)束點(diǎn)之間  
    android:endColor="color"    //漸變結(jié)束點(diǎn)的顏色  
    android:gradientRadius="float"  //漸變的半徑，只有當(dāng)漸變類型為radial時(shí)才能使用  
    android:useLevel=["true" | "false"] />  //使用LevelListDrawable時(shí)就要設(shè)置為true。設(shè)為false時(shí)才有漸變效果

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

</shape>

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

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

我們使用三色漸變來看看這三種漸變方式都是怎么顯示的：（如果不使用centerColor屬性就是雙色漸變，這個(gè)屬性是可選的）
注意：在構(gòu)造放射性漸變時(shí)，要加上android:gradientRadius屬性（漸變半徑），即必須指定漸變半徑的大小才會(huì)起作用

【1】線性漸變

實(shí)現(xiàn)效果

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】放射性漸變

實(shí)現(xiàn)效果

實(shí)現(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】掃描式漸變

實(shí)現(xiàn)效果

實(shí)現(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屬性修改漸變角度（僅對(duì)線性漸變有效）

1）android:angle="integer" //漸變角度，必須為45的倍數(shù)，0為從左到右，90為從上到下

2）angle屬性確實(shí)只對(duì)線性漸變有效，其它兩種漸變方式都沒有任何動(dòng)靜

實(shí)現(xiàn)效果：

實(shí)現(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兩個(gè)屬性用于設(shè)置漸變的中心點(diǎn)位置，僅當(dāng)漸變類型為放射漸變時(shí)有效。

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

實(shí)現(xiàn)效果

實(shí)現(xiàn)代碼：取寬度的20%和高度的80%的位置，作為新的漸變?cè)c(diǎ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"
    android:centerX="0.2"
    android:centerY="0.8"/>
</shape>

總結(jié)

以上所述是小編給大家介紹的Android實(shí)現(xiàn) Shape屬性gradient 漸變效果，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

您可能感興趣的文章: