用launchscreen.storyboard适配启动图方法(二)

背景

之前有写一篇实现方式比较简单的随笔用launchscreen.storyboard适配启动图方法,顺便在评论区提了一下用autolayout适配启动图的思路,现把思路和流程记录下来。

思路

整体思路:打破启动图一定是一张固定图的思维定势,把启动图当做普通页面去适配。用UIView做容器,在里面添加不同的图片部件。然后用autolayout进行布局。

  • 优点:适配效果较好,适用于较复杂启动图
  • 缺点:较麻烦,需要UI配合,对启动图不同部件分别给图和约定图片相对位置和尺寸(固定/屏幕百分比等)

    效果图

    大概步骤

    添加素材到assets文件夹


在LaunchScreen.storyboard中搭建视图

对子视图topView和bottomView做约束


通过“view as xx机型”查看效果

最后

个人感觉用launchscreen.storyboard适配启动图的话,目前好像之前那种针对不同机型设置不同启动图的方法了。如有类似方法,欢迎评论指正。

原文地址:https://www.cnblogs.com/Dast1/p/12010679.html

时间: 2024-10-16 18:50:34

用launchscreen.storyboard适配启动图方法(二)的相关文章

LaunchScreen.xib 设置启动图

1.LaunchScreen.xib 中拖入UIImageView 约束都设置为0 2.新建一个Image Set 起名为LaunchScreen  Devices设置为:Device Speecific  勾选 iphone和 Retina 4-inch 启动图对应关系如下: 1x:iphone4 2x:iphone5 Retina4 2x: iphone6 3x:iphone6 pius 3.LaunchScreen.xib 中选择UIImageView 在Image 选择LaunchScr

iOS程序两中启动图方式和一些坑LaunchImage 和 Assets.xcassets(Images.xcassets)

一.通过LaunchScreen.storyboard 作启动图 1>在LaunchScreen.storyboard中拖拽一个imageView放上启动图片 注意:记得勾选右边的 User as Launch Screen 2>在工程中-->General-->App Icons and Launch Images 选项下 -->Launch Screen File 文件选择LaunchScreen.storyboard 二.通过Assets.xcassets设置Launc

iOS Xcode7设置启动图launchImage

使用LaunchScreen.storyboard设置启动图1.打开LaunchScreen.storyboard BD8898B0-F552-4AC4-AF85-2662919581BD.png 2.在LaunchScreen.storyboard上拖入一个imageView 087604F1-F373-4D9D-A61B-DD0F68426218.png 给imageview添加好全屏约束 3.在Assets.xcassets 中 画红线的区域,右击,点击New Image Set,在右边的

iOS LaunchScreen和LaunchImage的转换启动图

今天开始设置一个新项目的启动图,需要我自己设置,我在UI那拿到以前格式的启动图不知道为何需要那么多图,我记得用LaunchScreen只需一张即可,利用自动布局,今天看到这么多图,发现他用的是LaunchImage,这个需要多组图片来适配不同手机型号,我自己开始做了一遍,很简单: 1.首先你需要在你设置图片的地方,也就是工程中的Assets.xcassets中进行如下操作: 2.在创建的LaunchImage中将对应的图片放到合适的位置. 3.选中你的LaunchScreen把将use as l

LaunchScreen.storyboard启动图遇到的坑

xxcode有时候在LaunchScreen.storyBoard中修改了启动图片之后,运行却没有效果,直接白屏,而往storyboard中拖插件是可以显示的,设置成asset中的其他图片也是可以的,就只有新拉进去的图片无效 解决方案:手机删除应用,手机重启,xcode进行clean,xcode run起来吧,现在应该好了(*^__^*) 嘻嘻…….(其实应该直接重启手机就有效了,这个没去测~) 欢迎加群讨论学习:578874451

iOS开发(1):设置APP的图标与启动图 | iOS图标的尺寸 | LaunchScreen的使用

每个APP都应该有自己的图标跟启动图. 这里介绍怎么设置iOS的APP的图标跟启动图. (1)图标 小程的xcode是10.0版本,设置图标的入口如下: 点击入口后,进到设置页面,如下: 可以看到有很多空位,在等着拉入图标,因为iphone与ipad,不同的系统,不同的机型尺寸,使用了一系列不同尺寸的图标. 如果最终要提交到appstore,而且这个APP主要是在iphone或ipod上运行的,那应该有下面截图中的图标(包括最上面看到一点点的图标): 每个位置的尺寸,可以计算出来,比如3x的60

iOS App设置icon,启动图,App名称的方法

每款App都要有自己的icon,和名称.需要的话还需要设置启动图.今天我们就来说一下如何设置这些.本篇博客暂不讨论关于尺寸的问题. icon:icon的设置还是很简单的根据上图的箭头和红框标记所示,首先在工程中选中“images”,然后选择“AppIcon”,把预先准备好的各个尺寸的icon拖到相应的框中. 设置完AppIcon以后,在General -> App Icons And Lauch Images 中 这样设置一下,就会出现这种效果.如果你的图标是粉红色,你的工程就会变得萌萌哒 -

iOS开发项目之二 [ App appicon与启动图]

*appicon尺寸 *不是所有的appicon都是需要配置 *尽量不要透明--(透明的话,会在桌面显示成背景黑色) 1 如果没有配置5s的启动图,回去往下找,找到4s之后,会把界面以4s启动图的大小显示,打印出来的点坐标系也是4s的 2 如果没有配置6的 启动图,会往下找,找到5s的图之后,把5s的图拉大 如果没有配置6plus的 启动图,并且没有配置6的,也会往下找,找到5s的图之后,把5s的图拉大,有6的启动图的话,就不会显示启动图(不会往下找) 3 启动图的大小,一个像素都不能差.否则不

iOS启动图和开屏广告图,类似网易

iOS启动图和开屏广告图,类似网易 启动图是在iOS开发过程中必不可少的一个部分,很多app在启动图之后会有一张自定义的开屏广告图,点击该广告图可以跳转到广告图对应的页面.今天呢,和大家分享一下如何添加这张广告图以及点击广告图的跳转.这个广告图是通过将UIImageView添加到UIWindow上实现的. 一.添加本地启动图 1.准备好本地图片 2.找到工程中的Images.xcassets文件,打开LaunchImage,将图片拖到对应的地方,如下图: 3.将LaunchScreen.stor