Android控件Selector封装优化指南：高效实现动态UI效果

本文详细介绍了如何在Android开发中优化selector的封装，涵盖Button、TextView、ImageView、CheckBox、RadioButton等常见控件的动态效果实现。通过结合Material Design组件、矢量图、Ripple效果以及动画Selector，提供了一套现代化、高性能的解决方案，帮助开发者提升代码可维护性和应用性能。

1. Button的Selector封装

使用MaterialButton和ripple效果，结合shape和color选择器。

1.1 背景Selector

<!-- res/drawable/button_background_selector.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 按下状态 --><item android:state_pressed="true"><shape android:shape="rectangle"><solid android:color="#FF0000"/> <!-- 红色背景 --><corners android:radius="8dp"/> <!-- 圆角 --></shape></item><!-- 默认状态 --><item><shape android:shape="rectangle"><solid android:color="#00FF00"/> <!-- 绿色背景 --><corners android:radius="8dp"/></shape></item>
</selector>

1.2 Ripple效果（API 21+）

<!-- res/drawable/button_ripple_selector.xml -->
<ripple xmlns:android="http://schemas.android.com/apk/res/android"android:color="#FF0000"> <!-- 波纹颜色 --><item android:drawable="@drawable/button_background_selector"/> <!-- 默认背景 -->
</ripple>

1.3 使用MaterialButton

<com.google.android.material.button.MaterialButtonandroid:id="@+id/myButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Click Me"android:background="@drawable/button_ripple_selector"app:cornerRadius="8dp"app:strokeColor="#0000FF"app:strokeWidth="2dp"/>

2. TextView的Selector封装

通过color选择器实现文本颜色的动态变化。

2.1 文本颜色Selector

<!-- res/color/text_color_selector.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 按下状态 --><item android:state_pressed="true" android:color="#FF0000"/> <!-- 红色 --><!-- 默认状态 --><item android:color="#0000FF"/> <!-- 蓝色 -->
</selector>

2.2 使用

<TextViewandroid:id="@+id/myTextView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Hello World"android:textColor="@color/text_color_selector"/>

3. ImageView的Selector封装

使用矢量图和selector实现不同状态下的图标切换。

3.1 图标Selector

<!-- res/drawable/icon_selector.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 按下状态 --><item android:state_pressed="true" android:drawable="@drawable/ic_pressed"/><!-- 默认状态 --><item android:drawable="@drawable/ic_default"/>
</selector>

3.2 使用

<ImageViewandroid:id="@+id/myImageView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/icon_selector"/>

4. CheckBox的Selector封装

使用selector实现选中和未选中状态的图标切换。

4.1 图标Selector

<!-- res/drawable/checkbox_selector.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 选中状态 --><item android:state_checked="true" android:drawable="@drawable/ic_checked"/><!-- 未选中状态 --><item android:state_checked="false" android:drawable="@drawable/ic_unchecked"/>
</selector>

4.2 使用

<CheckBoxandroid:id="@+id/myCheckBox"android:layout_width="wrap_content"android:layout_height="wrap_content"android:button="@drawable/checkbox_selector"/>

5. RadioButton的Selector封装

使用selector实现选中和未选中状态的图标切换。

5.1 图标Selector

<!-- res/drawable/radiobutton_selector.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 选中状态 --><item android:state_checked="true" android:drawable="@drawable/ic_radio_checked"/><!-- 未选中状态 --><item android:state_checked="false" android:drawable="@drawable/ic_radio_unchecked"/>
</selector>

5.2 使用

<RadioButtonandroid:id="@+id/myRadioButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:button="@drawable/radiobutton_selector"/>

6. 动画Selector（Animated Selector）

使用<animated-selector>实现状态切换时的动画效果。

6.1 动画Selector

<!-- res/drawable/animated_button_selector.xml -->
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 默认状态 --><item android:id="@+id/default_state" android:drawable="@drawable/ic_default"/><!-- 按下状态 --><item android:id="@+id/pressed_state" android:drawable="@drawable/ic_pressed"/><!-- 过渡动画 --><transition android:fromId="@id/default_state" android:toId="@id/pressed_state"><animation-list><item android:duration="100" android:drawable="@drawable/intermediate_1"/><item android:duration="100" android:drawable="@drawable/intermediate_2"/></animation-list></transition>
</animated-selector>

6.2 使用

<ImageViewandroid:id="@+id/animatedImageView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/animated_button_selector"/>

7. 性能优化建议

  1. 减少层级嵌套：避免在selector中嵌套过多层级，以减少渲染开销。
  2. 使用矢量图：尽量使用矢量图（<vector>）代替位图，以减少资源占用。
  3. 复用资源：提取公共的shape、color和drawable，避免重复定义。
  4. Material Design组件：优先使用MaterialButton、MaterialTextView等组件，它们内置了优化效果。

8. 统一管理样式

通过<style>统一管理控件的selector和样式。

8.1 定义样式

