美文网首页
教你iOS13 LaunchScreen.storyboard适

教你iOS13 LaunchScreen.storyboard适

作者: Roadsourth | 来源:发表于2019-11-20 17:12 被阅读0次

        苹果计划将在明年四月份宣布废弃LaunchImage,采用LaunchScreen.storyboard,至此LaunchImage将要退出历史舞台,不过人家也有人家的道理,随着以后机型越来越多,那总不能每回都在LaunchImage中新加一种图片吧,那也太不符合宇宙第一黑科技苹果公司的逼格吧。所以LaunchScreen.storyboard开始适配起来吧。

    LaunchImage

         之前LaunchImage每回都要加一种新尺寸,是挺麻烦的,但好歹咱能做到各机型都能够兼容,不拉伸,不变形,效果杠杠滴!

    LaunchScreen.storyboard

        现在就光秃秃的给一个这,有点摸不着头脑,拉一个图片进去吧,在小机型,大机型上不是拉伸就是变形,真的是I SUN,后来经过我反复琢磨,终于找到一个像样的办法,好了,开始不扯蛋了。

           情况一:启动图上无APP名称,版权等文本信息,直接找一张较大尺寸的图片(比如1242 * 2688)设置裁剪模式为UIViewContentModeScaleAspectFill,这种模式相当于是裁剪了,大机型上基本不影响,小机型上裁剪了部分,也能看,那没办法只能妥协了,要么让UI考虑下裁剪与不裁剪的情况,找个折中的办法。like this:

    无文本

        情况二:启动图上有文本、logo等信息,这时候为了适配就需要点骚操作了,让UI单独把启动页背景图割下,图上面的零部件(logo,文本等)自己拉线布局,可保大小机型兼容,like this:

    8 xs max

    如果觉得对你有点帮助,请微微一笑吧~

    文章demo

    相关文章

      网友评论

          本文标题:教你iOS13 LaunchScreen.storyboard适

          本文链接:https://www.haomeiwen.com/subject/ejqoictx.html