屏幕适配方式
外观参数特别说明:屏幕适配方式
最后更新于
外观参数特别说明:屏幕适配方式
最后更新于
入口:参数设置区>>>外观>>>屏幕适配方式
如下图,坐标原点(0,0)位于画布的左上角
画布中每个图层的坐标,是以图层的左上角为基准计算的。例如:手指图层的x、y坐标是(100,100),指的是手指图层左上角到原点的距离是(100,100)
图层以画布中心点为基准,相对画布的中心点坐标不变。
各资产/图层在被添加到项目中时,其图层的屏幕适配方式都默认“水平居中&垂直居中”,即无论在多大的屏幕上预览,该资产都会出现在画面中央。
💡也就是说,默认我们是不需要调整图层的屏幕适配方式的,这样在画布中编辑的排版/位置是怎样的,在不同机型下预览就是怎样的,会自动等比适配;偶尔会需要对部分图层的屏幕适配方式进行调整,以在不同机型下获得最佳的视觉效果,如将产品信息设为"居中贴底"
若调整四边适配,则图层将以画布的四条边为基准,不同屏幕相对的边缘距离不变。
例如,当图层选择左边和顶部(即左上角)适配时,在750*1334的画布上,图层左上角相对画布左上角的原点是(100,100),那么换成其他尺寸的屏幕时,图层相对画布左上角的原点仍然是(100,100)
1
居中适配 默认适配方案
2
顶部适配
3
底部适配
4
居左适配
5
居右适配
6
左上角适配
7
右上角适配
8
左下角适配
9
右下角适配
💡因素材各不相同,您可根据实际需要对图层的屏幕适配方式进行适当调整。需注意,屏幕适配方式默认拆分横竖屏单独设置,您需要分别调整横屏和竖屏;若某些图层 横竖屏的适配方式相同,则可以取消勾选
💡当设置完屏幕适配方式,建议您及时预览,并且切换不同设备&横竖屏来确认最终效果!
建议阅读: