StateBackgroundUtil中如何使用一张资源图片为View设置具有按下效果的背景
小编给大家分享一下StateBackgroundUtil中如何使用一张资源图片为View设置具有按下效果的背景,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
公司主营业务:网站设计、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出东港免费做网站回馈大家。
如何使用一张资源图片为 View 设置具有按下效果的 background drawable.
缘起
前段时间在开发项目新版本的过程中,设计师出了一套项目的按下效果规范。规范大概是这样的。
对于一般的按钮,按钮按下的效果只有两种不同的实现。
1、按下后将前置背景图片变暗,具体就是在正常状态的 drawable 上面增加一层 20% 的黑色遮罩。
2、按下后降低前置背景资源透明度,具体就是在按下时改变正常状态的 drawable 透明度为原来的 70% 。
很明显,这套规范会带来以下好处。
设计师在出图时只需要出一张图,然后只需要告诉开发人员对应的按下效果策略,这样可以减轻设计师的出图负担。
客户端这边也是,不需要因为实现一个按下效果而导入两张资源图片,这样在减小包大小的同时也省去了客户端开发人员去写 selector 文件的麻烦。
实现方案
其实在之前的开发过程中,我也曾有过这样的思考,想怎么可以根据一张图来设置 View 的背景,并让他具有按下效果。一开始自然而然的想到了处理 View 的 touch 事件,然后在按下时动态的根据正常背景设置按下后的背景资源。
但是后来觉得还是麻烦,而且一些时候一些 View 本身就需要处理 touch 事件,会造成冲突,所以当时也就一了百了。
这次经过一些搜索,思考,最终使用 StateListDrawable 达到了了目标效果。
StateListDrawable 有一个方法 addState 用于设置不同状态下的 drawable ,包括按下、聚焦、不可用等等所有的状态。
所以结合需求,这里只需要根据正常状态下的 drawable 计算出按下状态的 drawable,然后设置给按下按下状态,就可以***实现一套资源实现 View 的按下状态。
具体实现
方案已经说清楚了,实现其实很简单,代码如下所示。
private static Drawable getBackground(@NonNull Context context, @DrawableRes int res, @StatePressedMode.Mode int mode, @FloatRange(from = 0.0f, to = 1.0f) float alpha) { Drawable normal = context.getResources().getDrawable(res); Drawable pressed = context.getResources().getDrawable(res); pressed.mutate(); //根据不同的按下要求设置不同的按下drawable setPressedStateDrawable(mode, alpha, pressed); final StateListDrawable stateListDrawable = new StateListDrawable(); //按下状态 stateListDrawable.addState(new int[]{android.R.attr.state_pressed}, pressed); //正常状态 stateListDrawable.addState(new int[]{}, normal); return stateListDrawable; }
根据不同按下模式,处理按下的 drawable
private static void setPressedStateDrawable(@StatePressedMode.Mode int mode, @FloatRange(from = 0.0f, to = 1.0f) float alpha, @NonNull Drawable pressed) { switch (mode) { case StatePressedMode.ALPHA: pressed.setAlpha(convertAlphaToInt(alpha)); break; case StatePressedMode.DARK: pressed.setColorFilter(alphaColor(Color.BLACK, convertAlphaToInt(alpha)), PorterDuff.Mode.SRC_ATOP); break; default: pressed.setAlpha(convertAlphaToInt(alpha)); } }
目前该方案的实现已经放在了 GitHub, StateBackgroundUtil ,欢迎观摩支持。
一些细节
在设置按下状态的 drawable 时,
Drawable normal = context.getResources().getDrawable(res);Drawable pressed = context.getResources().getDrawable(res);
这里的 normal 和 pressed 使用的资源 res 资源是同一个 id。但是由于 drawable 在加载过程中,同一个 res 资源只要在内存中加载过一次,这个 drawable 对应的 state 就会保持一致,所以这里要对 pressed 进行可变设置。
pressed.mutate();
关于 mutate 方法的官方说明
This is especially useful when you need to modify properties of drawables loaded from resources. By default, all drawables instances loaded from the same resource share a common state;
注意:由于 View 的按下效果只有在设置了 clickable 为 true 时才可以看到效果,所以当你使用 StateBackgroundUtil 为 View 设置背景后却发现没有按下效果,你应该知道怎么办。
不足
目前不支持不可点击状态
不支持颜色背景(当然你可以通过 shape 曲线救国)
以上是“StateBackgroundUtil中如何使用一张资源图片为View设置具有按下效果的背景”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
网页名称:StateBackgroundUtil中如何使用一张资源图片为View设置具有按下效果的背景
本文网址:http://scyanting.com/article/pjcdoo.html