前言
在Android開發(fā)中我們經(jīng)常要改變控件（如Button）的背景蝗砾、顏色先较、樣式等，通常情況下我們可以直接使用不同的圖片來改變控件的樣式悼粮，但是闲勺，如果使用到的圖片特別多、或者比較大扣猫，就會導(dǎo)致我們的APK體積增大菜循，這是非常不友好的。還好Google為我們提供了一套自定義圖形的方法申尤，也就是我們今天的主角Shape 項目源代碼
先來看看效果圖吧癌幕！
Shape的子屬性
shape一共有6個子屬性：
solid、gradient昧穿、stroke序芦、corners、padding粤咪、size
| 屬性 | 描述 |
|---|---|
| solid | 給shape填充背景顏色 |
| gradient | 給shape添加背景漸變 |
| stroke | 給shape添加邊框 |
| corners | 給shape添加圓角 |
| padding | 給shape設(shè)置上下左右四個方向的間隔 |
| size | 給shape設(shè)置大小 |
下面通過代碼來逐個講解：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<!-- oval表示橢圓 -->
<!-- 填充 -->
<solid android:color="#ffffff" /> <!-- 定義填充的顏色值 -->
<!-- 漸變 -->
<gradient
android:angle="90"
android:endColor="#00ff00"
android:startColor="#ff0000"
android:type="sweep" /> <!-- 漸變屬性 -->
<!-- 描邊 -->
<stroke
android:width="10dp"
android:color="#0000ff"
android:dashGap="3dp"
android:dashWidth="5dp" /> <!-- 定義描邊的寬度和描邊的顏色值 -->
<!-- 圓角 -->
<corners
android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"
android:topLeftRadius="5dp"
android:topRightRadius="5dp" /> <!-- 設(shè)置四個角的半徑 -->
<!-- 間隔 -->
<padding
android:bottom="10dp"
android:left="10dp"
android:right="10dp"
android:top="10dp" /> <!-- 設(shè)置各個方向的間隔 -->
<!-- 大小 -->
<size
android:width="300dp"
android:height="200dp" /> <!-- 定義寬高 -->
</shape>
看看效果
詳細(xì)講解
- 1谚中、shape自身屬性
android:shape="oval"表示將此shape的形狀設(shè)置為橢圓形
可以指定的形狀有四種： line線形、oval橢圓形、ring環(huán)形宪塔、rectangle距形
- 2磁奖、solid屬性
android:color="#ffffff"填充的顏色，它也就只有這一個屬性值
- 3某筐、gradient（注意如果將solid的顏色設(shè)置為透明比搭，則gradient的設(shè)置將失效）
android:color="#ffffff"漸變開始的顏色
android:endColor="#00ff00"漸變結(jié)束的顏色
android:angle="90"漸變角度，必須是45的整數(shù)倍
android:type="sweep"以中心為原點360度掃描式漸變模式
默認(rèn)的漸變模式為linear線性漸變 ,還有一種為徑向漸變radial南誊，在使用徑向漸變時還需要額外設(shè)定半徑android:gradientRadius
- 4身诺、stroke屬性
android:width="10dp"描邊線寬
android:color="#0000ff"描邊線的顏色
android:dashWidth="5dp"表示'-'這樣一個橫線的寬度
android:dashGap="3dp"間隔的距離
- 5、corners屬性
android:radius圓角的半徑抄囚，值越大角越圓
還可以單獨設(shè)置四個角的圓角半徑android:topLeftRadius,android:topRightRadius,android:bottomLeftRadius,android:bottomRightRadius
- 6霉赡、padding屬性
可以分別設(shè)置上下左右四個方向的間隔
android:left,android:top,android:right,android:bottom
- 7、size屬性
android:width="300dp"設(shè)置shape的寬
android:height="200dp"設(shè)置shape的高
寫在最后
雖然幔托，shape 的屬性就只有這幾個穴亏，但是，你卻可以使用它們制作出很多你意向不到的效果重挑。請開始你的表演吧嗓化！
如果你在參考過程中遇到問題，可以在我的聯(lián)系方式中給我提問谬哀。
后面會繼續(xù)介紹刺覆，Android的相關(guān)知識，歡迎繼續(xù)關(guān)注我博客的更新
參考資源
轉(zhuǎn)載請注明：XueLong的博客 ? Android自定義圖形-Shape的使用
