安卓实战开发之CardView的selector及GrideView的item按下状态保留selector(state_activated)的实现

本文主要是介绍安卓实战开发之CardView的selector及GrideView的item按下状态保留selector(state_activated)的实现,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

android的selector对于android开发者而言再熟悉不过了,只要定义一个drawable目录下定义一个selector的xml文件,在布局文件中background引用这个xml文件或者在代码中setBackgroundDrawable的时候使用此xml就可以实现控件按下或有焦点或激活状态等不同状态的效果。你真的对selector的使用全了解吗?

前言

项目中确实用到了像多个标签,然后选中规格要给文字的边框加点颜色,对于长度和个数不确定的情况呢我们通常可以在代码中通过数据的长度动态的new一个控件然后给他们加点击事件,并且给每个控件设置背景是可以实现的,但是使用grideView的话还是不好实现,所以呢就搜了下发现state_activated能够完美的实现此功能。

效果如下

安卓4.4下效果:

安卓5.1效果

selector属性介绍

selector 的根节点必须是item、可以包含一个或多个item元素
xmlns:android String、必须、定义XML的命名空间、必须是 “http://schemas.android.com/apk/res/android”

android:state_pressed
Boolean、“true”表示按下状态使用(例如按钮按下)、“false”表示非按下状态使用

android:state_focused
Boolean、“true”表示聚焦状态使用(例如使用聚焦Button);“false”表示非聚焦状态使用

android:state_selected
Boolean、“true”表示选中状态使用(例如Tab 打开);“false” 表示非选中状态使用

android:state_enabled设置是否响应事件,指所有事件

哈哈,上面的属性你是否经常使用,因为我们的需求一般都是有无焦点有无按下来改变图片的文字和背景颜色,然后呢,比如listView和grideView点击后状态保留你可能不一定使用过。

android:state_checkable
Boolean、“true”表示可勾选状态时使用;“false”表示非可 勾选状态使用、(只对能切换可勾选—非可勾选的构件有用)

android:state_hovered
这个是api14以上才有的,这个是当光标移动到某一个组件之上的时候的状态,到目前为止,还没有看见过哪个手机设备带有鼠标之类的东西,可能这个专门是为平板电脑设置的或者以后可能出现带有鼠标之类的设备而准备的吧,文档中说,一般这个值设置为与focused这个值一样。

android:state_window_focused
这个是是否对当前界面是否得到焦点的两种状态的设置,所以呢一般我们都是用不到的

android:state_activated
表示当前控件被激活的状态,这个呢或许很多安卓开发者都没有用过,然后呢它可以保留被按下的状态

详细的请看官方的API,那里写的更详细http://developer.android.com/guide/topics/resources/drawable-resource.html#StateList

selector的实例使用

一般selector的作用呢就是给view控件设置背景前景等,因为selector本意呢根据状态的不同为同一个图形更换不同的图片。然后呢使用StateListDrawable来代替普通的drawable,具体的drawable的绘制你可以参考Android的各种Drawable讲解,所以呢drawable可以是color,shape,img,今天的重点不是要去绘制drawable而是去使用selector。

给cardView设置selector(state_pressed使用)

我相信很多人使用过CardView,现在呢我们给它加一个前景selector

 <android.support.v7.widget.CardViewxmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="8dp"android:foreground="@drawable/card_foreground"android:id="@+id/cv_item"android:elevation="2dp"app:cardCornerRadius="4dp"app:cardBackgroundColor="@android:color/white"app:cardPreventCornerOverlap="false"app:cardUseCompatPadding="true"android:clickable="true"><TextViewandroid:id="@+id/text_view"android:padding="20dp"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:text="selector 按下松开效果"/></android.support.v7.widget.CardView>

要设置selector的前提呢,我们得准备drawable,然后cardView我们给它设置selector就得区分5.0之前和之后的效果,我们都知道5.0后点击会有水波纹效果(ripple ),然后之前我们并没有此效果。

然后我们怎么去设置呢:

drawable文件下适配

