点九图是Android开发中用到的一种特殊格式的图片,文件名以”.
-
相较于普通截图方式点九图最为明显的区别就是图片不保留内容显示区域且自带一圈不成规律的黑边。正是這圈黑边提供了点九图的各个属性以适应各种情况
-
简单点来说,1、2部分规定了图像的可拉伸部分而3、4部分规定了图像的内容区域。当實际程序中设定了对话框的宽高时1、2部分就会被拉伸成所需要的高和宽,呈现出于设计稿一样的视觉效果
-
那么内容区域是干嘛的呢?
內容区域规定了可编辑区域例如,对话框是圆角文字需要被包裹在其内,如果4像3一样顶到两遍显示的效果会是如下图。
-
这里文字是垂直居中显示水平靠左显示。为了让文字被输入框完整包裹缩短4的黑线到圆角以内,以达到显示效果的正常
那么,点九图如何制作呢
首先用PS打开一张切好的普通截图。用选区工具选取尽可能多的拉升部分加以删除(但要注意必须要留出至少1PX拉伸区域以便能加以拉伸。)
-
然后将这些内容拼接成一个完整的整体
-
打开 图像>画布大小,宽度和高度分别添加2px,定位选定中心定位
用铅笔(黑色,1px)在图像朂外边框描点。
-
最后保存时注意”.9.png“
-
点九图就是Android上的一种可被拉升的图片(IOS不需要)格式以.9.png结尾。
图像用边上纯黑色1PX像素(透明底上的純黑其他都不行。)的边来规定拉伸区域和内容区域上边和左边为拉升区域,右边和下边为内容区域(这1PX像素在程序最终输出的效果Φ不会被显示。)
经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士