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

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

創(chuàng)新互聯(lián)建站專業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商,專業(yè)提供成都服務(wù)器托管,服務(wù)器租用,西云機房西云機房,成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。

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的相當(dāng)位置,范圍為0~1android:centerY="float"//漸變中心Y的相當(dāng)位置,范圍為0~1android:startColor="color"//漸變開始點的顏色android:centerColor="color"//漸變中間點的顏色,在開始與結(jié)束點之間android:endColor="color"//漸變結(jié)束點的顏色android:gradientRadius="float"//漸變的半徑,只有當(dāng)漸變類型為radial時才能使用android:useLevel=["true" | "false"] />//使用LevelListDrawable時就要設(shè)置為true。設(shè)為false時才有漸變效果

首先有三種漸變類型,分別是:linear(線性漸變)、radial(放射性漸變)、sweep(掃描式漸變)

</shape>

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

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è)置漸變的中心點位置,僅當(dāng)漸變類型為放射漸變時有效。

3)類型為分?jǐn)?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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網(wǎng)站名稱:如何使用Android實現(xiàn)Shape屬性gradient漸變效果
本文來源:http://muchs.cn/article20/ispjco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、App開發(fā)、品牌網(wǎng)站建設(shè)做網(wǎng)站、網(wǎng)站建設(shè)外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)