iOS制作启动图LaunchScreen.storyboard

已于 2022-05-19 17:17:17 修改
阅读量1.5k 收藏 1
点赞数
分类专栏： ios 文章标签： ios
于 2022-05-19 16:54:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010775335/article/details/124866603
版权

  • 先制作一张启动图，png格式。
    启动图制作脚本
    https://github.com/QiShare/QiAppIconGenerator
    注意一个坑点！ 注意一个坑点！ 注意一个坑点！
    如果是横屏的图，那么图片的像素严格按照“宽2208，高1242”来制作！
    图片直接拖进Assets.xcassets

  • LaunchSrceen取消Use Safe Area的勾选，目的是防止刘海屏的手机有空白的填充
    在这里插入图片描述

  • 选中view并拖入一个ImageView组件
    在这里插入图片描述

  • imageView添加约束，上下左右全是0

List item

  • imageView添加图片，并设置铺满属性
    在这里插入图片描述
  • Targets->General中设置启动图
    在这里插入图片描述

OK！以上步骤即可！若运行起来没有效果，则重启一下手机！

大炮走火
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
iOS 一套启动图
10-20
一套 iOS7 iOS8的启动图片，测试用。
iOS LaunchScreen 启动图适配，图文教学。适合简单的启动图
扬帆追梦人
11-24 6711
  首先说明一点，此教程适用于启动图样式比较简单点的，比如下面示例中的图，图片和文本都是居中的，边边角角不存在其他图片Icon，不然会导致部分丢失。   最近用Flutter搞了个项目，在弄启动图的时候，选用了flutter_native_splash第三方库，在安卓上表现可以，但是在iOS上表现不是很理想，按教程处理后图片会向左便宜，还有就是每次启动都会先黑(白)屏，然后才能加载出来启动图。 下图是flutter_native_splash的配置，既然iOS手动设置，所以设置了不使用方式：ios:fals
