Shape 漸變色及只顯示單邊框

2021-08-30 02:22:23 字數 1788 閱讀 3954

漸變色

一般情況下,view的背景色都是比較單一的;但是在特殊的需要的時候,需要漸變色背景,就無法實現了,如下圖;

用一下**就可以實現了;

<

?xml version=

"1.0" encoding=

"utf-8"

?>

""android:shape=

"rectangle"

>

"13dp"

/>

android:angle=

"0" android:centercolor=

"@color/color_f8771a"

android:endcolor=

"@color/block"

android:startcolor=

"@color/color_ffa2a2"

/>

<

/shape>

主要的屬性:

startcolor:開始顏色;

centercolor:中間顏色;

android:centerx=

"50%" x軸中間位置;

android:centery=

"50%" y軸中間位置;

endcolor:結束顏色;

angle:渲染角度

android:angle=

"0"//效果是:是從左到右,按照開始顏色到結束顏色來渲染的

android:angle=

"45"

//效果是:是從左下角到右上角,按照開始顏色到結束顏色來渲染的

android:angle=

"90"

//效果是:是從下到上,按照開始顏色到結束顏色來渲染的

android:angle=

"135"

//效果是:是從右下角到左上角,按照開始顏色到結束顏色來渲染的

android:angle=

"180"

//效果是:從右往左,按照開始顏色到結束顏色來渲染的

android:angle=

"225"

//效果是:從右上角往左下角,按照開始顏色到結束顏色來渲染的

android:angle=

"270"

//效果是:從上到下,按照開始顏色到結束顏色來渲染的

android:angle=

"315"

//效果是:從左上角到右下角,按照開始顏色到結束顏色來渲染的

shape的其他屬性,正常使用;

只顯示單邊框

<

?xml version=

"1.0" encoding=

"utf-8"

?>

"">

android:left=

"-5dp"

android:right=

"-5dp"

>

"@color/white"

/>

android:width=

"5dp"

android:color=

"@color/color_f8771a"

/>

<

/shape>

<

/item>

<

/layer-list>

背景及漸變色

範圍內平鋪 background repeat repeat x 橫行平鋪一行 background repeat repeat y 豎向平鋪一列 background repeat no repeat 無平鋪效果 背景相關的所有屬性都寫在一行 background red url image do...

透明色及漸變色設定

畫窗體背景色 漸變刷 lineargradientbrush mybrush new lineargradientbrush new rectangle 0,0,this.width,this.height color.fromargb 50,color.blue color.fromargb 40...

利用放射性漸變實現css3漸變色邊框

之前漸變色邊框我一直都是用的border image,但是只有兩條邊,如果是4條邊的話可以用 radial gradient放射性漸變嘗試一下。charset utf 8 css3漸變色邊框title type text css wrap inner style head id class wrap...