<!-- res/values/styles.xml -->
<style name="AppButtonStyle"><item name="android:background">@drawable/button_ripple_selector</item><item name="android:textColor">@color/text_color_selector</item><item name="android:textSize">16sp</item><item name="android:padding">12dp</item>
</style>

8.2 使用样式

<Buttonandroid:id="@+id/myButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Click Me"style="@style/AppButtonStyle"/>

通过以上优化整理，你可以实现高效、可维护且现代化的selector封装方案，适用于各种Android控件和场景。

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

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

阿里巴巴发布 R1-Omni：首个基于 RLVR 的全模态大语言模型，用于情感识别

阿里巴巴发布 R1-Omni：首个基于 RLVR 的全模态大语言模型，用于情感识别

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…
阅读更多...
Ubuntu24.04 LTS 版本 Linux 系统在线和离线安装 Docker 和 Docker compose

Ubuntu24.04 LTS 版本 Linux 系统在线和离线安装 Docker 和 Docker compose

一、更换软件源并更新系统 在 Ubuntu 24.04 LTS 中&#xff0c;系统引入了全新的软件源配置格式。现在的源配置文件内容更加结构化且清晰&#xff0c;主要包含了软件类型 (Types)、源地址 (URIs)、版本代号 (Suites) 以及组件 (Components) 等信息。 # cat /etc/apt/sources.li…
阅读更多...
ALSA vs OSS：Linux 音频架构的演变与核心区别

ALSA vs OSS：Linux 音频架构的演变与核心区别

在 Linux 音频系统的发展过程中&#xff0c;OSS&#xff08;Open Sound System&#xff09; 和 ALSA&#xff08;Advanced Linux Sound Architecture&#xff09; 曾分别在不同阶段承担着音频管理的角色。OSS 是 Linux 早期的音频架构&#xff0c;而 ALSA 作为其继任者&#xf…
阅读更多...
DeepSeek-R1深度解读

DeepSeek-R1深度解读

deepseek提出了一种通过强化学习&#xff08;RL&#xff09;激励大语言模型&#xff08;LLMs&#xff09;推理能力的方法&#xff0c;个人认为最让人兴奋的点是&#xff1a;通过RL发现了一个叫“Aha Moment”的现象&#xff0c;这个时刻发生在模型的中间版本中。在这个阶段&…
阅读更多...
【鸿蒙开发】Hi3861学习笔记- GPIO之直流电机

【鸿蒙开发】Hi3861学习笔记- GPIO之直流电机

00. 目录 文章目录 00. 目录01. GPIO概述02. 直流电机概述03. ULN2003模块概述04. 硬件设计05. 软件设计06. 实验现象07. 附录 01. GPIO概述 GPIO&#xff08;General-purpose input/output&#xff09;即通用型输入输出。通常&#xff0c;GPIO控制器通过分组的方式管理所有GP…
阅读更多...
图的存储--十字链表与邻接多重表

图的存储--十字链表与邻接多重表

一、十字链表&#xff08;存储有向图&#xff09; (邻接表找顶点的入度不方便 邻接矩阵的时间复杂度高) 用十字链表可以解决查找入度不方便的问题 1.十字链表中对于弧节点总共有4个节点 A、B、C、D、分别指向弧尾顶点的编号、弧头顶点的编号、弧头相同的下一条弧、弧尾相同…
阅读更多...
DataEase：一款国产开源数据可视化分析工具

DataEase：一款国产开源数据可视化分析工具

DataEase 是由飞致云开发的一款基于 Web 的数据可视化 BI 工具&#xff0c;支持丰富的数据源连接&#xff0c;能够通过拖拉拽方式快速制作图表&#xff0c;帮助用户快速分析业务数据并洞察其趋势&#xff0c;为企业的业务改进与优化提供支持。 DataEase 的优势在于&#xff1a;…
阅读更多...
Matlab:矩阵运算篇——矩阵数学运算

Matlab:矩阵运算篇——矩阵数学运算