ios自定义启动图storyboard（适用于Uniapp）
前端阿皓
04-07 4805
1、新建项目 想要全屏显示并适应所有尺寸的iPad和iphone 需要用750*1624 2X 和 1125 * 2436 3X大小的图片 !](https://img-blog.csdnimg.cn/20210407212101831.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Rhbkhhbzg=,size_16,col
mmjiostemplates:没有 Storyboard 或 XIB 的通用 App iOS 模板，带有各种尺寸的 Launchscreen。 对于 Xcode 6.x
06-05
mmjiostemplates 没有 Storyboard 或 XIB 的通用 App iOS 模板，带有各种尺寸的 Launchscreen。 对于 Xcode 6.x 它有据可查，因此可以作为制作您自己的 Xcode 6.x iOS 项目模板的起点。 ＃＃它是什么 基本通用 iOS 应用程序模板。 它带有 AppDelegate、Prefix.pch、Info.plist 和 Localizable.strings。 还包括各种尺寸的带有 AppIcon 和 LaunchImage 的 Images.xcassets。 包括 AppIcon 和 LaunchImage 的 Sketch 文件。 ##Templates 包括两个模板：###MMJ Base Universal iOS Application 它只有基本文件：AppDelegate、Prefix.pch、I
IOS使用Launch Screen.storyboard制作广告启动界面
03-14
IOS制作启动广告图，兼容LaunchImage加载启动图和LaunchScreen启动，详细讲解可以查看博客：http://blog.csdn.net/wx_jin/article/details/50617041
iOS启动图片生成.zip
03-31
解压文件，用文本编辑器打开auto.sh，更改cd后面的路径为当前文件夹路径，保存后双击auto.sh可一字洞生成，或打开终端cd进入当前文件夹，执行node image，image.js里可以自定义要转换的图片大小格式，该工具依赖于node环境。
ios 启动图一键生成工具_一键生成App图标所有尺寸的三个酷站分享
weixin_36249942的博客
02-01 1985
目前很多app设计新手不懂如何去生成各种APP图标尺寸，其实很简单的。目前网上有很多一键生成App图标所有尺寸酷站和工具。在这里25学堂不啰嗦了，大家可以前往iOS和安卓APP启动图标的尺寸和圆角大小详解去查看图标的尺寸大小。常见的ios和安卓图标尺寸都在里面有介绍。生成APP常见的图标尺寸的办法有2种：第一种：自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。第二种：借助第三方神器...
uniapp ios启动页自定义
weixin_42373679的博客
03-07 1333
uniapp 自定义storyboard启动界面，使用xcode和直接修改xml文件的方法相结合
ios 启动图一键生成工具_[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页...
weixin_31995343的博客
01-17 2236
一．先来研究下这个软件－》Appicon and Launchimage Maker首先打开你电脑上的AppStore，然后搜索：AppIcon然后回车：这里我们先使用免费版的点击下载。(左上角那个)然后打开软件，应该是这样的：软件好人性化，给我们标注了1，2，3该干啥。1选图片呗。2.选是要给什么设备以及iOS几做。然后3.是选择生成AppIcon还是Launchimages(启动页)选择一张图...
不会PS如何快速得到自己想要的图片——iOS图标&启动图生成器
360技术
06-18 797
QiShare团队点击蓝字关注我们奇技指南本文来自360奇舞团iOS团队QiShare投稿，原文：https://www.jianshu.com/p/b087ebf6f...
LaunchScreen 出现显示不全，白屏 ，黑屏 的处理方法
01-20
iOS13 SDK的 App将必须提供 LaunchScreen,LaunchImage将被废弃，在适配中出现几个小问题： 第一步 设置使用 LaunchScreen：  第二部 在plist.info文件中添加Launch screen interface file base name选项：   第三部 ： 选择一张启动图(名字最好不用Launch LaunchImage以免出错)扔在项目根目录下，不要放在 Assets.xcassets 中； 第四部 打开LaunchScreen.storyboard 添加imageView到View,做好约束 ，修改填充方式; 第五部 运行会报错
ios-防今日头条启动图广告,可适用于LaunchScreen.storyboard或者LaunchImage.zip
07-11
源码地址https://github.com/myiosemail/YJLaunchImage
IOS LaunchScreen设置启动图片与启动页停留时间详解
08-31
主要介绍了IOS LaunchScreen设置启动图片与启动页停留时间详解的相关资料,需要的朋友可以参考下
IOS9.0 LaunchScreen.StroyBoard自定义启动图片详解
01-06
iOS9.0 LaunchScreen.StroyBoard自定义启动图片 前言： xcode7.0之前都是launchScreen.xib,在xcode7.0后苹果更改启动视图控件。 今天就简单介绍一下怎么适配iOS8和iOS9的app启动图片。 如果你做过app，就会知道当程序运行时如果没有启动图片，会有一段时间手机是黑屏的。 这就会给用户造成很差用户体验（app是运行了还是卡死机了）。 所以在此强烈建议设置启动图片，你可以在启动图片的视图展示产品或者与产品相关的广告，也可以添加动画了，分页效果了，也可以点击跳转界面等。 下面开始简单介绍一下怎么适配吧！ 如果你只是设置一个静态启动图片的话
xCode官网直接下载地址
热门推荐
大炮哥的博客
03-24 1万+
https://developer.apple.com/download/more/ 强烈建议各位下载或更新xCode时，直接到官网下载整个xCode文件，然后再安装，不建议直接在appstore上下载或更新，因为很容易失败，一旦失败就得重头下载，简直不要太浪费时间！ ...
xCode运行出现“Executable Not Found“的解决办法
大炮哥的博客
04-13 8344
这个是由于部分代码文件或plist等没有被导入，无法生成二进制执行文件导致！ 解决办法： 请仔细检查所有代码文件有无完整导入！！！ 请仔细检查所有代码文件有无完整导入！！！ 请仔细检查所有代码文件有无完整导入！！！ ...
IOS WKWebview有效实现禁止滑动,禁止双指缩放,禁止长按
大炮哥的博客
03-24 8168
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init]; config.preferences = [WKPreferences new]; config.preferences.minimumFontSize = 10; config.preferences.javaScriptEnabled = YES; c...
ios安装并查看ipa的运行日志
大炮哥的博客
03-17 5281
三种方式查看日志 一（强烈推荐！！！）： 使用ios-deploy 1.安装，brew install ios-deploy 2.ios-deploy -d -b xxx.app(注意是app) ios-deploy -d -b xxx.app ,这个命令还有一个优点就是，可以快速地知道app的签名是否正确！比起其他安装app方式验证高效得多！ 二： 打开xCode,选择window->Devices and Simulators->你的iphone设备->选择"View Device
IOS 自定义UINavigationController中navigationBar的高度
大炮哥的博客
01-09 3654
  //头文件 //继承 UINavigationBar @interface MyNavigationBar : UINavigationBar @end //oc文件 #import "MyNavigationBar.h" #define NavigationBar_H 44 @implementation MyNavigationBar - (void)layoutSubvie...
xode怎么制作launchscreen.storyboard
最新发布
09-04
在Xcode中制作LaunchScreen.storyboard可以通过以下步骤进行： 1. 打开Xcode并创建一个新的项目或打开现有的项目。 2. 在项目导航栏中，找到并选中名为LaunchScreen.storyboard的文件。 3. 在Interface Builder中，你将看到一个可视化的画布，用于创建你的Launch Screen界面。 4. 你可以在右侧的对象库中选择和拖拽各种视图元素到画布上，比如标签、图像视图、按钮等等。根据你的需求，自定义你的Launch Screen界面。 5. 使用自动布局和约束来确保你的Launch Screen在各种设备和屏幕尺寸下都能正确显示。你可以使用Auto Layout来指定视图之间的关系和位置，以及对内容进行自适应布局。 6. 添加所需的背景图像或启动图像。你可以在图像资源选项卡中，将你的图像文件拖拽到LaunchScreen.storyboard上，并将其设置为背景图像或者其他所需的位置。 7. 根据需要，你可以使用动画效果或过渡效果来提高Launch Screen的可视化效果。这可以通过在Launch Screen上添加动画视图或切换视图的方式来实现。 8. 在你完成Launch Screen的设计和布局后，你可以选择在应用程序设置中将其设置为你的项目的主要启动界面。进入“General”选项卡，找到“App Icons and Launch Images”部分，选择“Launch Screen File”并选择你的Launch Screen.storyboard文件。 通过以上步骤，你可以使用Xcode中的Interface Builder创建和设计Launch Screen.storyboard，以实现你想要的启动界面效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大炮走火

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值