[置頂] Android學(xué)好Shape不再依賴(lài)美工

先上圖

其實(shí)以上效果沒(méi)有讓美工提供任何圖片 只要學(xué)會(huì)Shape你就能實(shí)現(xiàn) 想怎么樣就怎么樣

下面介紹Shape的用法：

<shape>  android:shape=["rectangle" | "oval" | "line" | "ring"]

其中rectagle矩形，oval橢圓，line水平直線(xiàn)，ring環(huán)形

<shape>中子節(jié)點(diǎn)的常用屬性：

<gradient>  漸變

android:startColor  起始顏色

android:endColor  結(jié)束顏色            

android:angle  漸變角度，0從上到下，90表示從左到右，數(shù)值為45的整數(shù)倍默認(rèn)為0；

android:type  漸變的樣式 liner線(xiàn)性漸變 radial環(huán)形漸變 sweep

<solid >  填充

android:color  填充的顏色

<stroke > 描邊

android:width 描邊的寬度

android:color 描邊的顏色

android:dashWidth 表示'-'橫線(xiàn)的寬度

android:dashGap 表示'-'橫線(xiàn)之間的距離

<corners > 圓角

android:radius  圓角的半徑 值越大角越圓

android:topRightRadius  右上圓角半徑
 
android:bottomLeftRadius 右下圓角角半徑
 
android:topLeftRadius 左上圓角半徑

android:bottomRightRadius 左下圓角半徑

2.用selector添加shape
<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas./apk/res/android">
    
        <item android:state_selected="true">
            <shape>
                <gradient android:angle="270" android:endColor="#99BD4C"
                    android:startColor="#A5D245" />
                <size android:height="60dp" android:width="320dp" />
                <corners android:radius="8dp" />
            </shape>
        </item>
        <item android:state_pressed="true">
            <shape>
                <gradient android:angle="270" android:endColor="#99BD4C"
                    android:startColor="#A5D245"/>
                <size android:height="60dp" android:width="320dp" />
                <corners android:radius="8dp" />
            </shape>
        </item>
        <item>
            <shape>
                <gradient android:angle="270" android:endColor="#A8C3B0"
                    android:startColor="#C6CFCE"/>
                <size android:height="60dp" android:width="320dp" />
                <corners android:radius="8dp" />
            </shape>
        </item>
    </selector>

如有疑問(wèn) 給我留言