Android Studio开发之路(十三)主题影响Button颜色问题解决及button自定义样式

news2024/12/28 18:54:37

一、问题描述

在开发过程中发现安卓的默认主题色是紫色,并且会导致button也是紫色,有时直接在xml布局文件中直接设置button的背景色或者设置背景图片不起效果

方案一、如果是app,可以直接设置主题颜色

比如,将主题设置为白色,

<!-- color.xml中设置颜色-->
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
    <color name="primaryColor">#FFFFFFFF</color>
    <color name="primaryDarkColor">#FFFFFFFF</color>
    <color name="secondaryColor">#FFFFFFFF</color>
</resources>


<!-- theme.xml中设置主题颜色,注意Theme.Material3.DayNight.NoActionBar-->
<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Base.Theme.MarkCollectionTool" parent="Theme.Material3.DayNight.NoActionBar">
        <!-- Customize your light theme here. -->
        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
        <item name="colorPrimary">@color/primaryColor</item>
        <item name="colorPrimaryDark">@color/primaryDarkColor</item>
        <item name="colorAccent">@color/secondaryColor</item>
    </style>

    <style name="Theme.MarkCollectionTool" parent="Base.Theme.MarkCollectionTool" />
</resources>

但是问题是:
1.有可能button从紫色变成白色了,依然不能自己设置颜色
2.如果是自定义library里边,一般为了不与集成的app产生主题冲突,是不设置主题的。

方案二、组件替换

[ 亲测好用 ]
比如设置背景图片的用imageButton,一般的button用“android.wdiget.Button”来代替button,并且设置button的颜色时尽量通过设置style的方式,而不是直接在布局文件中设置背景色

  1. imageButton的使用
    比如说我需要一个单选按钮radioButton,并且要设置单选按钮的按钮颜色为橘黄色,但是单选框按钮默认为边框黑色的button控件,因为主题的影响选中后还会变成紫色,于是我用一个imagebutton+textview的组合来代替radioButton, imgebutton可以选中前和选中后设置不同的背景图片
//布局文件中通过android:src设置背景图片
<LinearLayout

            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="left"
            android:layout_marginBottom="10dp">
            <ImageButton
                android:id="@+id/selectBtn"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_marginLeft="25dp"
                android:src="@drawable/unselectImg"
                android:onClick="onselectedBtnClicked"
                android:background="@null"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:text="我已知道,以后不再提示"
                android:textSize="13sp"
                android:textColor="@color/black"/>
        </LinearLayout>



//java代码中通过setImageResource设置背景图片
ImageButton selectBtn=(ImageButton) findViewById(R.id.selectBtn);
selectBtn.setImageResource(R.drawable.unselectImg);

这里是引用

2. 使用android.wdiget.Button以及设置样式

首先在res/drawble中新建一个btn_style.xml文件,设置按钮的样式:包括圆角和背景色

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:width="345dp" android:height="44dp">
        <shape android:shape="rectangle">
            <corners android:radius="22dp" />
            <solid android:color="#ffffab02" />
        </shape>
    </item>

</selector>

然后,在res/style.xml中新建一个按钮的style

<?xml version="1.0" encoding="utf-8"?>
<resources>
        <style name="ButtonStyle" parent="Widget.AppCompat.Button.Colored">
        <!-- 在这里定义按钮的样式 -->
        <item name="android:textColor">#FF000000</item>
        <item name="android:background">@drawable/btn_style</item>

        <!-- 其他属性 -->
    </style>

</resources>

最后在布局文件创建button的位置为button设置style

<!--这里用android.widget.Button代替Button, style设置按钮样式-->
<android.widget.Button
            android:id="@+id/okBtn"
            android:layout_width="345dp"
            android:layout_height="44dp"
            style="@style/ButtonStyle"
            android:onClick="onBtnClick"
            android:text="立即验证"
            android:layout_marginLeft="20dp"/>

在这里插入图片描述

三、补充button的边框样式设置

(以后为了不让主题色影响按钮颜色,推荐使用android.widget.Button代替Button, 二者用法基本一样。 以下遇到按钮都简称button了)
在上述方案二中res/drawle/btn_style.xml设置了按钮的圆角和背景色,这里再补充一下button的边框样式设置方法。
res/drawle下建立一个btn_border.xml文件,输入以下内容设置一个宽度为2dp,颜色为橙黄色的边框,
应用方式:
① 在布局文件中button控件设置:android:background=“@drawable/btn_border”
②跟上述方案二一样,在style.xml中添加一个style,然后在布局文件button组件设置style.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <solid android:color="#00000000" />
    <corners android:radius="21dp" />
    <stroke android:width="2dp" android:color="#ffab02"/>
