1. 首页
  2. iOS开发
  3. iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法

当我们在搭建iOS APP界面的时候,有时候会遇到各种各样的问题,但是,遇到了问题好啊,遇到了问题才有动力去解决,才能让自己更加有经验了。这不,在我们使用UITableView搭建界面的时候,cell...

当我们在搭建iOS APP界面的时候,有时候会遇到各种各样的问题,但是,遇到了问题好啊,遇到了问题才有动力去解决,才能让自己更加有经验了。

这不,在我们使用UITableView搭建界面的时候,cell是自定义的,一切有关界面的程序和源码完成后,站长运行起来是这样子的(屏幕显示不全)。

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第1张

很明显吧,模拟器的上部分和下部分都有明显的黑色条条,下面说下解决方法吧,也就是给项目加个启动图片就OK。

STEP-1:在 项目导航 栏目中,找到 LaunchScreen.storyboard ,然后在 媒体库 中拖一个 imageView 的控件到 LaunchScreen.storyboard 的 View Controller,如下图所示:

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第2张

STEP-2:既然添加好了 imageView,我们就要考虑到设备的约束(移动端的适配)问题,于是,我们要给 imageview 添加 约束,添加的约束如下图所示:

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第3张


STEP-3:imageview 的约束添加好后,我们就要在 imageview 里面添加 image(图片)了,在本地选择你要作为APP启动的图片,然后拖曳到 项目导航 栏目中的 Assets.xcassets 里面,具体的如下图所示:

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第4张

STEP-4:在LaunchScreen.storyboard 的 imageview 中选择你刚刚上传到 Assets.xcassets 里面的图片,如下图所示:

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第5张

STEP-5:按照如下图所示,更改 启动屏幕的 选项:

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第6张

好了,运行就可以看到如下图所示的效果啦:

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第7张

说明我们完美的修改成功了。但是站长发现一个问题,我不做上面这些步骤,也就是不添加APP的启动图片,直接如下图所示修改一个选项就完美的解决了,照样能够修改模拟器运行时屏幕上面和下面有黑色条条的问题。


在修改之前:博主的界面是这样的,注意关键的地方哦

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第8张

我对 Launch Screen File 进行了如下修改

iOS模拟器运行时在屏幕上方和下方有黑色(显示不全)-解决方法 iOS开发 第9张

完美的解决了 iOS模拟器运行时在屏幕上方和下方有黑色(屏幕显示不全) 的问题,小伙伴们可以试试哦。

wanghang
相关推荐
发表评论
访客的头像

留言列表
  • Amals  评论于  

    最后一个是模拟器的开始界面,解决办法是将Launch Screen File 置为空,然后点击Launch Images Source 后边的Use Asset Catalog 选中Assets
    然后到Xcode中的存图片的地方Assets.xcassets中会出现一个Brand Assets添加正常的图片即可

    • wanghang  评论于  

      哈哈,这个方法也蛮好

分享:

支付宝

微信