设为首页 加入收藏

TOP

Android UI进阶之可延伸的图像
2014-11-24 14:57:55 来源: 作者: 【 】 浏览:38
Tags:Android 进阶 延伸 图像

下面就来讲讲如何使用吧。Android SDK提供了一个工具来制造这种图像。在android sdk的tools目录下,有个draw9patch.bat的文件,就是他啦。运行它,将我们的图片拖进去,就会得到如下的样子。




左边窗口的是原始图形,你可以通过画面下的Zoom来调整大小,Pathc scale调整png图像最大可以延伸的倍率,延伸后的结果就显示在右边的窗口。在一个像素里点击,在图形边缘绘制线条来定义可延伸的部分。在这边需要注意的是,你必须至少在图形的上边缘和左边缘画线,否则将图片导入后工程会报错。调整好以后,点击File -save,注意需要保存为*.9.png格式。在程序中的使用和普通图片完全一样,这就不讲了。


来看下例子


给出xml中的代码,其中popup为9.png格式,popup1为普通png格式





看下运行的效果



合理的使用Nine—Patch图像,在UI设计中是非常重要的。相信大家都能体会到。


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Android UI进阶之弹窗的使用 下一篇Android UI进阶之style和theme的..

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: