最方便的自定义带点击效果的圆角背景按钮




如图,上面的带有点击圆角背景按钮经常用到。通常的做法是自定义一个background,需要三个文件selector,shape1,shape2

//selector
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="true" android:drawable="@drawable/button_seleter_up"></item>
    <item android:state_pressed="true" android:drawable="@drawable/button_seleter_up"></item>
    <item android:state_enabled="false" android:drawable="@drawable/button_seleter_up"></item>
    <item android:drawable="@drawable/button_seleter_down"></item>
</selector>

//button_seleter_up.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="@color/colorAccent" />
    <corners
        android:bottomLeftRadius="3dp"
        android:bottomRightRadius="3dp"
        android:topLeftRadius="3dp"
        android:topRightRadius="3dp" />
</shape>

//button_seleter_down.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="@color/btn_gray_normal" />
    <corners
        android:bottomLeftRadius="3dp"
        android:bottomRightRadius="3dp"
        android:topLeftRadius="3dp"
        android:topRightRadius="3dp" />

</shape>

感觉这TM好麻烦,一个背景要搞3个文件。今天我要说一种简洁的办法,不要3个文件,只需要一个文件就行。

 //shape_round_button_background1.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="@color/text_button_pressed" />
            <corners android:radius="30dip" />
            <padding android:left="16dp" android:right="16dp" />
        </shape>
    </item>
    <item>
        <shape>
            <solid android:color="@color/text_button_bg" />
            <corners android:radius="30dip" />
            <padding android:left="16dp" android:right="16dp" />
        </shape>
    </item>
</selector>
下面说说最方便的使用方式:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tv_charge_submit"
        style="@style/round_submit_button1"
        android:text="确定" />
</LinearLayout>

上面的代码简直太简洁了有木有?是的,这个简介的代码还要依赖style文件设置的一个类型:

    <style name="round_submit_button1" parent="android:Widget">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">@dimen/px_100</item>
        <item name="android:textSize">@dimen/textsize_8</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:gravity">center</item>
        <item name="android:layout_margin">@dimen/activity_horizontal_margin</item>
        <item name="android:background">@drawable/shape_round_button_background1</item>
    </style>

这里面就用到了上面定义的的带有点击效果的背景。
================================================================================================
附带一个带边线border的圆角背景:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/cffffff" />
    <stroke
        android:width="1dip"
        android:color="@color/main_color" />
    <corners android:radius="30dip" />
    <padding
        android:left="16dp"
        android:right="16dp" />
</shape> 









  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值