android UI进阶之可延伸的图像
来源:互联网 发布:淘宝网开网店要钱吗 编辑:程序博客网 时间:2024/05/21 06:14
今天来讲下android UI设计中常要用到的可延伸图像。除了最基本的png,jpg与gif三种格式外,android还有一种叫做Nine-Patch的可延伸图像.9.png。和png格式不同的是,他会随着属性物的大小变化而改变自己的大小,从而来适应属性物的大小。这个特点,在我们平常的UI设计中是非常实用的。最常见的一个图片做按钮背景,来适配字体大小,这时候,你会发现,这种可延伸图像非常的好用。
下面就来讲讲如何使用吧。Android SDK提供了一个工具来制造这种图像。在android sdk的tools目录下,有个draw9patch.bat的文件,就是他啦。运行它,将我们的图片拖进去,就会得到如下的样子。
左边窗口的是原始图形,你可以通过画面下的Zoom来调整大小,Pathc scale调整png图像最大可以延伸的倍率,延伸后的结果就显示在右边的窗口。在一个像素里点击,在图形边缘绘制线条来定义可延伸的部分。在这边需要注意的是,你必须至少在图形的上边缘和左边缘画线,否则将图片导入后工程会报错。调整好以后,点击File -save,注意需要保存为*.9.png格式。在程序中的使用和普通图片完全一样,这就不讲了。
来看下例子
给出xml中的代码,其中popup为9.png格式,popup1为普通png格式
- android UI进阶之可延伸的图像
- android UI进阶之可延伸的图像
- android UI进阶之用gallery实现可滑动的Tab
- android UI进阶之用gallery实现可滑动的Tab
- android UI进阶之用gallery实现可滑动的Tab
- android UI进阶之用gallery实现可滑动的Tab
- android UI进阶之用gallery实现可滑动的Tab
- android 进阶之UI
- android UI进阶之布局的优化
- android UI进阶之布局的优化
- android UI进阶之布局的优化
- Android进阶——GridView实现可长按item显示可删除的小图标的UI
- android UI进阶之仿iphone的tab效果
- android UI进阶之style和theme的使用
- android UI进阶之弹窗的使用
- android UI进阶之布局的优化(二)
- android UI进阶之仿iphone的tab效果
- Android UI进阶之弹窗的使用
- HDU-2255 奔小康赚大钱(完备匹配下的最大权匹配) 解题报告
- [SVN]Apache+SVN权限管理实例剖析
- android UI进阶之style和theme的使用
- 打开目录对话框wx.DirDialog函数
- ARM汇编语言(1)
- android UI进阶之可延伸的图像
- android UI进阶之用gallery实现可滑动的Tab
- SVN本地服务器搭建及myeclipse中svn插件使用
- android UI进阶之仿iphone的tab效果
- 生成随机数列
- android UI进阶之仿iphone的tab效果(二)
- 反思
- synchronized 修饰方法
- [Oracle] 在windows 7 上安装oracle