</shape>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1700257.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【STM32】 独立看门狗配置方法

什么是看门狗 看门狗&#xff08;watchdog&#xff09;指的是一种监控系统或程序&#xff0c;用于定期检测和监控其他系统或程序的运行状态&#xff0c;并在出现问题或故障时采取相应的措施。它可以是硬件设备&#xff0c;也可以是软件程序。 在计算机领域中&#xff0c;看门狗…

Java Swing + MySQL图书借阅管理系统

系列文章目录 Java Swing MySQL 图书管理系统 Java Swing MySQL 图书借阅管理系统 文章目录 系列文章目录前言一、项目展示二、部分代码1.Book2.BookDao3.DBUtil4.BookAddInternalFrame5.Login 三、配置 前言 项目是使用Java swing开发&#xff0c;界面设计比较简洁、适合作…

Taipy快速打造数据驱动的Web应用

Taipy&#xff1a; 用Taipy&#xff0c;让数据洞察与应用开发无缝对接- 精选真开源&#xff0c;释放新价值。 概览 Taipy快速打造数据驱动的 Web 应用。这是一个基于 Python 和 Flask 的项目&#xff0c;结合了 React 等前端技术&#xff0c;为开发者提供了一个简洁、高效的开…

【计算机毕业设计】基于SSM+Vue的新能源汽车在线租赁管理系统【源码+lw+部署文档】

摘 要 随着科学技术的飞速发展&#xff0c;社会的方方面面、各行各业都在努力与现代的先进技术接轨&#xff0c;通过科技手段来提高自身的优势&#xff0c;新能源汽车在线租赁当然也不能排除在外。新能源汽车在线租赁是以实际运用为开发背景&#xff0c;运用软件工程开发方法&…

docker安装Elasticsearch(ES)详细教程

使用Docker来安装Elasticsearch&#xff08;简称ES&#xff09;的详细教程如下&#xff1a; 1. 前提条件 确保你的系统已经安装了Docker&#xff0c;并且Docker服务正在运行。如果你使用的是Windows系统&#xff0c;还需要确保已经启用了Hyper-V和容器功能。 2. 拉取Elastic…

AOP、注解、EL表达、若依权限,Security原理综合分析

AOP、注解、EL表达、若依权限&#xff0c;Security原理综合分析 案例一&#xff1a;更新、创建增强 需求产生 每个表中均有创建时间、创建人、修改时间、修改人等字段。 在操作时候手动赋值&#xff0c;就会导致编码相对冗余、繁琐&#xff0c;那能不能对于这些公共字段在某…

【c++基础】和谐分组

题目描述 s 班共有 n 名学生&#xff0c;按照学号从 1 到的顺序每名学生的身高分别为 a[1],a[2]...a[n]。由于是新学期&#xff0c;s 班需要进行分组&#xff0c;分组的要求如下&#xff1a; 进行分组的组数不能超过 k。 每组的人的学号必须相邻。 由于身高差过大的人分在同一…

今天又一次在金边搬家了

target&#xff1a;离开柬埔寨倒计时-220day 前言 前天&#xff0c;银行的行政告诉我之前住的地方那个中介说房东不租了&#xff0c;重新给我租了个地方&#xff0c;还是在同一栋楼&#xff0c;只是楼层和房间不一样&#xff0c;今天搬了好多躺呀… 周末的日子 昨天下午 同事&…

2024 在Pycharm管理数据库

2024 在Pycharm管理数据库 Pycharm 社区版DataBase Navigator 数据库管理插件(Plugins)安装使用(sqlite为例添加数据) 文章目录 2024 在Pycharm管理数据库一、Pycharm数据库配置1、Database Navigator插件安装2、连接数据库 二、数据库使用1、插件自带基本操作2、控制台操作 …

linux centos循环ping网段ip

循环ping&#xff0c;检测ip是否可用&#xff0c;ping通为正在使用yes&#xff0c;no为不通 vim test.sh#!/bin/bash ip"192.168.1."echo "ping log:" > ./ping.txt for i in {1..128} doping -c 1 -w 1 -W 1 $ip$i | grep -q "ttl" &&a…