card_foreground.xml

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/card_foreground_selector"android:insetLeft="2dp"android:insetRight="2dp"android:insetTop="4dp"android:insetBottom="4dp"/>

card_foreground_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:state_pressed="true"><shape android:shape="rectangle"><solid android:color="#e0F5AD6E"/><corners android:radius="@dimen/card_radius" /></shape></item><item android:state_focused="true" android:state_enabled="true"><shape android:shape="rectangle"><solid android:color="#0f000000"/><corners android:radius="@dimen/card_radius" /></shape></item>
</selector>
drawable-v21文件下适配

card_foreground.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"android:color="#F5AD6E"android:drawable="@drawable/card_foreground_selector" />

card_foreground_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:state_pressed="true"><shape android:shape="rectangle"><solid android:color="#F5AD6E"/></shape></item><item android:state_focused="true" android:state_enabled="true"><shape android:shape="rectangle"><solid android:color="#0f000000"/></shape></item>
</selector>

什么ripple和inset 并不是重点,重点是我们如何去写selector文件,其实呢特别简单,你有多少个状态就用item分开好了,接着为各种状态下配置drawable好了,这里呢我直接把shape作为drawable使用了。

grideView的item按下状态保留(state_activated)

其实没有碰到这种情况的时候我也没有去注意state_activated使用,哈哈,确实给开发带来了很大的方便。
当我们发现selector中的state_selected不起作用:注意state_activated状态,作用是激活view后状态一直到保留,除非激活状态被取消,所以必须指定android:state_activated为true或者false。
gride_selector.xml

<?xml version="1.0" encoding="utf-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">  <item  android:state_activated="false"><shape xmlns:android="http://schemas.android.com/apk/res/android" ><!-- 线的宽度,颜色灰色 --><stroke android:width="1dp" android:color="#A3A3A3"></stroke><!-- 矩形的圆角半径 --><corners android:radius="4dp" /></shape></item><item  android:state_pressed="true"><shape xmlns:android="http://schemas.android.com/apk/res/android" ><!-- 线的宽度,颜色灰色 --><stroke android:width="1dp" android:color="#ffea5514"></stroke><!-- 矩形的圆角半径 --><corners android:radius="4dp" /></shape></item><item  android:state_activated="true"><shape xmlns:android="http://schemas.android.com/apk/res/android" ><!-- 线的宽度,颜色灰色 --><stroke android:width="1dp" android:color="#ffea5514"></stroke><!-- 矩形的圆角半径 --><corners android:radius="4dp" /></shape></item>
</selector>

哈哈写完了,我们就可以加到grideView的item布局里面,具体的是加在根布局下还是具体的控件下都是可以的。
好了,我们来看看activity的代码:

package com.losileeya.selectmaster;import android.os.Bundle;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;import com.losileeya.selectmaster.adapter.TagAdapter;import java.util.ArrayList;
import java.util.List;import butterknife.BindView;
import butterknife.ButterKnife;public class MainActivity extends AppCompatActivity {@BindView(R.id.gridview)GridView gridview;private TagAdapter mAdapter;private List<String>mDatas;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ButterKnife.bind(this);initData();doEvent();}private void initData() {mDatas=new ArrayList<>();mDatas.add("东方财富•理财");mDatas.add("58 同 城");mDatas.add("搜 房 网");mDatas.add("携程旅行网");mDatas.add("百度地图");mDatas.add("12306•旅游");mDatas.add("世纪佳缘");mDatas.add("赶 集 网");mDatas.add("易 车 网");mDatas.add("去哪儿网");mDatas.add("唯 品 会");}private void doEvent() {gridview.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {Snackbar.make(gridview,mDatas.get(position), Snackbar.LENGTH_SHORT).show();}});gridview.setChoiceMode(GridView.CHOICE_MODE_SINGLE);// 单选模式// 默认第一个item被选中mAdapter = new TagAdapter(MainActivity.this, mDatas, 0);gridview.setAdapter(mAdapter);gridview.post(new Runnable() {@Overridepublic void run() {gridview.setItemChecked(0, true);gridview.setSelected(true);gridview.setSelection(0);}});}
}

