美文网首页
如何绘制点9图

如何绘制点9图

作者: Anne_胖达 | 来源:发表于2019-11-05 17:53 被阅读0次

对于很多人们来说都不知道点九图是什么?又应该如何制作?今天我将工作中积累的知识和经验分享给各位,希望对大家有帮助。

1. 概念

点九图,是安卓(Android)开发中用到的特殊图片。是告诉开发哪个区域可以被拉伸,哪个区域不可以被拉伸,且不会影响清晰度,又可以自适应。

2.UI

那么点九图到底是什么呢?点九图多用于我们常用聊天工具中的对话框。


3.命名

命名对于UI和开发来说是非常重要的一部分,UI命名好提供给开发的图,开发可以提高工作效率,也显得自己够专业。当然有些开发是自己命名,那这是取决于你对接的开发了。点九图的命名规范是,前面一个点“.”加“9.png”,就是“.9.png”,这里面任何一个元素都不可缺少,不然开发无法编程。

4.制作

点九图分为2个区域:1. 拉伸区域(纵、横向)****2. 显示内容区域(纵、横向)

当确定对话框的宽、高时,横向拉伸区域,纵向也会拉伸。

以上展示的是实际效果展示的图,当然对话框下面和右边的1像素黑线是不可拉升区域。那么如何制作.9图呢?接下来,4步告诉你怎么制作。

1. 打开PS,将对话框缩至最短

2. 删除背景图,四周各留出1像素的区域

3. 用1像素黑线画出四周区域(注:黑线一定要 100% 的纯黑)

4. 导出.9.png的图给开发

这样点九图九做好了,是不是很简单呐。今天的文章就分享到这里,下次咱们一起在get其他的知识,也欢迎大家留下你宝贵的建议哦。

相关文章

网友评论

      本文标题:如何绘制点9图

      本文链接:https://www.haomeiwen.com/subject/krsebctx.html