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

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

 

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

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

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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-26
  • 2021-09-14
  • 2021-10-12
  • 2021-11-26
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-29
  • 2022-02-14
相关资源
相似解决方案