Android制作和使用Nine-Patch图片
2016-11-22 17:00
288 查看
http://www.cnblogs.com/jiayongji/p/5338245.html
Nine-Patch图片是一种经过特殊处理的png图片,能够指定图片的哪些区域可以被拉伸而哪些区域不可以。
(一)普通图片被拉伸时的缺陷
有如下xml文件,其中子LinearLayout的背景图片设置成一个名为chat的png图片:
显示效果如下:
而chat.png的原图是这样的:
可见严重变形,因为chat.png的宽度不足以填满整个屏幕的宽度,整张图片被均匀拉伸了,这是不能容忍的!于是我们就要把它处理成Nine-Patch图片。
(二)Nine-Patch图片的制作方法
1、在Android SDK的tools文件夹下,有一个draw9patch.bat的文件,就用它来制作Nine-Patch图片。
2、打开这个软件后,点击File—>Open 9-patch将chat.png加载进来,如下:
3、可以在图片的四个边框绘制一个个小黑点,上边框和左边框的部分表示当图片需要拉伸时就拉伸黑点标记的区域,下边框和右边框绘制的部分则表示内容会被放置的区域,如下图:
4、修改好后点击File—>Save 9-patch,把绘制好的图片保存成chat.9.png,然后把chat.9.png再复制到工程的drawable目录下,并删除原来的chat.png,这时再看效果就没有拉伸变形丑陋的情况了(注意:此时xml中仍然写成:android:background="@drawable/chat"而不是:android:background="@drawable/chat.9")
5、注意:制作Nine-Patch图片时每条边的黑线必须是连续的,不能断开,否则图片会失效。
分类: Android基础
好文要顶 关注我 收藏该文
贾永基
关注 - 0
粉丝 - 5
+加关注
0
0
« 上一篇:《第一行代码:Android》读书笔记——第3章
UI基础
» 下一篇:《第一行代码:Android》读书笔记——第1章
Android系统
posted @ 2016-03-30 18:14 贾永基 阅读(151)
评论(0) 编辑 收藏
Nine-Patch图片是一种经过特殊处理的png图片,能够指定图片的哪些区域可以被拉伸而哪些区域不可以。
(一)普通图片被拉伸时的缺陷
有如下xml文件,其中子LinearLayout的背景图片设置成一个名为chat的png图片:
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:orientation="vertical" > 6 7 <LinearLayout 8 android:layout_width="match_parent" 9 android:layout_height="wrap_content" 10 android:background="@drawable/chat" > 11 </LinearLayout> 12 13 </LinearLayout>
显示效果如下:
而chat.png的原图是这样的:
可见严重变形,因为chat.png的宽度不足以填满整个屏幕的宽度,整张图片被均匀拉伸了,这是不能容忍的!于是我们就要把它处理成Nine-Patch图片。
(二)Nine-Patch图片的制作方法
1、在Android SDK的tools文件夹下,有一个draw9patch.bat的文件,就用它来制作Nine-Patch图片。
2、打开这个软件后,点击File—>Open 9-patch将chat.png加载进来,如下:
3、可以在图片的四个边框绘制一个个小黑点,上边框和左边框的部分表示当图片需要拉伸时就拉伸黑点标记的区域,下边框和右边框绘制的部分则表示内容会被放置的区域,如下图:
4、修改好后点击File—>Save 9-patch,把绘制好的图片保存成chat.9.png,然后把chat.9.png再复制到工程的drawable目录下,并删除原来的chat.png,这时再看效果就没有拉伸变形丑陋的情况了(注意:此时xml中仍然写成:android:background="@drawable/chat"而不是:android:background="@drawable/chat.9")
5、注意:制作Nine-Patch图片时每条边的黑线必须是连续的,不能断开,否则图片会失效。
分类: Android基础
好文要顶 关注我 收藏该文
贾永基
关注 - 0
粉丝 - 5
+加关注
0
0
« 上一篇:《第一行代码:Android》读书笔记——第3章
UI基础
» 下一篇:《第一行代码:Android》读书笔记——第1章
Android系统
posted @ 2016-03-30 18:14 贾永基 阅读(151)
评论(0) 编辑 收藏
相关文章推荐
- $Android制作和使用Nine-Patch图片
- Android 制作Nine-Patch图片
- Android 9-patch图片制作流程(nine-patch)
- Android Drawable Resource学习(三)、NinePatchDrawable和NinePatch图片的制作
- Android Drawable Resources系列2:<nine-patch>标签、.9.png图片制作
- Android中Nine-Patch(.9)图片介绍与制作
- Android Drawable Resource学习(三)、NinePatchDrawable和NinePatch图片的制作
- Android Drawable Resource学习(三)、NinePatchDrawable和NinePatch图片的制作
- Android的R.drawable应用——制作NinePatch图片
- android:制作 Nine-Patch 图片
- Android中Nine-Patch(.9)图片介绍与制作
- 【Android】47、制作Nine-Patch 图片
- Android下的Nine-Patch图片制作总结
- Android的R.drawable应用——制作NinePatch图片
- Android Drawable Resource学习(三)、NinePatchDrawable和NinePatch图片的制作
- 使用Android Studio制作NinePatch图片(9.png)
- Android Drawable Resource学习(三)、NinePatchDrawable和NinePatch图片的制作
- android Nine-Patch的使用(制作聊天界面必学)
- Android中制作Nine-Patch图片,并编写聊天界面
- android中9-patch图片的使用