安卓 实现圆角按钮的的自定义和点击圆角按钮按钮实现背景变化

刚开始做安卓ui设计,今天做的是对按钮自定义!目标是自己定义一个圆角按钮,并且按下后能后实现背景图片的变化!

首先 我们要定义个按钮形态的xml文件,文件名是roundbutton_default.xml这个文件就是我们按钮的默认初始状态。代码如下:

<shape 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <!-- 填充的颜色 --> 
    <solid android:color="#0000FF" /> 
    <!-- 设置按钮的四个角为弧形 --> 
    <!-- android:radius 弧形的半径 --> 
    <corners android:radius="10dip" /> 
      
<!-- padding:Button里面的文字与Button边界的间隔 --> 
<padding 
   android:left="10dp" 
   android:top="10dp" 
   android:right="10dp" 
   android:bottom="10dp" 
/> 
</shape>


然后,我们在定义按钮按下后变化的按钮形态,也是一个xml文件,文件名字叫做 roundbutton_pressed.xml,这里变化的只是颜色设置。代码如下:


<shape 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <!-- 填充的颜色 --> 
    <solid android:color="#FF0000" /> 
    <!-- 设置按钮的四个角为弧形 --> 
    <!-- android:radius 弧形的半径 --> 
    <corners android:radius="10dip" /> 
      
<!-- padding:Button里面的文字与Button边界的间隔 --> 
<padding 
   android:left="10dp" 
   android:top="10dp" 
   android:right="10dp" 
   android:bottom="10dp" 
/> 
</shape>

接下来,我们定义一个选择器,它也是一个xml文件,名字是 btn_selector.xml,实现上面按钮形态的变化。代码如下:

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

<!-- bg_selector.xml
* File: 
* Copyright © 2013, Texas Instruments Incorporated - http://www.ti.com/
* All rights reserved.
 -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/roundbutton_pressed" android:state_pressed="true"/>
    <item android:drawable="@drawable/roundbutton_default" android:state_pressed="false"></item>

</selector>

最后在布局文件中定义一个按钮,加入 android:background="@drawable/btn_selector"属性。 代码如下:

            <Button
                android:id="@+id/bncancel"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
               android:background="@drawable/btn_selector"
                android:text="取消"
                android:textColor="#FFFFFF" />

运行整个项目,可查看设置效果!

注意,如果有相应默认图片,把自定义文件改成图片名称,即可简单实现功能!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值