关于android渐变色的配置使用

<?xml version="1.0" encoding="utf-8"?>
<!-- 这里主要是设置形状,如长方形android:shape="rectangle" -->
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <!--
       圆角
    android:radius为角的弧度,值越大角越圆。这个貌似是全部一致的,也可以设置不一致的,四个角分别设置
       android:topRightRadius="20dp"    右上角
        android:bottomLeftRadius="20dp"    右下角
        android:topLeftRadius="1dp"    左上角
        android:bottomRightRadius="0dp"    左下角
        0dp无效在2.2以及之前版本是OK的,如果实在不行就设置1dp效果相差不大

    -->
    <corners android:radius="4dip" />

    <!-- 主要配置边距 -->

    <padding
        android:bottom="10dip"
        android:left="6dip"
        android:right="6dip"
        android:top="10dip" />
    <!--
    渐变 。主要是配置起点颜色、终点颜色、中间点的坐标、中间点的颜色、渐变角度(90度为上下渐变,0为左右渐变)
android:startColor和android:endColor分别为起始和结束颜色;
android:angle是渐变角度,必须为45的整数倍;
渐变的默认模式是线性渐变,即:android:type="linear",改值可以修改为径向渐变(即:radial),不过就径向渐变需要设置半径,如:android:gradientRadius="50"
还可以设置android:centerColor,貌似是中间向两边改变的

    -->

    <gradient
        android:endColor="#323336"
        android:startColor="#323336" />
    <!--
           描边
    可以设置边框的宽度,颜色,还可以设置虚线:
       横线宽度:android:dashWidth="5dp"  横线之间空的距离:android:dashGap="3dp"
    -->

    <stroke
        android:width="1dip"
        android:color="#ffffff" />
    <!--
       还有实心等效果
  solid android:color="#ff9d77"
    -->

</shape>

下面实现一个按钮的的渐变设计:

button_selector.xml: 

<?xml version="1.0" encoding="utf-8"?>  
<selector  
    xmlns:android="http://schemas.android.com/apk/res/android">  
    <item android:state_pressed="true" >  
        <shape>  
            <!-- 渐变 -->  
            <gradient  
                android:startColor="#ff8c00"  
                android:endColor="#FFFFFF"  
                android:type="radial"  
                android:gradientRadius="50" />  
            <!-- 描边 -->  
            <stroke  
                android:width="2dp"  
                android:color="#dcdcdc"  
                android:dashWidth="5dp"  
                android:dashGap="3dp" />  
            <!-- 圆角 -->  
            <corners  
                android:radius="2dp" />  
            <padding  
                android:left="10dp"  
                android:top="10dp"  
                android:right="10dp"  
                android:bottom="10dp" />  
        </shape>  
    </item>  
    <item android:state_focused="true" >  
        <shape>  
            <gradient  
                android:startColor="#ffc2b7"  
                android:endColor="#ffc2b7"  
                android:angle="270" />  
            <stroke  
                android:width="2dp"  
                android:color="#dcdcdc" />  
            <corners  
                android:radius="2dp" />  
            <padding  
                android:left="10dp"  
                android:top="10dp"  
                android:right="10dp"  
                android:bottom="10dp" />  
        </shape>  
    </item>  
    <item>        
        <shape>  
            <solid android:color="#ff9d77"/>  
            <stroke  
                android:width="2dp"  
                android:color="#fad3cf" />  
            <corners  
                android:topRightRadius="5dp"  
                android:bottomLeftRadius="5dp"  
                android:topLeftRadius="0dp"  
                android:bottomRightRadius="0dp"  
            />  
            <padding  
                android:left="10dp"  
                android:top="10dp"  
                android:right="10dp"  
                android:bottom="10dp" />  
        </shape>  
    </item>  
</selector>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值