Android Drawable 自定义(圆角图片和圆形图片)
2015-05-14 17:08
507 查看
来自:http://android.jobbole.com/80973/
1、概述
Drawable在我们平时的开发中,基本都会用到,而且给大家非常的有用。那么什么是Drawable呢?能够在canvas上绘制的一个玩意,而且相比于View,并不需要去考虑measure、layout,仅仅只要去考虑如何draw(canavs)。当然了,对于Drawable传统的用法,大家肯定不陌生 ,今天主要给大家带来以下几个Drawable的用法:1、自定义Drawable,相比View来说,Drawable属于轻量级的、使用也很简单。以后自定义实现一个效果的时候,可以改变View first的思想,尝试下Drawable first。
2、自定义状态,相信大家对于State Drawable都不陌生,但是有没有尝试过去自定义一个状态呢?
3、利用Drawable提升我们的UI Perfermance , 如何利用Drawable去提升我们的UI的性能。
2、Drawable基本概念
一般情况下,除了直接使用放在Drawable下的图片,其实的Drawable的用法都和xml相关,我们可以使用shape、layer-list等标签绘制一些背景,还可以通过selector标签定义View的状态的效果等。当然了基本每个标签都对应于一个真正的实体类,关系如下:(图片来自:Cyril Mottier :master_android_drawables)常见的用法这里就不举例了,下面开始看本文的重点。
2、自定义Drawable
关于自定义Drawable,可以通过写一个类,然后继承自Drawable , 类似于自定义View,当然了自定义Drawable的核心方法只有一个,那就是draw。那么自定义Drawable到底有什么实际的作用呢?能干什么呢?相信大家对于圆角、圆形图片都不陌生,并且我曾经写过通过自定义View实现的方式,具体可参考:
Android BitmapShader 实战 实现圆形、圆角图片
Android Xfermode 实战 实现圆形、圆角图片
那我今天要告诉你,不需要自定义View,自定义Drawable也能实现,而且更加简单、高效、使用范围更广(你可以作为任何View的背景)。
1、RoundImageDrawable
代码比较简单,下面看下RoundImageDrawableok,圆角图片就这么实现了,easy 不~~
看下用法:
可以看到,不仅仅用于ImageView去实现圆角图片,并且可以作为任何View的背景,在ImageView中的拉伸的情况,配下ScaleType即可。在其他View作为背景时,如果出现拉伸情况,请参考:Android
BitmapShader 实战 实现圆形、圆角图片 。 足够详细了。
2、CircleImageDrawable
那么下来,我们再看看自定义圆形Drawable的写法:ok,关于自定义Drawable的例子over~~~接下来看自定义状态的。
上述参考了:Romain Guy’s Blog
3、自定义Drawable State
关于Drawable State,state_pressed神马的,相信大家都掌握的特别熟练了。那么接下来,我们有个需求,类似于邮箱,邮件以ListView形式展示,但是我们需要一个状态去标识出未读和已读:so,我们自定义一个状态state_message_readed。
效果图:
可以看到,如果是已读的邮件,我们的图标是打开状态,且有个淡红色的背景。那么如何通过自定义drawable state 实现呢?
自定义drawable state 需要分为以下几个步骤:
1、res/values/新建一个xml文件:drawable_status.xml
我们这里Item选择RelativeLayout实现,我们需要继承它,然后复写它的onCreateDrawableState方法,把我们自定义的状态在合适的时候添加进去。
类似的代码,大家可以看看CompoundButton(CheckBox父类)的源码,它有个checked状态:
布局文件:
Activity
本例参考自:Example from github
4、提升我们的UI Perfermance
现在大家越来越注重性能问题,其实没必要那么在乎,但是既然大家在乎了,这里通过Cyril Mottier :master_android_drawables ppt中的一个例子来说明如果利用Drawable来提升我们的UI的性能。大家看这样一个效果图:
布局文件:
再看看这个布局作为APP启动时,用户的直观效果:
用户首先看到一个白板,然后显示出我们的页面。接下来,我们将利用Drawable改善我们的UI性能以及用户体验。
1、首先,我们去除我们最外层的FrameLayout,然后自定义一个drawable的xml,叫做logo.xml
2、将其作为我们当前Activity的windowBackground
是不是体验好很多,个人很喜欢这个例子~~
ok,到此我们的文章就over了~~~大多数内容参考自一些牛人写的例子,例子还是棒棒哒,大家看完本文的同时,也可以去挖掘挖掘一些东西~~
源码点击下载
相关文章推荐
- Android 自定义Drawable 实现圆角圆形图片
- Android 自定义Drawable 实现圆角矩形和圆形图片
- Android 使用自定义Drawable 设置圆角矩形或者圆形图片
- Android自定义圆形圆角图片示例
- 自定义Drawable 实现圆形图片 和带圆角的图片
- Android自定义ImageView实现图片圆形 ,椭圆和矩形圆角显示
- Android使用BitmapShader图形渲染实现圆形、圆角和椭圆自定义图片View
- android drawable打造圆形,圆角图片
- Android 自定义 RoundImageView 实现圆角矩形或圆形图片
- Android自定义控件之自定义圆形图片和圆角图片
- Android 自定义View修炼-Android实现圆形、圆角和椭圆自定义图片View(使用BitmapShader图形渲染方法)
- Android自定义圆角圆形图片
- [AndroidUI]自定义view(四):实现圆形圆角图片
- Android自定义Drawable实现圆形和圆角
- 自定义Drawable Demo(圆角/圆形图片,Material动画)
- Android自定义View学习之圆角图片(圆形图片)
- 自定义Drawable实现圆角图片和圆形图片
- android 自定义圆形图片与图片圆角
- Android自定义view实现圆形、圆角和椭圆图片(BitmapShader图形渲染)
- 自定义Drawable 实现图片圆角、圆形、椭圆形