看上面的代码可知:大体实现步骤

1.GridView中的图标在drawable中写出selector,该selector文件中列出了android:state_pressed的图片资源、state_selected的图片资源。

2.gridview.setChoiceMode(GridView.CHOICE_MODE_SINGLE);// 单选模式

3.GridView的onItemClickedListener监听里,针对当前选择的view,调用view.selected(true)

4.gridview.setItemChecked(0, true);gridview.setSelection(0);默认选中第一个

注意事项

selector.xml中的state_activated状态属性必须在androidAPI-11及以上版本使用。

写到这里就写完了,基本上都是项目中能够用到的(check这里没讲,使用差不多不多讲)不知道对你有什么帮助,虽然很简单是不是对selector的理解更进一步。

demo传送门:SelectMaster.rar

这篇关于安卓实战开发之CardView的selector及GrideView的item按下状态保留selector(state_activated)的实现的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1131739

相关文章

SpringBoot集成redisson实现延时队列教程

《SpringBoot集成redisson实现延时队列教程》文章介绍了使用Redisson实现延迟队列的完整步骤,包括依赖导入、Redis配置、工具类封装、业务枚举定义、执行器实现、Bean创建、消费... 目录1、先给项目导入Redisson依赖2、配置redis3、创建 RedissonConfig 配

Python的Darts库实现时间序列预测

《Python的Darts库实现时间序列预测》Darts一个集统计、机器学习与深度学习模型于一体的Python时间序列预测库,本文主要介绍了Python的Darts库实现时间序列预测,感兴趣的可以了解... 目录目录一、什么是 Darts?二、安装与基本配置安装 Darts导入基础模块三、时间序列数据结构与

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么?基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建

Python使用FastAPI实现大文件分片上传与断点续传功能

《Python使用FastAPI实现大文件分片上传与断点续传功能》大文件直传常遇到超时、网络抖动失败、失败后只能重传的问题,分片上传+断点续传可以把大文件拆成若干小块逐个上传,并在中断后从已完成分片继... 目录一、接口设计二、服务端实现(FastAPI)2.1 运行环境2.2 目录结构建议2.3 serv

C#实现千万数据秒级导入的代码

《C#实现千万数据秒级导入的代码》在实际开发中excel导入很常见,现代社会中很容易遇到大数据处理业务,所以本文我就给大家分享一下千万数据秒级导入怎么实现,文中有详细的代码示例供大家参考,需要的朋友可... 目录前言一、数据存储二、处理逻辑优化前代码处理逻辑优化后的代码总结前言在实际开发中excel导入很

MyBatis分页查询实战案例完整流程

《MyBatis分页查询实战案例完整流程》MyBatis是一个强大的Java持久层框架,支持自定义SQL和高级映射,本案例以员工工资信息管理为例,详细讲解如何在IDEA中使用MyBatis结合Page... 目录1. MyBATis框架简介2. 分页查询原理与应用场景2.1 分页查询的基本原理2.1.1 分

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot?二、环境准备与部署2.1 安装 RustF

Nginx部署HTTP/3的实现步骤

《Nginx部署HTTP/3的实现步骤》本文介绍了在Nginx中部署HTTP/3的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录前提条件第一步:安装必要的依赖库第二步:获取并构建 BoringSSL第三步:获取 Nginx

MyBatis Plus实现时间字段自动填充的完整方案

《MyBatisPlus实现时间字段自动填充的完整方案》在日常开发中,我们经常需要记录数据的创建时间和更新时间,传统的做法是在每次插入或更新操作时手动设置这些时间字段,这种方式不仅繁琐,还容易遗漏,... 目录前言解决目标技术栈实现步骤1. 实体类注解配置2. 创建元数据处理器3. 服务层代码优化填充机制详

Python实现Excel批量样式修改器(附完整代码)

《Python实现Excel批量样式修改器(附完整代码)》这篇文章主要为大家详细介绍了如何使用Python实现一个Excel批量样式修改器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录前言功能特性核心功能界面特性系统要求安装说明使用指南基本操作流程高级功能技术实现核心技术栈关键函