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

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

伸缩线支持多段标注,可以同时拉伸/缩放切图中的多个不相邻区域。从下图的实验结果可以得出一个结论:

每个区域的拉伸/放缩长度与本区的伸缩标识线长度成正比。

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


纵向的伸缩标识线原理和横向伸缩标识线的原理一致,就不再赘述。

内间距线详解

关于内间距线,很多人有所误解。因为内间距线所标注的是控件的内间距,而不是点九图的内间距,所以,内间距线跟点九图本身并没有直接的联系。

观察下面的点九图,这个点九图的横向伸缩线与横向内间距线没有重叠。那么,这张图可以正常显示吗?

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

如下图所示,将点九图设置为TextView的背景,首先,切图的拉伸区是正确的,再观察右侧的标注图,可以得出如下结论:

1.横向内间距线的左端到切图左端的距离为控件的左侧内间距值;
2.横向内间距线的右端到切图右端的距离为控件的右侧内间距值。

(纵向内间距线原理同上)

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

虽然内间距线也可以画为多段,但是系统只关心最左端和最右端的位置,所以多段内间距线是没有任何意义的。

点九图中的内间距线,仅在代码中没有指定Padding属性的时候才会生效,但这不代表可以忽略点九图中的内间距线。切图都会被多次复用,很可能因为开发的疏忽在某些布局中忘记指定Padding属性,点九图中的内间距线是切图被正确显示的最后一道保障。

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

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.