[转载] iOS 问题解决--让你的app在iPhoneX中全屏显示

最新推荐文章于 2024-06-03 10:01:49 发布
最新推荐文章于 2024-06-03 10:01:49 发布
阅读量1.3w 收藏
点赞数
分类专栏： iOS开发-问题总结 文章标签： ios xcode iphoneX

让你的app在iPhoneX中全屏显示

如果你的项目什么也不修改,直接把你的app运行在 iPhone X 模拟器下,很有可能就会出现下面的情形: 上下都有黑边,没有全屏显示

这里写图片描述

为了让app能够全屏显示,你需要准备以下的内容

Xcode 9.0

这里写图片描述

iconName@3x.png,尺寸为 1125px * 2436px

这里写图片描述

配置 Brand Assets 之后,出现了 iPhone X 的启动图选项
这里写图片描述

将你的 iconName@3x.png 拖进去即可

这里写图片描述

重新执行程序后的结果

这里写图片描述

之后,就可以开始你的 iPhone X 的适配工作了

转载地址:这里写链接内容

付佳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决uni-app开发中iphoneX下背景不能全屏铺满的问题
dengke2247的博客
07-25 2692
使用原生占位（仅App端支持） mainfest.json 文件 app-plus 节点下配置 safearea "safearea": { "background": "#CCCCCC", "bottom": { "offset": "auto" } } 不使用原生占位（非App端可以不配置main...
iOS APP适配iPhone X全屏
Yancy的博客
03-29 4258
要让APP在iPhone X上变成全面屏显示（占满整个屏幕），而不是上下有没用的黑条，其实很容易，只需要：在LaunchImage 中添加一个和 iPhone X 相关的启动图片。即一张尺寸：1125 * 2436 的启动图片，让UI小姐姐帮忙切一张就好了。或自己用“预览”-“工具”-“调整大小”来简单制作一个测试下。添加之后，对launchImage - show in finder，找到con...
让你的app在iPhoneX中全屏显示
weixin_34138255的博客
09-18 1041
如果你的项目什么也不修改,直接把你的app运行在 iPhone X 模拟器下,很有可能就会出现下面的情形: 上下都有黑边,没有全屏显示       为了让app能够全屏显示,你需要准备以下的内容   Xcode 9.0    iconName@3x.png,尺寸为 1125px * 2436px   配置 Brand Assets 之后,出现了 iPhone X 的启动图选项     将你的...
app一步设置全屏
xieyaofeng的博客
05-27 1539
在Android 清单文件 @style/AppTheme 里面添加 true
推荐使用：jQuery FullScreen 插件 —— 让全屏模式优雅而简单
最新发布
gitblog_00071的博客
06-03 390
推荐使用：jQuery FullScreen 插件 —— 让全屏模式优雅而简单 项目地址:https://gitcode.com/martinaglv/jQuery-FullScreen 项目介绍 在网页设计中，为用户提供沉浸式阅读体验或对特定内容进行放大查看已成为趋势。为此，我们向您推荐一个强大的jQuery插件——jQuery FullScreen。这个轻巧的库能够无缝地利用浏览器的全屏API...
IOS启用WebApp全屏模式
weixin_33851177的博客
03-01 1424
分享一段代码实例，它实现了IOS启用WebApp全屏模式的功能。 当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） 代码实例如下: 1 2 <meta name="apple-mobile-web-app-capable" content="yes" /> <meta nam...
适配iPhoneX全屏
weixin_30262255的博客
11-14 100
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> viewport-fit,它有三个可选值： contain: 可视窗口完全包含网页内容 cover: 网页内容完全覆盖可视窗口 auto: 同contain的作用 转...
iPhone X全屏适配
flg1554112450的博客
09-30 1万+
当你的项目运行于iPhone X模拟器的时候是否会出现以下这种情况？？不能全屏，，上下出现了大黑边，，受到以前在设置了启动页，，把启动页删除出现的上下黑框的启发，，于是想到只要给给iPhone X设置一个对应的启动页，，就会实现全屏显示。 实现方法如下，，首先打开LaunchImage（我这里启动页使用的LaunchImage）把iOS8.0 and later 打钩
iOS- 解决App上下黑边
05-03
在iOS开发过程中，有时会遇到应用在运行时无法全屏显示的问题，表现为屏幕四周出现黑边，这无疑会影响用户体验。本篇文章将详细讲解如何解决这一问题，让你的应用完美适应各种设备的屏幕尺寸。 首先，我们需要了解...
iphone的safari浏览器中实现全屏浏览的方法
09-04
在iPhone的Safari浏览器中实现全屏浏览可以让用户在查看网页内容时获得更沉浸式的体验。通常，Safari浏览器在浏览网页时会显示顶部的工具栏和底部的标签页栏，这占据了屏幕的一部分空间。全屏浏览则可以隐藏这些元素...
uni-app 全面屏、刘海屏适配（iphoneX适配）及安全区设置
dcloudio的博客
11-12 8441
iOS方案一：使用原生占位（仅App端支持） manifest.json 文件 app-plus 节点下配下 safearea "safearea": { "background": "#CCCCCC", "bottom": { "offset": "auto" } } iOS方案二：不使用原生占位（非App端可以不配置manifest） manifest.json 文件 app-plus 节点下配下 safearea "safearea": { "bott
IOS写一个可以支持全屏的WebView
08-09
见博客:http://blog.csdn.net/baidu_nod/article/details/38454249
解决iphonex屏幕过长背景图片或者放在元素里面的图片不能铺满的问题
wly_syp的博客
11-26 9452
目前有四种方法 1.让设计单独设计一版iphonex的尺寸的图，用js代码判断设备，如果检测到是iphonex就换图    //如果设备是iphonex则追加元素填补空余             function isIPhoneX(fn){                 var u = navigator.userAgent;                 var isIOS = !!u...
iOS的app运行时不满屏，上下留有黑边的解决办法
热门推荐
槑头脑的博客
12-07 1万+
Dissatisfied screen app is running IOS when leaving black bars top and bottom IOS的app运行时不满屏，上下留有黑边 在iPhone5或者6上运行以前写的程序时，会出现上下有一样宽高的黑色区域，明明代已经设置全屏了，为啥还出现这样的问题，那又如何解决呢？ 因为我们的那个应用是按照320*480的siz
IOS学习：全屏幕显示
wu_shu_jun的专栏
05-25 6803
使ios应用全屏有两种方法： 1、修改plist文件      在程序的***-info.plist文件中添加一个Status Bar is initially hidden"并选中 2、在AppDelegate.m中调用     [ [UIApplication sharedApplication] setStatusBarHidden:YES];
小程序，刘海屏iPhoneX等样式兼容问题
abc_26zm的博客
05-13 1218
//在app.js内的onShow内加上这一段代码 let that = this; wx.getSystemInfo({ success: res => { that .globalData.headerBtnPosi = wx.getMenuButtonBoundingClientRect().top let modelmes = res.model; if (modelmes.search('iPhone X') != -1 || modelmes.search('iPhone
iPhone X下界面满屏展示
d081842125的博客
09-21 3751
很多ios新朋友在适配新的系统上出现了很多问题，比如iphone5出来的时候，整体界面没有铺满手机屏幕，底部和顶部都有黑色一块， 对于这个问题，新出来的iPhone X也出现了，这种问题其实是因为启动页的图片没有配置好导致的，下面给出一种解决方案，供大家参考： 1、打开Images.xcassets 2、选中LaunchImage 3、右边会展示出之前配置好的启动图片 4、xcode右上
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值