Android中shape屬性詳解

時間  2019-11-12
標籤 android shape 屬性 詳解 欄目 Android 简体版
原文   原文鏈接

1、簡單使用

剛開始，就先不講一堆標籤的意義及用法，先簡單看看shape標籤怎麼用。html

一、新建shape文件

首先在res/drawable文件夾下，新建一個文件，命名爲：shape_radius.xmllinux

內容是這樣的：（先不須要理解，先看shape怎麼用）android

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <corners android:radius="20dip"/> 
  4.     <solid android:color="#ff00ff"/> 
  5.  
  6. </shape>  
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="20dip"/>
    <solid android:color="#ff00ff"/>

</shape>

二、添加到控件中

在定義好shape文件後，下一步就是將其添加到控件中，添加到控件中，通常是使用設置background屬性，將其爲控件背景，下面，咱們將其設置爲MainActivity對應的佈局中（activity_main.xml），將其設爲TextView的背景，看顯示出來 是什麼樣子的。svg

 

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     xmlns:tools="http://schemas.android.com/tools" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="match_parent" 
  5.     tools:context="com.harvic.tryshape.MainActivity" > 
  6.  
  7.     <TextView 
  8.         android:layout_width="wrap_content" 
  9.         android:layout_height="wrap_content" 
  10.         android:layout_margin="50dip" 
  11.         android:text="@string/hello_world"  
  12.         android:background="@drawable/shape_radius"/> 
  13.      
  14. </RelativeLayout>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.harvic.tryshape.MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="50dip"
        android:text="@string/hello_world" 
        android:background="@drawable/shape_radius"/>
    
</RelativeLayout>

顯示出來的結果是這樣的：佈局

 

2、基本屬性（corners、gradient、padding、size、solid、stroke）

上面給你們簡單的講了下shape標籤組的簡單使用方法，下面就具體講講shape標籤裏所具備的幾個子標籤及所具備的屬性。spa

一、Corners

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <corners    //定義圓角   
  2.     android:radius="dimension"      //所有的圓角半徑   
  3.     android:topLeftRadius="dimension"   //左上角的圓角半徑   
  4.     android:topRightRadius="dimension"  //右上角的圓角半徑   
  5.     android:bottomLeftRadius="dimension"    //左下角的圓角半徑   
  6.     android:bottomRightRadius="dimension" />    //右下角的圓角半徑    
<corners    //定義圓角  
    android:radius="dimension"      //所有的圓角半徑  
    android:topLeftRadius="dimension"   //左上角的圓角半徑  
    android:topRightRadius="dimension"  //右上角的圓角半徑  
    android:bottomLeftRadius="dimension"    //左下角的圓角半徑  
    android:bottomRightRadius="dimension" />    //右下角的圓角半徑

Corners標籤是用來字義圓角的，其中radius與其它四個並不能共同使用。.net

 

android:radius：定義四個角的的圓角半徑。code

其它四個是逐個字義每一個角的圓角半徑。xml

使用：htm

控件佈局：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     android:layout_width="match_parent" 
  3.     android:layout_height="match_parent" > 
  4.  
  5.     <TextView 
  6.         android:layout_width="100dp" 
  7.         android:layout_height="100dp" 
  8.         android:layout_margin="50dip" 
  9.         android:text="@string/hello_world"  
  10.         android:background="@drawable/shape_radius"/> 
  11. </RelativeLayout>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="50dip"
        android:text="@string/hello_world" 
        android:background="@drawable/shape_radius"/>
 </RelativeLayout>

shape定義：

 

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <corners android:radius="20dip"/> 
  4.     <solid android:color="#ffff00"/> 
  5. </shape>  
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="20dip"/>
    <solid android:color="#ffff00"/>
</shape>

效果：

 

二、solid

solid用以指定內部填充色

只有一個屬性：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <solid  android:color="color" />    
<solid  android:color="color" />

在上面的例子中，咱們就將填充色指定爲#ffff00了，若是咱們不加圓角，只使用填充色，即將shape變成這樣子：

 

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <solid android:color="#ffff00"/> 
  4. </shape>  
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="#ffff00"/>
</shape>

那效果就是這樣的：

 

三、gradient

 

