给IOS项目添加图标和启动页

本文介绍了如何在更新后的Xcode中为iOS项目添加图标和启动页。由于Xcode版本升级,旧的添加方法已不再适用。通过打开Images.xcassets文件,创建并设置NewAppIcon和NewLaunchImage,以及处理LaunchScreen.xib文件,可以成功添加图标和启动页。在Xcode6.3.1中,需取消LaunchScreen的Use as Launch Screen选项,并在项目设置中删除“Launch Screen File”。

今天早上按以前的步骤给项目添加图标的时候发现并不能实现,网上的教程也是众说纷纭,后来才知道这其实是x-code升级的缘故。废话不多说,下面进入正题!


给程序添加启动图标:


1.打开x-code项目文件,找到Images.xcassets文件,如下图:

Pasted Graphic.tiff


2.点击Images.xcassets文件,看到右边小边栏上面AppIcon和LaunchImage如下图所示的选项:

Pasted Graphic 1.tiff


3.如果看到的是空白的,就在空白区域右击,弹出下图所示列表在列表中选择创建NewAppIcon和NewLaunchImage:

Pasted Graphic 2.tiff




4.从图片文件夹下拖动相应地图片到小方框之中去,如果是记不住需要多大的图片就随便拖任意一张图片,这时会报警告,选中警告的内容就会选中右边的图片框,如果放入的图片与需要的不符合,警告框会告诉你需要图片的大小!(这是一个小技巧,如果你不愿意记图片的尺寸的话,当然网上也有介绍图片尺寸的文章,但是个人认为,随着x-code的不断更新和硬件设备的不断升级,图片的尺寸变化会越来越大,所以让x-code告诉我们不失为一妙招!)。


给程序添加启动页:

5.注意:   在新的x-code环境下(本人目前用的是x-code6.3.1),Images.xcassets文件下多了一个LaunchScreen.xib文件,如图:

Pasted Graphic 3.tiff


现在选中该文件,在右侧的控制面板当中的Interface Builder Document一栏的底部勾选掉Use as Launch Screen选项,操作如下图:



Pasted Graphic 4.tiff



6.最后一步,选中项目名称—>选中TARGETS下的项目名称———>选中General,在展开的“App Icons and Launch Images”一栏中 删除“Launch Screen File”操作流程图如下:

1>

Pasted Graphic 5.tiff

2>

Pasted Graphic 6.tiff

3>

Pasted Graphic 7.tiff


4>Pasted Graphic 8.tiff

<think>好的,用户现在想了解如何在UniApp中设置APP图标启动页配置方法。我之前已经回答过关于图片叠加的问题,现在需要根据提供的引用现有知识来解答这个新问题。首先,我需要理清用户的需求:他们可能正在开发一个UniApp应用,想要自定义APP的图标启动页,但不太清楚具体的配置步骤,或者遇到了问题需要指导。 先看看用户提供的引用内容。引用1提到了设置动态启动页的方法,但看起来可能不太准确,因为它提到在index.vue中配置,而实际上启动页的设置通常是在manifest.json里。引用2指出默认启动页只能通过manifest.json修改应用名称图标,其他如背景图无法自定义,这提示可能需要原生配置或插件。引用3讨论了安卓启动时的Preview页面,可能涉及SplashScreen的配置。 接下来需要结合UniApp的官方文档来确认正确的配置方法。首先,设置APP图标需要在manifest.json的App图标配置中上传不同分辨率的图片,然后打包生效。启动页的设置分为两种情况:默认启动页自定义启动页。默认情况下,UniApp的启动页是自动生成的,但背景色等待图标可以在manifest中调整。如果需要完全自定义启动页,可能需要使用原生插件或处理SplashScreen。 用户可能的问题在于如何正确配置这些设置,尤其是动态启动页,可能希望每次启动显示不同的图片或内容。这时候需要解释原生与H5的不同处理方式,比如H5可以通过修改index.html,而App端可能需要原生配置或广告页实现。 还要注意用户之前的问题是关于图片叠加的,可能他们对前端样式比较熟悉,但对原生配置不太了解,所以需要详细说明步骤,特别是打包后的生效问题,以及可能需要自定义模块的情况。 需要验证引用中的信息是否正确,比如引用1提到的在index.vue中配置启动页,这可能是指启动后的第一个页面,而非真正的启动页。正确的启动页配置应该是在原生配置中,所以需要指出这种区别,避免用户混淆。 最后,总结步骤,分点说明图标设置、默认启动页配置、自定义启动页的方法,并提到可能的注意事项,比如打包后生效,以及动态启动页的实现可能需要广告页或插件。同时,回答相关问题时要覆盖用户可能遇到的进阶需求,比如动态修改启动图或处理启动白屏问题。</think>根据官方文档开发实践,以下是在UniApp中配置APP图标启动页的详细方法(包含标准配置与进阶方案): ### 一、APP图标配置(全平台) 1. **基础配置路径** 打开`manifest.json` → `App图标配置` → 上传不同分辨率图标 ```json "app-plus": { "distribute": { "icons": { "android": { "hdpi": "static/icons/72x72.png", "xhdpi": "static/icons/96x96.png", "xxhdpi": "static/icons/144x144.png", "xxxhdpi": "static/icons/192x192.png" } } } } ``` 2. **注意事项** - iOS需要圆形直角两种图标格式 - 必须提供`1024x1024`主应用商店图标 - 修改后需重新打包生效[^2] ### 二、启动页配置(分平台处理) #### 标准方案(manifest配置) ```json "app-plus": { "splashscreen": { "autoclose": true, "waiting": true, "delay": 3, "backgroundColor": "#FFFFFF", "landscape": "sensor" } } ``` - **参数说明** - `autoclose`: 是否自动关闭启动页(默认true) - `waiting`: 显示等待进度圈 - `delay`: 最短显示时间(秒) - `landscape`: 横屏适配模式[^3] #### 进阶方案(动态启动页) 通过广告页方案实现动态效果: 1. **创建广告组件** ```html <!-- components/AdSplash.vue --> <template> <view class="splash" v-if="show"> <image :src="dynamicImage" mode="aspectFill"></image> </view> </template> ``` 2. **启动流程控制** ```js export default { data() { return { show: true, dynamicImage: '' } }, mounted() { this.loadAdImage().then(() => { setTimeout(() => this.show = false, 3000) }) } } ``` ### 三、安卓白屏优化(Preview Window) 在`manifest.json`添加: ```json "android": { "style": { "androidWindowIsTranslucent": false, "androidWindowBackground": "@drawable/splash" } } ``` 需创建`nativeResources/android/drawable/splash.xml`定义预览窗口[^3] ### 四、注意事项 1. 原生启动页与广告页区别: - 原生:APP启动时立即显示(系统级) - 广告页:APP主界面加载后显示(应用级) 2. 动态启动页建议方案: - H5端:修改`public/index.html`模板 - App端:使用`plus.navigator.closeSplashscreen`API ```js // 手动关闭启动页 plus.navigator.closeSplashscreen() ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值