Android Drawable--总览
来源:互联网 发布:淘宝转人工服务电话 编辑:程序博客网 时间:2024/05/21 05:21
背景
App很多页面都要显示一些图标,我们也经常使用@drawable直接引用图标,但是Android提供更多对drawable进行定义的方式,让显示更加多样化,下面将一一对这些技术进行介绍。
总览
绘图资源(Drawable Resources)是一种让Graphic绘制到屏幕的资源,在Android中能通过getDrawable(int)获取该资源,又或者通过@drawable获取,这些资源包括:
Bitmap File
位图(.png、.jpg、.gif格式)。
Nine-Patch File
.9图(.9.png格式),在Android环境下可自适应显示。
还有Layer List、State List、Transition Drawable、Inset Drawable、Clip Drawable、Scale Drawable、Shape Drawable等将在下文慢慢介绍。
另外要注意的是,颜色也是一种绘图资源,(android:drawable=”@color/green”).
Bitmap File
这个就是直接引用一个位图文件,不作多介绍。
<ImageView android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/myimage" />
Resources res = getResources();Drawable drawable = res.getDrawable(R.drawable.myimage);
XML Bitmap
此文件定义在res/drawable/ 文件夹下,在xml标签下对位图文件进行一系列定义,然后显示出来。
android:antialias 是否抗锯齿
android:dither 是否抗抖动(位图像素配置与屏幕不一致时会出现抖动)
android:filter 是否允许位图拉伸时缓慢地过渡
android:mipMap 是否使用mipMap优化,相关请查阅
android:tileMode 选择平铺、对称、拉伸显示
<?xml version="1.0" encoding="utf-8"?><bitmap xmlns:android="http://schemas.android.com/apk/res/android" android:src="@[package:]drawable/drawable_resource" android:antialias=["true" | "false"] android:dither=["true" | "false"] android:filter=["true" | "false"] android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" | "fill_vertical" | "center_horizontal" | "fill_horizontal" | "center" | "fill" | "clip_vertical" | "clip_horizontal"] android:mipMap=["true" | "false"] android:tileMode=["disabled" | "clamp" | "repeat" | "mirror"] />
Nine-Patch
这个有很多相关文章介绍,提供下面两图,相信大家能理解。
<Button android:layout_height="wrap_content" android:layout_width="wrap_content" android:background="@drawable/myninepatch" />
XML Nine-Patch
跟上面的XML Bitmap一样,使用xml标签对.9.png进行定义显示。不过它除了设置引用的.9.png外,就只能设置android:dither抗抖动问题。
<?xml version="1.0" encoding="utf-8"?><nine-patch xmlns:android="http://schemas.android.com/apk/res/android" android:src="@[package:]drawable/drawable_resource" android:dither=["true" | "false"] />
Layer List
这里通过xml标签可以做成一个多个位图重叠drawable,可设置每个item(即对应位图)的边距。
<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@[package:]drawable/drawable_resource" android:id="@[+][package:]id/resource_name" android:top="dimension" android:right="dimension" android:bottom="dimension" android:left="dimension" /></layer-list>
State List
这个即我们经常使用的button按钮的状态selector,这个应用不用过多介绍,不同的状态对应不用的图片或则下面即将介绍的shape。
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/button_pressed" /> <!-- pressed --> <item android:state_focused="true" android:drawable="@drawable/button_focused" /> <!-- focused --> <item android:state_hovered="true" android:drawable="@drawable/button_focused" /> <!-- hovered --> <item android:drawable="@drawable/button_normal" /> <!-- default --></selector>
<Button android:layout_height="wrap_content" android:layout_width="wrap_content" android:background="@drawable/button" />
Level List
不太理解,后面再看。
<?xml version="1.0" encoding="utf-8"?><level-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@drawable/status_off" android:maxLevel="0" /> <item android:drawable="@drawable/status_on" android:maxLevel="1" /></level-list>
Transition Drawable
可变的drawalbe,比如下面例子,通过获取ImageButton的drawable,调用startTransition方法,即可实现transition下的item的切换。可实现场景比如开关按钮,可实现渐变,也就是说你点击该按钮后,可以渐变该图标的背景、形状。
<?xml version="1.0" encoding="utf-8"?><transition xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/on" /> <item android:drawable="@drawable/off" /></transition>
<ImageButton android:id="@+id/button" android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/transition" />
ImageButton button = (ImageButton) findViewById(R.id.button);TransitionDrawable drawable = (TransitionDrawable) button.getDrawable();drawable.startTransition(500);
Inset Drawable
可设置该drawable的shape、color、位图的内边距,我把它应用在ListView的divider上,代码与效果图如下:
<?xml version="1.0" encoding="utf-8"?><inset xmlns:android="http://schemas.android.com/apk/res/android" android:insetLeft="10dp" android:insetRight="10dp" > <shape android:shape="rectangle" > <solid android:color="@color/gray" /> </shape></inset>
Clip Drawable
类似显示进度的Drawable,可设置横向还是纵向。
<?xml version="1.0" encoding="utf-8"?><clip xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/drawable_resource" android:clipOrientation=["horizontal" | "vertical"] android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" | "fill_vertical" | "center_horizontal" | "fill_horizontal" | "center" | "fill" | "clip_vertical" | "clip_horizontal"] />
<ImageView android:id="@+id/image" android:background="@drawable/clip" android:layout_height="wrap_content" android:layout_width="wrap_content" />
ImageView imageview = (ImageView) findViewById(R.id.image);ClipDrawable drawable = (ClipDrawable) imageview.getBackground();drawable.setLevel(drawable.getLevel() + 1000);
Scale Drawable
理解了,但是运行没效果,后面有效果再写。
Shape Drawable
它比较牛逼的地方是可像color、位图一样,在以上item定义中作为个内嵌元素,因为它可设置诸多属性,所以导致Drawable Resources更加多变,我觉得需要另外写一篇文章来解析它。
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape=["rectangle" | "oval" | "line" | "ring"] > <corners android:radius="integer" android:topLeftRadius="integer" android:topRightRadius="integer" android:bottomLeftRadius="integer" android:bottomRightRadius="integer" /> <gradient android:angle="integer" android:centerX="float" android:centerY="float" android:centerColor="integer" android:endColor="color" android:gradientRadius="integer" android:startColor="color" android:type=["linear" | "radial" | "sweep"] android:useLevel=["true" | "false"] /> <padding android:left="integer" android:top="integer" android:right="integer" android:bottom="integer" /> <size android:width="integer" android:height="integer" /> <solid android:color="color" /> <stroke android:width="integer" android:color="color" android:dashWidth="integer" android:dashGap="integer" /></shape>
- Android Drawable--总览
- android总览
- android.graphics.drawable.Drawable
- android drawable Transition Drawable
- Android Vold实现总览
- android技术总览
- Android系统启动流程总览
- Android测试--总览
- Android动画详解总览
- Android系统启动流程总览
- Android系统启动流程总览
- Android drawable
- Android Drawable
- android drawable
- Android Drawable
- Android Drawable
- Android Drawable
- android drawable
- NameNode 格式化失败问题的解决
- 厦门棋牌游戏开发
- 一直接收键盘字符,输出对应的字符
- .bat批处理(二):%0 %1——给批处理脚本传递参数
- 从大神那里找来的php面试 ----数据库部分
- Android Drawable--总览
- Delphi 画布对象及其简单应用
- 学习:响应键盘按键
- js中定义变量名有哪些规范
- android 录音功能的实现
- PHP基础教程十三之反射、对象序列化
- Python package 管理工具pip安装
- js的事件分类和相关介绍
- java 计算包含中文字符串的真实长度