gradient用以定義漸變色，能夠定義兩色漸變和三色漸變，及漸變樣式，它的屬性有下面幾個：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <gradient  
  2.     android:type=["linear" | "radial" | "sweep"]    //共有3中漸變類型，線性漸變（默認）/放射漸變/掃描式漸變   
  3.     android:angle="integer"     //漸變角度，必須爲45的倍數，0爲從左到右，90爲從上到下   
  4.     android:centerX="float"     //漸變中心X的至關位置，範圍爲0～1   
  5.     android:centerY="float"     //漸變中心Y的至關位置，範圍爲0～1   
  6.     android:startColor="color"   //漸變開始點的顏色   
  7.     android:centerColor="color"  //漸變中間點的顏色，在開始與結束點之間   
  8.     android:endColor="color"    //漸變結束點的顏色   
  9.     android:gradientRadius="float"  //漸變的半徑，只有當漸變類型爲radial時才能使用   
  10.     android:useLevel=["true" | "false"] />  //使用LevelListDrawable時就要設置爲true。設爲false時纔有漸變效果    
<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（掃描式漸變）

（1）先看看這幾個屬性的使用方法：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. android:type=["linear" | "radial" | "sweep"] 
  2. android:startColor="color"   //漸變開始點的顏色   
  3. android:centerColor="color"  //漸變中間點的顏色，在開始與結束點之間   
  4. android:endColor="color"    //漸變結束點的顏色   
  5. android:gradientRadius="float"  //漸變的半徑，只有當漸變類型爲radial時才能使用    
android:type=["linear" | "radial" | "sweep"]
android:startColor="color"   //漸變開始點的顏色  
android:centerColor="color"  //漸變中間點的顏色，在開始與結束點之間  
android:endColor="color"    //漸變結束點的顏色  
android:gradientRadius="float"  //漸變的半徑，只有當漸變類型爲radial時才能使用

 

下面咱們使用三色漸變來看看這三種漸變方式都是怎麼顯示的：（若是不使用centerColor屬性就是雙色漸變，這個屬性是可選的）

須要注意的一點是，在構造放射性漸變時，要加上android:gradientRadius屬性（漸變半徑），即必須指定漸變半徑的大小纔會起做用，下面列出這三個漸變方式的shape代碼，供你們參考：

線性漸變：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <gradient  
  4.         android:type="linear" 
  5.         android:startColor="#ff0000" 
  6.         android:centerColor="#00ff00" 
  7.         android:endColor="#0000ff"/> 
  8. </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>

放射性漸變：

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <gradient  
  4.         android:type="radial" 
  5.         android:startColor="#ff0000" 
  6.         android:centerColor="#00ff00" 
  7.         android:endColor="#0000ff" 
  8.         android:gradientRadius="100"/> 
  9. </shape>  
<?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>

掃描式漸變：

 

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <gradient  
  4.         android:type="sweep" 
  5.         android:startColor="#ff0000" 
  6.         android:centerColor="#00ff00" 
  7.         android:endColor="#0000ff"/> 
  8. </shape>  
<?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>

可見放射性漸變，只是比其它兩個多了個android:gradientRadius屬性

（2）、android:angle屬性（僅對線性漸變有效）

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. android:angle="integer"     //漸變角度，必須爲45的倍數，0爲從左到右，90爲從上到下    
android:angle="integer"     //漸變角度，必須爲45的倍數，0爲從左到右，90爲從上到下

咱們在上面的三種漸變上都加上angle屬性，看看效果如何：

能過跟上一個圖對比能夠發現，angle屬性確實只對線性漸變有效，其它兩種漸變方式都沒有任何動靜，下面是此時的線性漸變shape代碼：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <gradient  
  4.         android:type="linear" 
  5.         android:startColor="#ff0000" 
  6.         android:centerColor="#00ff00" 
  7.         android:endColor="#0000ff" 
  8.         android:angle="45"/> 
  9. </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"
        android:angle="45"/>
</shape>

（3）、android:centerX與android:centerY

centerX、centerY兩個屬性用於設置漸變的中心點位置，僅當漸變類型爲放射漸變時有效，類型爲分數或小數，不接受Dimension。默認值是0.5，有效值是0.0~1.0，超出該範圍後會看不出漸變效果。centerX、centerY的取值實際上是寬和高的百分比；不難理解，下面看代碼：

 

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <gradient  
  4.         android:type="sweep" 
  5.         android:startColor="#ff0000" 
  6.         android:centerColor="#00ff00" 
  7.         android:endColor="#0000ff" 
  8.         android:centerX="0.2" 
  9.         android:centerY="0.8"/> 
  10. </shape>  
<?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>

取寬度的20%和高度的80%的位置，做爲新的漸變原點，效果是這樣的：

 

（4）android:useLevel

useLevel屬性一般不使用。該屬性用於指定是否將該shape當成一個LevelListDrawable來使用，默認值爲false。

四、stroke

