郑州本地做团购的网站,wordpress使用视频教程,wordpress菜单和导航栏,中山站群网站建设一、本程序设计发布在手机上#xff0c;首先确定屏幕的设计分辨率#xff0c;这里我们选择iphone6s#xff0c;750x1334。
二、设置DPI Scale为1.0的比例#xff0c;点击齿轮标志 因为我们这个程序是手机竖屏使用的#xff0c;所以DPI Scale Rule选择Shortest Side#…一、本程序设计发布在手机上首先确定屏幕的设计分辨率这里我们选择iphone6s750x1334。
二、设置DPI Scale为1.0的比例点击齿轮标志 因为我们这个程序是手机竖屏使用的所以DPI Scale Rule选择Shortest Side然后在下图中折线上点击鼠标选择Add key 添加一个分辨率对应的DPI比例关系 我们这里设置Resolution750Scale为1.0因为我们设计的分辨率750x1334。
三、在这个DPI Scale 1.0下面开发界面布置界面的UI
四、布置完UI后适配其他屏幕分辨率
比如说我们这里要适配iphone6的分辨率为370x667。
打开之前DPI Scale的设置界面添加一个新的点设置为Resolution370Scale为0.5。 0.5370/750。目标分辨率/标准分辨率scale值这里标准分辨率就是我们设置Scale为1.0的分辨率。
五、测试
选择不同的分辨率可以看到UI的不同的变化。 六、使用Get Viewport Scale
设备的大小改变后设备中的坐标会发生变化这时候我们就要使用Get Viewport Scale来计算缩放后的坐标通常是原坐标乘以下面的计算结果。
Constant1为常数1
如果我们选择370分辨率Scale就得0.5那么下面的结果就是2。
如果我们选择1080分辨率Scale就得1.44那么下面的结果就是0.694
