android自定义圆角按钮,点击实现背景和文字颜色同时变化

本文详细介绍如何使用XML选择器为TextView创建动态背景和文字颜色,包括实线边框、内部填充及响应点击状态的变化,适用于Android应用开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、效果
在这里插入图片描述
2、基于TextView实现,同时制定TV背景和文字的背景的选择器

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="30dp"
        android:gravity="center">

        <TextView
            android:id="@+id/tvSave"
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:background="@drawable/text_bg_selector"
            android:gravity="center"
            android:padding="10dp"
            android:text="保存"
            android:clickable="true"
            android:textColor="@drawable/text_color_selector"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/tvCancel"
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="100dp"
            android:clickable="true"
            android:background="@drawable/text_bg_selector"
            android:gravity="center"
            android:padding="10dp"
            android:text="退出"
            android:textColor="@drawable/text_color_selector"
            android:textSize="20sp" />
    </LinearLayout>

3、text_bg_selector

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

shape_text_color_p

<?xml version="1.0" encoding="utf-8"?><!-- 实线边框+内部填充 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:useLevel="true">
    <corners android:bottomLeftRadius="15dp"
        android:bottomRightRadius="15dp"
        android:topLeftRadius="15dp"
        android:topRightRadius="15dp" />

    <!--描边-->
    <stroke android:color="#07ACED"
        android:width="2dp"></stroke>

    <!--实心-->
    <solid android:color="#07ACED" />

    <padding android:bottom="10dp"
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"/>
</shape>


shape_text_color_n

<?xml version="1.0" encoding="utf-8"?><!-- 实线边框+内部填充 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:useLevel="true">
    <corners android:bottomLeftRadius="15dp"
        android:bottomRightRadius="15dp"
        android:topLeftRadius="15dp"
        android:topRightRadius="15dp" />

    <!--描边-->
    <stroke android:color="#07ACED"
        android:width="2dp"></stroke>

    <!--实心-->
    <solid android:color="@color/white" />

    <padding android:bottom="10dp"
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"/>
</shape>

4、text_color_selector

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 没有焦点时的背景图片 -->
    <item android:state_window_focused="false" android:color="@color/color_text_00aeef" />
    <item android:state_focused="false" android:state_pressed="true"   android:color="@color/white" />
    <!-- 默认时的背景-->
    <item android:color="@color/color_text_00aeef" />
</selector>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值