這是描邊屬性，能夠定義描邊的寬度，顏色，虛實線等

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <stroke        
  2.     android:width="dimension"   //描邊的寬度   
  3.     android:color="color"   //描邊的顏色   
  4.     // 如下兩個屬性設置虛線   
  5.     android:dashWidth="dimension"   //虛線的寬度，值爲0時是實線   
  6.     android:dashGap="dimension" />      //虛線的間隔   
<stroke       
    android:width="dimension"   //描邊的寬度  
    android:color="color"   //描邊的顏色  
    // 如下兩個屬性設置虛線  
    android:dashWidth="dimension"   //虛線的寬度，值爲0時是實線  
    android:dashGap="dimension" />      //虛線的間隔

 

上面各個屬性的意義以下：

咱們使用綠色虛線描邊，虛線高度是20dp，虛線寬度爲10dp虛線間距爲1dp:

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" > 
  3.     <stroke  
  4.         android:width="20dp"  
  5.         android:color="#00ff00" 
  6.         android:dashWidth="10dp" 
  7.         android:dashGap="1dp" /> 
  8. </shape>  
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <stroke 
        android:width="20dp" 
        android:color="#00ff00"
        android:dashWidth="10dp"
        android:dashGap="1dp" />
</shape>

從效果圖中，咱們也能清晰的看出這三個參數（width、dashwidth、dashGap）之間的區別：

 

五、size和padding

這兩個基本上不怎麼用，由於他們所具備的功能，控件自己也能實現。 size:是用來定義圖形的大小的。

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <size   
  2.     android:width="dimension"   
  3.     android:height="dimension" />  
<size  
    android:width="dimension"  
    android:height="dimension" />

padding：用來定義內部邊距

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <padding    
  2.     android:left="dimension"   
  3.     android:top="dimension"   
  4.     android:right="dimension"   
  5.     android:bottom="dimension" />  
<padding   
    android:left="dimension"  
    android:top="dimension"  
    android:right="dimension"  
    android:bottom="dimension" />

3、Shape的屬性（rectangle、oval、line、ring）

上面咱們講了Shape的子標籤的的做用，但Shape自己還沒講，Shape自已經是能夠定義當前Shape的形狀的，好比上面的矩形，還有橢圓形，線形和環形；這些都是經過Shape標籤的 shape屬性來定義的，Shape標籤總共有下面幾個屬性，咱們一個個講：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. android:shape=["rectangle" | "oval" | "line" | "ring"]   
  2. shape的形狀，默認爲矩形，能夠設置爲矩形（rectangle）、橢圓形(oval)、線性形狀(line)、環形(ring)   
  3. 下面的屬性只有在android:shape="ring時可用：   
  4. android:innerRadius         尺寸，內環的半徑。   
  5. android:innerRadiusRatio    浮點型，以環的寬度比率來表示內環的半徑，   
  6. android:thickness           尺寸，環的厚度   
  7. android:thicknessRatio      浮點型，以環的寬度比率來表示環的厚度，例如，若是android:thicknessRatio="2"，   
  8. android:useLevel            boolean值，若是當作是LevelListDrawable使用時值爲true，不然爲false.  
android:shape=["rectangle" | "oval" | "line" | "ring"]  
shape的形狀，默認爲矩形，能夠設置爲矩形（rectangle）、橢圓形(oval)、線性形狀(line)、環形(ring)  
下面的屬性只有在android:shape="ring時可用：  
android:innerRadius         尺寸，內環的半徑。  
android:innerRadiusRatio    浮點型，以環的寬度比率來表示內環的半徑，  
android:thickness           尺寸，環的厚度  
android:thicknessRatio      浮點型，以環的寬度比率來表示環的厚度，例如，若是android:thicknessRatio="2"，  
android:useLevel            boolean值，若是當作是LevelListDrawable使用時值爲true，不然爲false.

可見，只有第一個shape是可用的，其它五個都是shape等於ring時所特有的。

 

注意，不管這裏shape取什麼形狀，他的子標籤都是可用的，但有時並不會有效果，好比在shape爲橢圓時，那corners標籤就不會有效果，很顯然的道理。下面一個個看看各個形狀都是怎麼樣的；

一、rectangle (矩形)

這就是上一節咱們使用的形狀，當咱們不指定shape屬性時，默認就是矩形的。

控件代碼：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     android:layout_width="match_parent" 
  3.     android:layout_height="match_parent" 
  4.     android:orientation="horizontal" >     
  5.     <TextView 
  6.         android:layout_width="300dp" 
  7.         android:layout_height="100dp" 
  8.         android:layout_margin="10dp" 
  9.         android:textColor="#ffffff" 
  10.         android:textSize="18sp" 
  11.         android:textStyle="bold" 
  12.         android:background="@drawable/try_shape_3"/> 
  13. </LinearLayout>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >    
    <TextView
        android:layout_width="300dp"
        android:layout_height="100dp"
        android:layout_margin="10dp"
        android:textColor="#ffffff"
        android:textSize="18sp"
        android:textStyle="bold"
        android:background="@drawable/try_shape_3"/>
 </LinearLayout>

 

