Android自定义Button样式 | 不同点击状态的样式 | 统一文件修改

目录标题

样式演示

button样式演示

代码

自定义布局文件layout中的button控件

 <Button
            android:id="@+id/tv_cancel"
            android:layout_width="160dp"
            android:layout_height="44dp"
            android:text="取消"
            //修改background
            android:background="@drawable/login_btn_white_select"
            android:textColor="@color/login_text_blue"
            android:textSize="14sp"
            />

自定义drawable文件:login_btn_white_select.xml
button的整体样式设计:

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 当按下按钮时 -->
    <item android:drawable="@drawable/loginshape_gary_sel" android:state_pressed="true"/>
    <!-- 按钮的默认状态 -->
    <item android:drawable="@drawable/loginshape_white" android:state_focused="false"/>
</selector>

自定义drawable文件:loginshape_gary_sel.xml
按下button的样式设计:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 填充的颜色 -->
      <solid android:color="@color/gray" /> 
    <!-- android:radius 弧形的半径 -->
     <corners android:radius="4dp" />
</shape>

自定义drawable文件:loginshape_white.xml
默认状态的button的样式设计:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 填充的颜色 -->
    <solid android:color="@color/white"/>
    <!-- 设置边框颜色 -->
    <stroke
        android:width="1dp"
        android:color="#DBDBDB" /> <!-- 浅灰色的十六进制代码 -->
    <!-- android:radius 弧形的半径 -->
    <corners android:radius="4dp" />
</shape>

其中的颜色背景等资源都可以替换为自己的资源,这里只是举例子如何进行样式设计
不同的文件有不同的功能样式,方便分类管理,也方便统一修改!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值