Redis崩溃后,如何进行数据恢复的?no.24

本课时我们主要学习通过 RDB、AOF、混合存储等数据持久化方案来解决如何进行数据恢复的问题。 Redis 持久化是一个将内存数据转储到磁盘的过程。Redis 目前支持 RDB、AOF&#xff0c;以及混合存储三种模式。 RDB Redis 的 RDB 持久化是以快照的方式将内存数据存储到磁盘。在…

【数据结构与算法 经典例题】相交链表

&#x1f493; 博客主页&#xff1a;倔强的石头的CSDN主页 &#x1f4dd;Gitee主页&#xff1a;倔强的石头的gitee主页 ⏩ 文章专栏&#xff1a;数据结构与算法刷题系列&#xff08;C语言&#xff09; 期待您的关注 目录 一、问题描述 二、解题思路 方法一:双循环对比法 方…

Minecraft服务器如何搭建

Minecraft这是原版英文名称&#xff0c;在中国大陆被译为《我的世界》&#xff0c;这款游戏很火爆。台湾的很多小伙伴也在玩&#xff0c;其译名为《我的创世神》。现在这款游戏在国内已经被网易代理了。因为这款游戏开源&#xff0c;所以任何人都可以搭建服务器端&#xff0c;如…

群晖nas连接(路由器设置)--群晖配置下文

目录 前言 本文目的与核心 一、打开IPV6和关闭防火墙 路由器后台 二、打开群晖查看是否有ipv6和记住ipv4地址 群晖后台界面 三、路由器设置端口转发 路由器后台 四、打开DDNS-GO的配置页面查看是否配置生效成功 群晖另一个配置后台 五、访问测试 前言 群晖配置上…

Java整合ELK实现日志收集 之 Elasticsearch、Logstash、Kibana

简介 Logstash&#xff1a;用于收集并处理日志&#xff0c;将日志信息存储到Elasticsearch里面 Elasticsearch&#xff1a;用于存储收集到的日志信息 Kibana&#xff1a;通过Web端的可视化界面来查看日志&#xff08;数据可视化&#xff09; Logstash 是免费且开放的服务器端数…

尼姆游戏(人机对战)-Python

1.实验要求 编写程序设计和实现聪明的尼姆游戏&#xff08;人机对战&#xff09;。尼姆游戏是个著名的游戏&#xff0c;有很多变种玩法。两个玩家轮流从一堆物品中拿走一部分。在每一步中&#xff0c;玩家可以自由选择拿走多少物品&#xff0c;但是必须至少拿走一个并且最多只…

保险业务管理系统的设计与实现(论文 + 源码)

保险业务管理系统.zip资源-CSDN文库https://download.csdn.net/download/JW_559/89361419 保险业务管理系统的设计与实现 摘要 历经二十余年的高速发展&#xff0c;我国保险行业的市场竞争已经达到白热化的程度&#xff0c;在同一个城市往往有数十家主体参与保险业务的竞争。保…

一款颜值颇高的虚拟列表!差点就被埋没了,终于还是被我挖出来了

大家好&#xff0c;我是晓衡&#xff01; 今天&#xff0c;推荐一款颇有颜值的虚拟列表组件&#xff0c;不然真的被埋没就可惜了&#xff01; 我们先来看下效果&#xff1a; 感觉怎么样&#xff1f;还不错吧&#xff01; 为什么说这个资源差点被埋没呢&#xff1f;因为个朋友找…

echarts饼图图例右侧纵向排列

如图所示&#xff0c;一开始&#xff0c;我设置了图例的right和top值&#xff0c;还有orient&#xff0c;但图例始终不能纵向排成一排&#xff0c;要么上面两个一行&#xff0c;要么最后两个一行&#xff0c;最后我发现同时设置一下left的值就可以了&#xff0c;如下所示&#…

Lookin高效调试iOS App的UI

Lookin是一款iOS开发时常用的调试软件&#xff0c;由腾讯微信读书团队QMUI开发。 它可以查看和修改iOS App里的UI对象的软件&#xff0c;展示App UI图层&#xff0c;类似于Xcode自带的UI Inspector工具&#xff0c;或另一款叫做Reveal的软件。 此外&#xff0c;虽然Lookin主体…