码迷,mamicode.com
首页 > 移动开发 > 详细

iOS 启动页和引导页的分割适配法

时间:2019-11-21 09:46:00      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:com   变化   http   info   变形   自己   技术   页面   分割   

通常我们项目的启动页和引导页是一整张的图片去显示的, 这样在全面屏和非全面屏上如果用同一张图适配的话肯定是会在部分机型中被拉伸变形的,那么一种方案就是切两套图,通过代码判断机型然后显示对应的图片,这样做比较麻烦。另外一种方案就是用分割适配法,例如下图的这个引导页的适配

技术图片

 

通常启动页和引导页都是这种类似页面,背景图上有一些图片和logo图标等,上图可以分开切成两到三张图,上方一张,下方按钮可以切图或者代码自己写,然后在来一张白色背景图或者自己代码写背景也行

技术图片

适配的时候背景约束随机型铺满屏,即使被拉伸也看不出来,可能有的背景有些图案也影响不大基本符合完美适配,中间这张图尺寸固定不随机型变化而变化,可以保证不被拉伸,这样分割法只需要一套图就可以适配所有机型了

 

iOS 启动页和引导页的分割适配法

标签:com   变化   http   info   变形   自己   技术   页面   分割   

原文地址:https://www.cnblogs.com/zk1947/p/11903511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!