安卓实战开发之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

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

Hadoop企业开发案例调优场景

需求 (1)需求:从1G数据中,统计每个单词出现次数。服务器3台,每台配置4G内存,4核CPU,4线程。 (2)需求分析: 1G / 128m = 8个MapTask;1个ReduceTask;1个mrAppMaster 平均每个节点运行10个 / 3台 ≈ 3个任务(4    3    3) HDFS参数调优 (1)修改:hadoop-env.sh export HDFS_NAMENOD

hdu1043(八数码问题,广搜 + hash(实现状态压缩) )

利用康拓展开将一个排列映射成一个自然数,然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu

性能分析之MySQL索引实战案例

文章目录 一、前言二、准备三、MySQL索引优化四、MySQL 索引知识回顾五、总结 一、前言 在上一讲性能工具之 JProfiler 简单登录案例分析实战中已经发现SQL没有建立索引问题,本文将一起从代码层去分析为什么没有建立索引? 开源ERP项目地址:https://gitee.com/jishenghua/JSH_ERP 二、准备 打开IDEA找到登录请求资源路径位置

hdu1565(状态压缩)

本人第一道ac的状态压缩dp,这题的数据非常水,很容易过 题意:在n*n的矩阵中选数字使得不存在任意两个数字相邻,求最大值 解题思路: 一、因为在1<<20中有很多状态是无效的,所以第一步是选择有效状态,存到cnt[]数组中 二、dp[i][j]表示到第i行的状态cnt[j]所能得到的最大值,状态转移方程dp[i][j] = max(dp[i][j],dp[i-1][k]) ,其中k满足c

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

OpenHarmony鸿蒙开发( Beta5.0)无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息,即可快速实现设备配网,是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递,利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力,实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后,即可发送相关配网数据。同时还支持与常规Sof

【C++】_list常用方法解析及模拟实现

相信自己的力量,只要对自己始终保持信心,尽自己最大努力去完成任何事,就算事情最终结果是失败了,努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一:什么是list? •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二:list常用接口 •🌰1.默认成员函数 🔥构造函数(⭐) 🔥析构函数 •🌰2.list对象

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi