ps原理和逻辑,ps通道原理及图解

首页 > 设计 > 作者:YD1662022-10-26 13:34:38

你真的了解android的点九图吗?读完这一篇,再来回答这个问题,废话少说,先看看本文要讲的主要内容:

ps原理和逻辑,ps通道原理及图解(1)

点九图简介

下图是一张android系统中的典型点九切图,先来了解下点九图的结构,文章接下来

还会对每个结构做详细的介绍。

ps原理和逻辑,ps通道原理及图解(2)

制作点九图有四个硬性要求,只要满足这四点,点九图就可以被正确识别。

要求一:

名称格式必须为:文件名称.9.png。

要求二:

上下左右各留有1px的标识线区,此区内不能有半透明像素(特别注意:切图若有投影,不要泄漏到标识线区)。

要求三:

伸缩标识线与内间距标识线为不透明的纯黑色(#000000),光学标识线为不透明的纯红色(#ff0000)。

要求四:

点九图的特殊结构会导致其4个顶角处成为“绝对禁区”,这4个1像素×1像素的区域内不能有任何内容。

ps原理和逻辑,ps通道原理及图解(3)

伸缩线详解

伸缩线标注了切图内的拉伸区域/收缩区域。一般来说点九图越小越好,因此通常切图尺寸都要小于控件尺寸,但这并不意味着不会出现切图尺寸大于控件尺寸的情况,在这种情况下,切图会根据伸缩线来进行缩小。

下图中,左侧为测试所用的三色点九图,右侧为测试程序的展示效果,从实验的结果得到三个结论:

1.切图拉伸时,仅伸缩区会被拉伸。
2.切图收缩时,首先伸缩区会被收缩
3.当伸缩区缩小到0之后,切图整体继续收缩(Android 4.3之前表现不同,谷歌公布的Android系统9月份的月度版本分布图数据显示4.3之前的机型占比不足7%,所以可忽略此情况)。

ps原理和逻辑,ps通道原理及图解(4)

首页 12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 m.360kss.com., All Rights Reserved.