app启动页问题
今天自己做的小作品准备提交,就差一个启动页,各种百度,各种搜,结果还好最后终于出来了,和大家分享一下,这个过程中遇到的各种小问题。(注XCode版本为7.2)
1.启动页一般都是图片,因为苹果有4,4S,5,5S,6,6S可能以后还会有其他的型号,所以要考虑到屏幕的适配,还有系统的适配(有些用户的系统版本不支持一些技术,比如LaunchScreen.storyboard),也就是图片的大小,那么多大的图片呢,图片的大小是可以在XCode里找到的(当时各种百度,各种搜大,答案也是众说纷纭,所以看过这个文章就不用搜了,建议新手一定要看看,也许会少走很多的弯路)
XCode中有LaunchScreen.storyboard或者LaunchScreen.xib,苹果默认使用的就是拿这个当启动页,这是一个静态的页面,不能写代码,也就是只能用自动布局来适配屏幕的大小,我刚开始就是拿这个做的启动页面,就一张图片居中显示,后来发现这个兼容性不强,这个技术低版本的不能用,网上有另外一种方法,这种方法很多人都在用,我也是看了很久才看明白的,直接上图:
在项目中找到Assets.xcassets点击就会出现下图:

29pt就是29像素的意思2x就是292,以此类推,还有就是图片的命名方式一般为字母开头加上像素的大小再加上几倍像素,这个很重要,据说这样写的话苹果系统会自动识别几倍分辨率,就像这样:app_29@2x,(那么图片的像素,也可以叫大小方便理解,为292)app_40@3x,(图片的像素为40*3)

就点击+号
会有如下界面(注XCode版本为7.2,不同版本界面可能不一样)

然后上面就会出现这个:

关键的问题来了,图片的大小,我就是纠结这个问题上网搜了很多很多,很乱,最终功夫不负有心人,踏破铁鞋无觅处,得来全不费功夫。图形的大小就在XCode里面就可以找到,如图:
选中那个空的边框,在右边就会有这个边框要用多大的图片,几倍的图片 ,还有就是到时候那个图片的名称最好和上面的一样,比如:iPhone_736@3x,个人感觉这样命名比较好。
把图片弄好之后,接下来就是需要修改一些东西比如下图:

LaunchScreen.xib或者LaunchScreen.storyboard,在右边找到Use as LaunchScreen,把勾取消
如图:

接着看图:

把6里面的内容清空,点击5,就会出来一个框,里面的内容和*.xcassets(绿色的图标)一样如图:


之后就会这样:
wKiom1bO7gKDT7-YAABCwcl6ZhQ379.png
继续点5,
就像这样:

记得把6的内容清空,最后就像这样:

app启动页问题的更多相关文章
- App启动页倒计时功能
转载请注明出处:http://www.cnblogs.com/cnwutianhao/p/6753418.html 示例代码采用 RxJava + RxLifecycle + Data-Binding ...
- 用代码获取APP启动页图片
用代码获取APP启动页图片 源码 - swift // // AppleSystemService.swift // Swift-Animations // // Created by YouXian ...
- App启动页设计实例与技巧
App启动页,也称闪屏页,最初是为缓解用户等待Web/iOS/Android App数据加载的焦虑情绪而出现,后被设计师巧妙用于品牌文化展示,服务特色介绍以及功能界面熟悉等平台进行设计,被赋予了更加丰 ...
- React-Native App启动页制作(安卓端)
原文地址:React-Native App启动页制作(安卓端) 这篇文章是根据开源项目react-native-splash-screen来写的.在使用react-native-link命令安装该包后 ...
- Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法(转)
转载: Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法 首先感谢博主分享,本文作为学习记录 惊鸿一瞥 微信的启动页,相信大家都不陌生. 不知道大家有没有发现一个现象 ...
- APP启动页
关于APP启动引导页面模块 时间:2016年6月14日 作者:赵锐 模块使用说明 模块暴露在外的接口是- (void)showGuideViewWithImages:(NSArray *)images ...
- 【Android】Mac下Android Studio设置App启动页
先将启动页放到项目资源中,图片一般是1080*1920的jpg. 新建一个activity,如图: 创建成功之后,打开刚刚创建的activity,来进行代码的编写: public class BZLa ...
- 每日一博 | 用 Ionic2 创建 App 启动页滑动欢迎界面
原文 https://my.oschina.net/qinphil/blog/777787 效果如下,图片来自网络 本文例子和上图稍有不同,主要功能如下: 每滑动一下展示一张全屏图片: 滑动到最后一 ...
- 使用ViewPagerAdapter 页面引导适配器设置app启动页,引导页面的实现
一般的app第一次安装启动的时候,都会有一个启动页面和引导页的画面,然后才进入主程序.anndroid中的ViewPagerAdapter 是一个继承与PageAdapter的 页面引导适配器.由于我 ...
随机推荐
- JavaScript 中运算优先级问题
优先级引发的问题 这篇文章对 JavaScript 中的运算符进行小结,很多人对运算符优先级这一知识点都是一带而过.这就导致在写一些比较奇葩的 js 代码,你并不知道它的输出是啥,下面举一个例子,这也 ...
- 201521123061 《Java程序设计》第六周学习总结
201521123061 <Java程序设计>第六周学习总结 ***代码阅读:Child压缩包内 1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核 ...
- 201521123095 《Java程序设计》第5周学习总结
1. 本周学习总结 1.1 尝试使用思维导图总结有关多态与接口的知识点. 2. 书面作业 1.1 com.parent包中Child.java文件能否编译通过?哪句会出现错误?试改正该错误.并分析输出 ...
- 201521123067 《Java程序设计》第2周学习总结
1. 本周学习总结 ●本周主要学习了java的基本语法,从中我知道了java中的变量类型以及关于类型转换的问题,而且学会了通过import引用包. ●通过本周的学习,我学会了使用数组,包括对数组的创建 ...
- 201521123066 《Java程序设计》 第二周学习总结
1.本周学习总结,记录本周学习中的重点 关于String类:String类的对象创建之后不能再进行修改:当大量拼接字符串是,使用StringBuilder而 不使用String:检测字符串是否相等时, ...
- Sublime Text 2 -Sidebar 背景色调整为黑色
Sublime Text 2 编辑器: Ctrl+` 输入安装代码,安装package control 插件 ctrl+shift+P : Package install 为什么装不上了呢?出现了什么 ...
- 201521123042 《Java程序设计》 第10周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常与多线程相关内容. 上周总结了异常,这周主要总结多线程. 2. 书面作业 本次PTA作业题集异常.多线程 1.finally 题 ...
- 201521123117 《Java程序设计》第13周学习总结
1. 本周学习总结 2. 书面作业 1. 网络基础 1.1 比较ping www.baidu.com与ping cec.jmu.edu.cn,分析返回结果有何不同?为什么会有这样的不同? 分析结果:从 ...
- JAVA课程设计个人博客 学生成绩管理 201521123001 张陈东芳
1. 团队课程设计博客链接 http://www.cnblogs.com/kawajiang/p/7062407.html 2.个人负责模块或任务说明 我主要负责实现学生信息的添加功能.学生成绩的录入 ...
- Eclipse rap 富客户端开发总结(15) :rap如何使用js
1. 把输入的字符串当 javascript 执行 try { RWT.getResponse().getWriter().println("alert('123');"); } ...