1. 程式人生 > 程式設計 >Android實現 Shape屬性gradient 漸變效果

Android實現 Shape屬性gradient 漸變效果

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 漸變效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對我們網站的支援!
如果你覺得本文對你有幫助,歡迎轉載,煩請註明出處,謝謝!