Android Shape图形

shape图形

2017/10/2 9:43:45

---

类型

oval 椭圆

line 线

rectangle 长方形

ring 环

属性

stroke(描边)

宽度

Android:width 

颜色

Android:color

虚线间隔

Android:dashGap 

虚线宽度

Android:dashWidth

颜色渐变(gradient)

渐变方向

Android:angle 
                0   从左往右
                90  从上往下
                180 从下往上
                270 从右往左

渐变开始的颜色

Android:startColor 

渐变结束的颜色

Android:endColor 

类型

Android:type 
    linear（线性变化）
    radial（辐射渐变）
    sweep（扫描渐变）

size(大小)

宽度

Android:width 

高度

Android:height 

背景颜色(solid)

背景颜色

Android:color 

圆角(corners)

图形下方左边圆角角度

android:bottomLeftRadius="15px"   

图形下方右边圆角角度

android:bottomRightRadius="15px"  

图形上方左边圆角角度

android:topLeftRadius="15px"       

图形上方右边圆角角度

android:topRightRadius="15px"     

四个角度的全部圆角角度

android:radius   

案例

园形

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="2dp"
        android:color="#fff"
        android:dashGap="0dp"
        android:dashWidth="100dp" />

    <corners android:radius="96sp" />
    <solid android:color="#f0d32a" />
    <size
        android:width="200dp"
        android:height="200dp" />
</shape>

正方形

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="2dp"
        android:color="#fff"
        android:dashGap="0dp"
        android:dashWidth="100dp" />

    <corners android:radius="0sp" />
    <solid android:color="#f0d32a" />
    <size
        android:width="200dp"
        android:height="200dp" />
</shape>

圆角

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="2dp"
        android:color="#fff"
        android:dashGap="0dp"
        android:dashWidth="100dp" />

    <corners android:radius="30sp" />
    <solid android:color="#f0d32a" />
    <size
        android:width="200dp"
        android:height="70dp" />
</shape>

虚线描边

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="10dp"
        android:color="#fff"
        android:dashGap="10dp"
        android:dashWidth="10dp" />

    <corners android:radius="0sp" />
    <solid android:color="#f0d32a" />
    <size
        android:width="200dp"
        android:height="200dp" />
</shape>

椭圆

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke
        android:width="0dp"
        android:color="#fff"
        android:dashGap="0dp"
        android:dashWidth="10dp" />

    <corners android:radius="0sp" />
    <solid android:color="#f0d32a" />
    <size
        android:width="200dp"
        android:height="100dp" />
</shape>