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