shape代碼：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:shape="rectangle"> 
  4.     <solid android:color="#ff00ff"/> 
  5. </shape>  
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle">
    <solid android:color="#ff00ff"/>
</shape>

對應圖形：

 

二、oval（橢圓）

控件代碼不變，下面是shape代碼：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:shape="oval"> 
  4.     <solid android:color="#ff00ff"/> 
  5. </shape>  
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval">
    <solid android:color="#ff00ff"/>
</shape>

對應圖形：（控件大小的矩形所對應的橢圓）

 

三、line(線形)

 

沒以爲這個能有什麼用……，也不講了，沒什麼意思

四、ring（環形）

還記得他所特有的幾個屬性麼：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. android:innerRadius         尺寸，內環的半徑。   
  2. android:thickness           尺寸，環的厚度   
  3. android:innerRadiusRatio    浮點型，以環的寬度比率來表示內環的半徑，   
  4.       例如，若是android:innerRadiusRatio，表示內環半徑等於環的寬度除以5，這個值是能夠被覆蓋的，默認爲9.   
  5. android:thicknessRatio      浮點型，以環的寬度比率來表示環的厚度，例如，若是android:thicknessRatio="2"，   
  6.       那麼環的厚度就等於環的寬度除以2。這個值是能夠被android:thickness覆蓋的，默認值是3.   
  7. android:useLevel            boolean值，若是當作是LevelListDrawable使用時值爲true，不然爲false. 
android:innerRadius         尺寸，內環的半徑。  
android:thickness           尺寸，環的厚度  
android:innerRadiusRatio    浮點型，以環的寬度比率來表示內環的半徑，  
      例如，若是android:innerRadiusRatio，表示內環半徑等於環的寬度除以5，這個值是能夠被覆蓋的，默認爲9.  
android:thicknessRatio      浮點型，以環的寬度比率來表示環的厚度，例如，若是android:thicknessRatio="2"，  
      那麼環的厚度就等於環的寬度除以2。這個值是能夠被android:thickness覆蓋的，默認值是3.  
android:useLevel            boolean值，若是當作是LevelListDrawable使用時值爲true，不然爲false.

這麼幾個屬性無外乎就是定義環形的內環尺寸和環的寬度。

 

舉個例子：

控件定義：

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     android:layout_width="match_parent" 
  3.     android:layout_height="match_parent" 
  4.     android:orientation="horizontal" >     
  5.     <TextView 
  6.         android:layout_width="300dp" 
  7.         android:layout_height="100dp" 
  8.         android:layout_margin="10dp" 
  9.         android:textColor="#ffffff" 
  10.         android:textSize="18sp" 
  11.         android:textStyle="bold" 
  12.         android:background="@drawable/try_shape_2"/> 
  13. </LinearLayout>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >    
    <TextView
        android:layout_width="300dp"
        android:layout_height="100dp"
        android:layout_margin="10dp"
        android:textColor="#ffffff"
        android:textSize="18sp"
        android:textStyle="bold"
        android:background="@drawable/try_shape_2"/>
 </LinearLayout>

shape定義：（這裏必定要要加上useLevel屬性並定義爲false，否則沒有效果）

 

 

[html] view plain copy print ? 在CODE上查看代碼片 派生到個人代碼片
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:shape="ring"  
  4.     android:innerRadius="20dp"  
  5.     android:thickness="50dp"   
  6.     android:useLevel="false"> 
  7.      
  8.     <solid android:color="#ff00ff"/> 
  9.      
  10. </shape>  
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="ring" 
    android:innerRadius="20dp" 
    android:thickness="50dp"  
    android:useLevel="false">
    
    <solid android:color="#ff00ff"/>
    
</shape>

效果圖：

 


好啦，這部分就到這了，有關Shape的使用最多的仍是第二部分，即當shape爲矩形時，結合那幾個子標籤共同使用時，對於其它的三個Shape平時用到的可能性不大，我這裏講的也不太細緻，下面給你們第一部分的源碼，直接運行，就能出來一個Shape效果。

 

參考文章：

一、《Android中shape的使用》

二、《Android中shape的使用》（與第一個標題同樣而已）

三、《shape 詳解》

四、《Android中shape的用法詳解》

五、《Android shape文件屬性詳解》

源碼地址：http://download.csdn.net/detail/harvic880925/8249629

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程