来源：小编 更新：2025-01-23 16:08:22
用手机看
你有没有想过，为什么你的手机屏幕上那些漂亮的图标和界面，看起来总是那么顺眼？其实，这背后可是有大学问的哦！今天，就让我带你一探究竟，看看安卓系统切图要输出些什么吧！
首先，得说说这个神秘的点9图。它可是安卓系统的一大特色呢！想象你设计了一个漂亮的图标，但是手机屏幕分辨率不同，图标大小也会随之变化。这时候，点9图就派上用场了！
点9图，顾名思义，就是四周边缘各有1个像素宽高的区域。这个区域可以填两种颜色，透明和黑色。它的作用就是定义图片的拉伸区域和内容显示区域。
拉伸区域：上方是横向拉伸区域，左侧是纵向拉伸区域。
内容区域：顾名思义，就是放置文字的区域。你设计好文字大小，就可以设置该区域的展示尺寸了。
知道了点9图的原理，接下来就是如何正确输出它了。
首先，在完成设计后，在4周增加1px大小，用于绘制.9黑线。
左上两条线控制拉伸区，右下两条线控制内容区。
输出的png图片后，需要改成后缀「.9.png」，比如xx气泡.9.png。
切图输出，可不仅仅是把图片发过去那么简单。还得遵循一定的命名规范，方便开发人员使用。
所有命名全部为小写英文字母，这是因为开发代码里只有小写的英文字母。
命名格式：组件类别功能状态@2x.png
比如：tabbariconhomedefault@2x.png（对应中文：栏图标主页默认@2x.png）
切图输出，可不是一件轻松的事情。以下是一些注意事项：
切图资源尺寸必须为双数：这是因为智能手机的屏幕大小都是双数值，比如iphone 7的屏幕分辨率是7501334px。切图资源尺寸必须为双数，是为了保证切图资源在工程师开发时是高清显示。
划分动静态：从视觉上大致划分出哪些要切的以外后，还要从语义上进一步划分下，即找出哪些是一成不变的，哪些是动态变化的。
隐藏背景层：切图时，要把背景层隐藏，也就是皮粉色这层。这样，切出来的图是不受到其他视觉层的影响，纯净的状态。
再给大家推荐一些切图输出工具：
Photoshop：基于Photoshop设计，会输出psd文件，用ps进行切图。
Sketch：适用于iOS和安卓的设计软件，可以导出切图。
安卓系统切图要输出的内容可不少哦！从点9图到命名规范，再到输出工具，每一个环节都至关重要。只有掌握了这些技巧，才能让你的设计在手机屏幕上焕发光彩！
