Android 自定义View实现画背景和前景(ViewGroup篇)

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

        在定义ListView的Selector时候,有个drawSelectorOnTop的属性,如果drawSelectorOnTop为true的话,Selector的效果是画在List Item的上面(Selector是盖住了ListView的文字或者图片),即Foreground前景。如果drawSelectorOnTop为false的话,Selector的效果是画在List Item的下面,即Background背景。由于项目中恰好需要自定义View,需要实现此效果。

       本文借ListView的代码来剖析一下,

       ListView完成此部分功能在frameworks\base\core\java\android\widget\AbsListView.java文件中。

用mSelector即ListView要画的Selector(资源文件),而mSelectorRect则是想要画的区域。

 /*** Indicates whether the list selector should be drawn on top of the children or behind*/boolean mDrawSelectorOnTop = false; 决定画前景还是背景/*** The drawable used to draw the selector*/Drawable mSelector; ListView用中来显示Selector的Drawable,即ListSelector对应的XML文件/*** The current position of the selector in the list.*/int mSelectorPosition = INVALID_POSITION;/*** Defines the selector's location and dimension at drawing time*/Rect mSelectorRect = new Rect(); 用来画Selector的区域,即Selector画的位置

AbsListView中构造方法中有获取selector

Drawable d = a.getDrawable(com.android.internal.R.styleable.AbsListView_listSelector);if (d != null) {setSelector(d);}//默认为false,画的是背景mDrawSelectorOnTop = a.getBoolean(com.android.internal.R.styleable.AbsListView_drawSelectorOnTop, false);
下面看一下setSelector是如何实现的
/*** Controls whether the selection highlight drawable should be drawn on top of the item or* behind it.** @param onTop If true, the selector will be drawn on the item it is highlighting. The default*        is false.** @attr ref android.R.styleable#AbsListView_drawSelectorOnTop*/public void setDrawSelectorOnTop(boolean onTop) { //提供是否画前景或者背景的接口mDrawSelectorOnTop = onTop;}/*** Set a Drawable that should be used to highlight the currently selected item.** @param resID A Drawable resource to use as the selection highlight.** @attr ref android.R.styleable#AbsListView_listSelector*/public void setSelector(int resID) {setSelector(getResources().getDrawable(resID)); 设置listSelector的XML文件}public void setSelector(Drawable sel) {if (mSelector != null) {mSelector.setCallback(null);unscheduleDrawable(mSelector);}mSelector = sel;Rect padding = new Rect();sel.getPadding(padding);mSelectionLeftPadding = padding.left;mSelectionTopPadding = padding.top;mSelectionRightPadding = padding.right;mSelectionBottomPadding = padding.bottom;sel.setCallback(this); //需要给Selector设置CallbackupdateSelectorState(); }/*** Returns the selector {@link android.graphics.drawable.Drawable} that is used to draw the* selection in the list.** @return the drawable used to display the selector*/public Drawable getSelector() {return mSelector;}void updateSelectorState() {if (mSelector != null) {if (shouldShowSelector()) {mSelector.setState(getDrawableState());//更新Selector的状态} else {mSelector.setState(StateSet.NOTHING);}}}

这样就将Selector设置给ListView了,并且更新了drawable的状态。

接下来我们再看一下Android是如何将drawable画到ListView的Item上的。

在AbsListView中有个onTouchEvent的方法用来处理Touch事件,其中有一段代码就是确定Selector要画的区域。

if (mTouchMode == TOUCH_MODE_DOWN || mTouchMode == TOUCH_MODE_TAP) {final Handler handler = getHandler();if (handler != null) {handler.removeCallbacks(mTouchMode == TOUCH_MODE_DOWN ?mPendingCheckForTap : mPendingCheckForLongPress);}mLayoutMode = LAYOUT_NORMAL;if (!mDataChanged && mAdapter.isEnabled(motionPosition)) {mTouchMode = TOUCH_MODE_TAP;setSelectedPositionInt(mMotionPosition);layoutChildren();child.setPressed(true);//设置List Item状态为 pressedpositionSelector(mMotionPosition, child);//确定画Selector的区域setPressed(true); //设置ListView 的状态为pressedif (mSelector != null) {Drawable d = mSelector.getCurrent();if (d != null && d instanceof TransitionDrawable) {((TransitionDrawable) d).resetTransition();}}if (mTouchModeReset != null) {removeCallbacks(mTouchModeReset);}mTouchModeReset = new Runnable() {@Overridepublic void run() {mTouchMode = TOUCH_MODE_REST;child.setPressed(false);setPressed(false);if (!mDataChanged) {performClick.run();}}};postDelayed(mTouchModeReset,ViewConfiguration.getPressedStateDuration());} else {mTouchMode = TOUCH_MODE_REST;updateSelectorState();}return true;} else if (!mDataChanged && mAdapter.isEnabled(motionPosition)) {performClick.run();}}

接下来看看positionSelector的实现,


void positionSelector(int position, View sel) {if (position != INVALID_POSITION) {mSelectorPosition = position;}//设置Selector的区域为List Item View的边界final Rect selectorRect = mSelectorRect;   selectorRect.set(sel.getLeft(), sel.getTop(), sel.getRight(), sel.getBottom());if (sel instanceof SelectionBoundsAdjuster) {((SelectionBoundsAdjuster)sel).adjustListItemSelectionBounds(selectorRect);}positionSelector(selectorRect.left, selectorRect.top, selectorRect.right,selectorRect.bottom);final boolean isChildViewEnabled = mIsChildViewEnabled;if (sel.isEnabled() != isChildViewEnabled) {mIsChildViewEnabled = !isChildViewEnabled;if (getSelectedItemPosition() != INVALID_POSITION) {refreshDrawableState();//根据View状态更新drawable的状态}}}private void positionSelector(int l, int t, int r, int b) {mSelectorRect.set(l - mSelectionLeftPadding, t - mSelectionTopPadding, r+ mSelectionRightPadding, b + mSelectionBottomPadding);}

好了现在已经决定了将selector画在哪里,Selector的状态也已经更新OK。

还差一步没有做,那就是到底是将其怎么画上面的呢?

答案就在AbsListView.java里的dispatchDraw方法里面。

@Overrideprotected void dispatchDraw(Canvas canvas) {int saveCount = 0;final boolean clipToPadding = (mGroupFlags & CLIP_TO_PADDING_MASK) == CLIP_TO_PADDING_MASK;if (clipToPadding) {saveCount = canvas.save();final int scrollX = mScrollX;final int scrollY = mScrollY;canvas.clipRect(scrollX + mPaddingLeft, scrollY + mPaddingTop,scrollX + mRight - mLeft - mPaddingRight,scrollY + mBottom - mTop - mPaddingBottom);mGroupFlags &= ~CLIP_TO_PADDING_MASK;}final boolean drawSelectorOnTop = mDrawSelectorOnTop;if (!drawSelectorOnTop) { //将Selector画为背景drawSelector(canvas);}super.dispatchDraw(canvas);// 用Canvas画ListViewif (drawSelectorOnTop) { //将Selector画为前景drawSelector(canvas);}if (clipToPadding) {canvas.restoreToCount(saveCount);mGroupFlags |= CLIP_TO_PADDING_MASK;}}private void drawSelector(Canvas canvas) {if (!mSelectorRect.isEmpty()) {final Drawable selector = mSelector;selector.setBounds(mSelectorRect);//设置drawable画的区域selector.draw(canvas); //使用canvas将drawable画上去}}

看到这里,想必大家都已经明白如何画前景和背景了吧。在dispatchDraw之前调用就是画前景,在dispatchDraw之后调用就是画背景。

另外补充一下,本文并没有介绍动画部分,有兴趣的可以自己研究下。

总结一下,实现这个功能需要有三个步骤:

1.设置Selector,并更新状态(初始化时候)

2.确定Selector画的区域,设置View的状态,根据View状态,更新Selector的状态(一般是对Event的处理方法中)

3.使用Canvas在dispatchDraw中,将Selector画上去,画Drawable的时候需要先设置区域,再调用drawable的draw方法。

后面我再将View如何画背景和前景补上,今天就先到这里吧。







      


转载于:https://my.oschina.net/shaorongjie/blog/202291

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

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

相关文章

Linux的mmap内存映射机制解析

在讲述文件映射的概念时,不可避免的要牵涉到虚存(SVR 4的VM).实际上,文件映射是虚存的中心概念, 文件映射一方面给用户提供了一组措施,好似用户将文件映射到自己地址空间的某个部分,使用简单的内存访问指令读写文件;另一方面,它也可以用于内核的基本组织模式,在这种…

svn add Default@2x.png的文件含有@的文件名注意事项

为什么80%的码农都做不了架构师?>>> iOS的Icon里面,包含符号 ,svn add Icon2x.png,没法加进去。 解决的办法是,在文件名最后加一个,例如 svn add Icon2x.png 或者svn add Icon\2x.png\ 转载于…

Linux 设备驱动的固件加载

作为一个驱动作者, 你可能发现你面对一个设备必须在它能支持工作前下载固件到它里面. 硬件市场的许多地方的竞争是如此得强烈, 以至于甚至一点用作设备控制固件的 EEPROM 的成本制造商都不愿意花费. 因此固件发布在随硬件一起的一张 CD 上, 并且操作系统负责传送固件到设备自身…

ORM for Net主流框架汇总与效率测试

框架已经被越来越多的人所关注与使用了,今天我们就来研究一下net方面的几个主流ORM框架,以及它们的效率测试(可能会有遗漏欢迎大家讨论)。 ORM框架:Object/Relation Mapping(对象/关系 映射)的缩…

Yii基于角色的访问控制(非Rbac)

今天遇到了权限控制的问题,后台不同级别的用户登录后看到的内容是不一样的。网上查了下,说Yii中有自带的RBAC权限控制,大概看了下,没理解太明白。然后就是采用filter进行过滤验证,看着这个还不错。下面简单说下我是我怎…

Linux USB 驱动开发(二)—— USB 驱动几个重要数据结构

前面我们学习了USB 驱动的一个描述符,下面来学习 USB 驱动的几个重要数据结构 一、struct usb_interface 接口函数 [cpp] view plaincopy struct usb_interface { struct usb_host_interface *altsetting; struct usb_host…

比较DataTable中新旧数据

内容不写了&#xff0c;代码上都做了写注释。1 /** <summary> 2 /// 比较两个数据表&#xff0c;并返回比较结果表 3 /// 比较条件&#xff1a; 4 /// 1.两个表结构相同&#xff1b; 5 /// 2.两个表排序都是按主键顺序排序&#xff1b…

Linux USB 驱动开发(三)—— 编写USB 驱动程序

前面学习了USB驱动的一些基础概念与重要的数据结构&#xff0c;那么究竟如何编写一个USB 驱动程序呢&#xff1f;编写与一个USB设备驱动程序的方法和其他总线驱动方式类似&#xff0c;驱动程序把驱动程序对象注册到USB子系统中&#xff0c;稍后再使用制造商和设备标识来判断是否…

病毒式推广最终可能会走到尽头

Buzzfeed自称是社交时代的媒体(The Media of Social Age)&#xff0c;而HuffingtonPost是为搜索引擎创作的。我们也曾经读过《 Believe Me, I’m Lying》这样的关于如何通过博客操纵媒体的书。在社交时代&#xff0c;资讯会发生什么样的变化&#xff1f;FT 约翰•加普的文章为我…

Linux USB 驱动开发(一)—— USB设备基础概念

在终端用户看来&#xff0c;USB设备为主机提供了多种多样的附加功能&#xff0c;如文件传输&#xff0c;声音播放等&#xff0c;但对USB主机来说&#xff0c;它与所有USB设备的接口都是一致的。一个USB设备由3个功能模块组成&#xff1a;USB总线接口、USB逻辑设备和功能单元&am…

struts.properties文件

这个文件提供了一种更改框架默认行为方式的机制。通常&#xff0c;我们为了使调试更加方便&#xff0c;我们在这个文件中自定义属性。在“struts.properties”文件中定义的属性都可以在“web.xml”文件的“init-param”标签中进行配置&#xff0c;或者通过“struts.xml”文件中…

Linux USB 驱动开发(四)—— 热插拔那点事

学习USB热插拔之前&#xff0c;先学习一些USB的硬件知识&#xff1a; 一、USB基础概念 1、硬件知识&#xff08;USB插座和插头&#xff09; 在最初的标准里&#xff0c;USB接头有4条线&#xff1a;电源&#xff0c;D-,D,地线。我们暂且把这样的叫做标准的USB接头吧。后来OTG出现…

最近新学的小东西和单词

Scheme //Schema概要, 计划, 图表 content: attr(title); //从属性中拿title作为内容 ,这个是CSS3的样式可以这样子写 //pushstate的用法 <html> <script> for(i0;i<5;i){var stateObject {id: i};var title "Wow Title "i;var newUrl "/my/a…

Linux USB 驱动开发(五)—— USB驱动程序开发过程简单总结

设备驱动程序是操作系统内核和机器硬件之间的接口&#xff0c;由一组函数和一些私有数据组成&#xff0c;是应用程序和硬件设备之间的桥梁。在应用程序看来&#xff0c;硬件设备只是一个设备文件&#xff0c;应用程序可以像操作普通文件一样对硬件设备进行操作。 设备驱动程序是…

android软键盘上推ui解决

为什么80%的码农都做不了架构师&#xff1f;>>> http://bbs.csdn.net/topics/340198955 android软键盘上推ui解决 good job 转载于:https://my.oschina.net/macleo/blog/204882

Linux USB 驱动开发实例(一) —— USB摄像头驱动实现源码分析

Spac5xx的实现是按照标准的USB VIDEO设备的驱动框架编写&#xff08;其具体的驱动框架可参照/usr/src/linux/drivers/usb/usbvideo.c文件&#xff09;&#xff0c;整个源程序由四个主体部分组成&#xff1a; 设备模块的初始化模块和卸载模块&#xff0c;上层软件接口模块&#…

System Center 2012R2之SCVMM云部署SCOM(2-2)

SCVMM云部署SCOM安装过程1、在SCVMM中&#xff0c;使用WINDOWS SERVER 2012母盘创建云主机SCOM在SCVMM中先创建到一个私有云指定一个私有云名称选择资源主机指定逻辑网络默认选负载衡器跳过VIP模板跳过选择端口&#xff0c;下一步选择存储分类指定存储的VM路径各只读共享默认设…

Linux USB 驱动开发实例(二)—— USB 鼠标驱动注解及测试

参考2.6.14版本中的driver/usb/input/usbmouse.c。鼠标驱动可分为几个部分&#xff1a;驱动加载部分、probe部分、open部分、urb回调函数处理部分。 一、驱动加载部分 [cpp] view plaincopy static int __init usb_mouse_init(void) { int retval usb_register(&a…

MySQL5.6 更改字段属性仍旧会锁全表,注意这个坑!

如图&#xff1a;如果开发让修改表字段属性&#xff0c;建议用pt-online-schema-change。MySQL5.6的在线DDL会锁全表。注意这个坑。另外&#xff0c;增加、删除字段或索引不会锁全表&#xff0c;删除主键会锁全表。

Linux USB 驱动开发实例 (三)—— 基于USB总线的无线网卡浅析

回顾一下USB的相关知识 USB(Universal Serial Bus)总线又叫通用串行外部总线&#xff0c;它是20世纪90年代发展起来的。USB接口现在得到了广泛的应用和普及&#xff0c;现在的PC机中都带有大量的USB接口。它最大的特点就是方便通用、支持热插拔并且可以在一个接口上插上多个设备…