目录 1.矩阵的加法运算 实例——验证加法法则 实例——矩阵求和 实例——矩阵求差 2.矩阵的乘法运算 1.数乘运算 2.乘运算 3.点乘运算 实例——矩阵乘法运算 3.矩阵的除法运算 1.左除运算 实例——验证矩阵的除法 2.右除运算 实例——矩阵的除法 ヾ(&#xffe3;…
阅读更多...
学习率调整策略

学习率调整策略

学习率衰减策略是深度学习优化过程中的一个关键因素&#xff0c;它决定了训练过程中学习率的调整方式&#xff0c;从而影响模型收敛的速度和效果。不同的衰减策略在不同的任务和模型上可能有不同的表现&#xff0c;下面从我用到过的几个衰减策略进行记录&#xff0c;后续慢慢跟…
阅读更多...
BIG_EVENT

BIG_EVENT

环境准备: 开发: 跨域问题: 只有浏览器才存在跨域问题, 此时浏览器的地址和前端服务一致,所以不存在跨域问题, 但是当浏览器中的js代码需要向8080发送请求时就会由于存在跨域问题而失败. 简单的说前端和浏览器的地址端口是一致的,浏览器只能向前端服务发送请求, 所以可以使用配…
阅读更多...
STM32定时器配置1毫秒中断

STM32定时器配置1毫秒中断

在STM32中配置定时器以产生1毫秒中断的步骤如下&#xff1a; 1. 确定定时器时钟频率 假设系统主频为72MHz&#xff0c;定时器挂载在APB1总线&#xff08;如TIM2&#xff09;&#xff0c;且APB1预分频系数为1&#xff0c;则定时器时钟为72MHz。 2. 计算预分频器和自动重载值&…
阅读更多...
『Rust』Rust运行环境搭建

『Rust』Rust运行环境搭建

文章目录 rust编译工具rustupVisual Studio VS Code测试编译手动编译VSCode编译配置 参考完 rust编译工具rustup https://www.rust-lang.org/zh-CN/tools/install 换源 RUSTUP_DIST_SERVER https://rsproxy.cn RUSTUP_UPDATE_ROOT https://rsproxy.cn修改rustup和cargo的安…
阅读更多...
Flutter桌面开发（二、隐藏顶部状态栏）

Flutter桌面开发（二、隐藏顶部状态栏）

使用windowManager // 确保在其他 window 相关操作之前初始化await windowManager.ensureInitialized();WindowOptions windowOptions WindowOptions(minimumSize: Size(800, 600),size: Size(1280, 980),center: true,backgroundColor: Colors.transparent,skipTaskbar: fals…
阅读更多...
蓝桥备赛（18）- 红黑树和 set 与 map（上）

蓝桥备赛（18）- 红黑树和 set 与 map（上）

对于二叉搜索树 &#xff0c; 平衡二叉树 &#xff0c; 以及红黑树 &#xff0c; 目前只需要了解背后的原理 &#xff0c; 不做代码实现的要求 &#xff0c; 重要的就是了解各种操作的时间复杂度即可 &#xff0c; 为set 与 map 做铺垫 一、二叉搜索树 1.1 基本概念 相较与于堆…
阅读更多...
【实战-解决方案】Webpack 打包后很多js方法报错：not defined

【实战-解决方案】Webpack 打包后很多js方法报错：not defined

问题分析 在不打包的情况下&#xff0c;方法&#xff08;如 checkLoginStatus、filterSites、initProgressBar 等&#xff09;可以正常运行&#xff0c;而经过 Webpack 打包后报 is not defined 错误&#xff0c;通常有以下几个可能的原因&#xff1a; 全局变量丢失 在 Webpac…
阅读更多...
ESP32芯片模组方案，设备物联网无线通信，WiFi蓝牙交互控制应用

ESP32芯片模组方案，设备物联网无线通信，WiFi蓝牙交互控制应用

在当下&#xff0c;物联网正以前所未有的速度席卷全球&#xff0c;从繁华都市的智能建筑&#xff0c;到宁静乡村的智慧农业&#xff0c;从人们日常使用的可穿戴设备&#xff0c;到工业领域复杂精密的自动化生产线&#xff0c;物联网的触角已深入到生活与生产的每一个角落。 而…
阅读更多...
Unity开发的抖音小游戏接入抖音开放平台中的流量主（抖音小游戏接入广告）

Unity开发的抖音小游戏接入抖音开放平台中的流量主（抖音小游戏接入广告）

前言：作者在进行小游戏审核版本的过程中，碰到了下列问题，所以对这个抖音小游戏接入广告研究了下。 还有就是作者的TTSDK版本号是6.2.6，使用的Unity版本是Unity2022.3.29f1，最好和作者的两个版本号保持一致，因为我发现TTSDK旧版的很多函数在新版中就已经无法正常使用了，必…
阅读更多...
Java高频面试之集合-11

Java高频面试之集合-11

hello啊&#xff0c;各位观众姥爷们&#xff01;&#xff01;&#xff01;本baby今天来报道了&#xff01;哈哈哈哈哈嗝&#x1f436; 面试官&#xff1a;详细说说hashmap的put和get操作 HashMap 的 put 和 get 操作是核心功能&#xff0c;其底层通过 数组链表/红黑树 实现&a…
阅读更多...
【计算机网络】第八版和第七版的主要区别，附PDF

【计算机网络】第八版和第七版的主要区别，附PDF

「《计算机网络》(... 谢希仁」&#xff0c;https://pan.quark.cn/s/7c2147cb48f7 1. 新增内容 - 软件定义网络&#xff08;SDN&#xff09;&#xff1a;第八版在网络层章节中新增了对SDN的简介&#xff08;第4章&#xff09;&#xff0c;介绍了其基本原理和应用。 - Wi-Fi代…
阅读更多...
批量将 Excel 文档中的图片提取到文件夹

批量将 Excel 文档中的图片提取到文件夹

前面我们介绍过如何批量删除 Excel 文档中的所有图片或者指定的图片&#xff0c;其中就需要用到批量提取 Excel 文档中图片的操作。我们如何才能够将 Excel 文档中的图片快速的提取出来呢&#xff1f;其实单个 Excel 文档中的图片提取到文件夹中是有多种方法可以完成的&#xf…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023