电脑ios启动画面面

来源：蜘蛛抓取(WebSpider) 时间：2012-04-14 23:59 标签： ios启动画面

注意：iOS所有图标的圆角效果由系统生成，给到的图标本身不能是圆角的.

5. 另一种根据iOS系统的分类法

启动图片尺寸输出列表：

　　当我们打开一款应用程序的时候，首先映入眼帘的往往并不是程序的主界面，而是经过精心设计的欢迎界面，这个界面通常会停留几秒钟，然后消失。看似很平常的一个小小的欢迎界面，其实还大有讲究。

　　程序在启动的过程中需要消耗一些时间，那么在加载出现主界面之前，会出现短暂的黑屏，这实在是很糟糕的一件事情，会给用户一个非常不好的体验。为了缓解用户等待过程中心理的不适与烦躁，欢迎界面闪亮登场了！

　　用欢迎界面来替代黑屏的等待，可以有效的掩盖耗时阻塞的后台操作，还能向用户展示有效的信息，是非常好的一种过渡方案。但是有的程序把欢迎界面做成了广告版，浪费了用户更多的时间，让用户觉得厌烦，对程序本身功能也失去了兴趣，这种做法实在是很不明智。

　　欢迎界面种类有很多，大致分为静态和动态两种。

　　静态的欢迎界面通常比较简洁，一般会放置一张很精美的图片，可能是一张公司或者产品的宣传图，也可能是一张广告图，给我印象最深的是某聊天软件在生日当天打开，欢迎界面竟然是一张写着你名字的生日祝福的图片，让人感觉很温暖。

　　动态的欢迎界面要更加炫酷精美，样式也更加丰富，有的是联网加载的广告，有的像一本很炫的书，可以滑动翻页，有的是一个小小的游戏，有的是美文配着美妙的音乐，还有的可能是一段有趣的动画。

　　针对IOS7，苹果提供了LaunchImage来实现欢迎界面，开发的时候只需要将设计好对应尺寸的图片拖到对应的状态的位置即可。

　　在IOS7,欢迎界面对应的尺寸分别为：

虽然没有能力开发Native App，但还是可以利用iOS中Safari浏览器的特性小小的折腾一下，做一个伪Web App满足下小小的虚荣心的。

既然是在iOS中的Safari折腾的，那么代码中利用到的也基本上都是Safari的私有属性。

添加图标到主屏幕是Web App的第一步：

可以使用sizes尺寸来告诉设备该调用哪个图标。

有了图标还不够像，还需要加上启动画面： 

 

 apple-touch-startup-image是用来标示启动画面的，但它不像apple-touch-icon可以指定sizes来告诉设备该使用哪个图片（也有一种说法是在iOS5中已经支持sizes识别了，但没有测试成功），所以只能通过media里的设备分辨率的判断值来识别，而iPhone
 
 

 启动画面的图片尺寸并非完全等于设备的尺寸，比如iPad2的尺寸是，但它的启动画面尺寸横向是，竖向尺寸是768×1004，因为需要减去系统状栏的高度20px，而使用的Retina屏幕的iPhone4以及iPad3则需要减去状态栏的高度40px。
 
 

 Web App运行起来要像Native App，那么就要去掉Safari的一些默认控件，比如地址栏、状态栏之类的。
 
 

 
 

 
 

 
 

 虽然New iPad采用了Retina屏幕，但实际上物理分辨率并没有变，还是的，所以以上代码中的New iPad的启动画面代码尺寸有误，应该是
 
 



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 ios启动画面 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