IOS app运行时不满屏，上下留有黑边

最新推荐文章于 2025-06-15 07:59:07 发布
转载 最新推荐文章于 2025-06-15 07:59:07 发布 · 2.1k 阅读 · 0


转自:http://blog.youkuaiyun.com/lilinoscar/article/details/47972815


特别是在5或者5s上运行，会出现上下有一样宽高的黑色区域，明明代码已经设置全屏了，为啥还出现这样的问题，那又如何解决呢？

因为我们的那个应用是按照320*480的size来运行的，所以导致上下有黑色。

1.解决办法就是把default-568h图片放到你的项目里，这样运行就可以解决问题。

          下载图片地址：http://download.youkuaiyun.com/detail/lilinoscar/9044251

2.就是每个应用程序启动时都会设置启动页，而这个启动页需要几张图片，你把320*480的这张图片名字改成default-568h，记得是png格式。


解决uni-app开发中iphoneX下背景不能全屏铺满的问题
dengke2247的博客
07-25 2803
使用原生占位（仅App端支持） mainfest.json 文件 app-plus 节点下配置 safearea "safearea": { "background": "#CCCCCC", "bottom": { "offset": "auto" } } 不使用原生占位（非App端可以不配置main...
iOS 创建第一个项目（附纯代码编写界面配置方法以及上下黑边无法全屏解决方法）
hestyle的博客
12-24 2318
  由于这些年出现“跨端”、“大前端”的概念，出现了比如React、React Native、flutter等跨端技术，"客三消"的说法很多人提，所谓“客户端三年必死”、“客户端劝退”。   博主最近从后端转到了iOS移动端，一方面是由于博主比较喜欢移动端，因为移动端的代码有交互性、可见性，并且比前端有趣一些，因为移动端编码还有设计模式等一些其他的东西；另一方面是由于之前实习的岗位就是iOS移动端开发。   现在学移动端确实有点像“49年入国军”，蛋是，自己喜欢就好。闲话少叙，开始写博客吧。 1、第一个iO
IOS的app运行时不满屏，上下留有黑边
12-07
Xcode7运行时上下黑边的解决办法,app上下有一样宽高的黑色区域，明明代码已经设置全屏了，为啥还出现这样的问题，那又如何解决呢？
ios上下黑边解决办法
08-25
在5或者5s上运行应用会出现上下黑边，是因为应用运行是320*480
iOS--错误集锦--iOS7.1系统，xcodeVersion 7.2，运行app出现上下黑边
csdn_hhg的博客
12-28 583
申明：此为本人学习笔记，若有纰漏错误之处的可留言共同探讨 模拟器测试的时候不会出现上下黑边，真机测试的时候出现上下黑边 直接先上图，真机测试效果： 模拟器测试效果： 听说在貌似要设置启动图才会根据图的大小设置app的高度，（貌似是xccode7的一个bug），查了查启动图，发现项目还没有拉进启动图，随便在网上拉了一张图，把名字改为Default-568h@2x.png，放进项目，运行。  
【产品经理】如何适配 iOS 屏幕
qq_41843727的博客
06-15 1074
上回介绍了Android 的屏幕适配，很多同学表示看了之后云里雾里的，尤其是 dp 这个东西，还要进行数学换算，简直是要命了。所以我决定在介绍 iOS 之前先花点时间再帮大家理解下 Android 里的 dp。
小程序首页图片需要把刘海屏幕铺满‘
最新发布
12-09
- 如果用户指的是微信小程序、支付宝小程序等跨平台小程序，那么实现方式会有所不同，因为小程序运行在各自的容器中，不直接使用Android的原生API。 - 如果用户指的是原生Android应用（可能用户误称为小程序），则...
<view class="video" v-if="item && item.video_url"> <Player style="width: 100%;" :key="index" :index="index" :video-url="item.video_url" :cover-url="item.cover_url" @play="handleVideoPlay" /> </view> handleVideoPlay(index) { if(this.currentIndex !== null && this.currentIndex !== index) { const prevVideo = uni.createVideoContext('video'+this.currentIndex, this) prevVideo.pause() prevVideo.exitFullScreen() } this.currentIndex = index }, <template> <view class="video-box"> <video style="width: 100%;" :id="'video'+index" :src="videoUrl" :poster="coverUrl" :controls="true" :show-fullscreen-btn="true" :show-center-play-btn="true" :enable-progress-gesture="true" @fullscreenchange="handleFullscreen" @play="onPlay" @pause="onPause" @click="toggleFullscreen" ></video> </view> </template> <script> export default { props: { videoUrl: String, coverUrl: String, index: Number }, methods: { toggleFullscreen() { // const videoCtx = uni.createVideoContext('video'+this.index, this) // if(this.isFullscreen) { // videoCtx.pause() // videoCtx.exitFullScreen() // } else { // // 关键修改：移除方向参数 // videoCtx.requestFullScreen() // } const videoCtx = uni.createVideoContext('video'+this.index, this) // #ifdef APP-PLUS plus.screen.lockOrientation('portrait-primary') // 临时允许横屏 // #endif videoCtx.requestFullScreen() }, handleFullscreen(e) { this.isFullscreen = e.detail.fullScreen // #ifdef APP-PLUS if(!e.detail.fullScreen) { plus.screen.lockOrientation('portrait-primary') } // #endif // #ifdef APP-PLUS && IOS plus.screen.unlockOrientation() plus.navigator.setStatusBarStyle('dark') // #endif }, onPlay() { this.$emit('play', this.index) }, onPause() { this.$emit('pause', this.index) } }, data() { return { isFullscreen: false } } } </script> <style> .video-box{ width: 100%; height: 100vh; /* 强制占满屏幕高度 */ } </style> uniapp 安卓点击视频播放全屏按钮后 也是横屏的 怎么在代码里禁止
07-22
所以，我们是否可以这样：在全屏事件触发时，我们立即将屏幕方向设置为竖屏，这样全屏后视频会以竖屏的方式显示，上下会有黑边。 具体实现： 1. 在video组件上绑定`fullscreenchange`事件： ```html ...
iOS--->运行程序屏幕上下有黑边
Frankltf的博客
12-05 438
&#13; iOS---&gt;运行程序屏幕上下有黑边 原因是LaunchImage没有设置好，图片等尺寸没有和对应的手机屏幕大小适配导致。 解决方法 就是要增加启动图片，把屏幕拉伸，匹配好每个机型的屏幕大小，这样才能保证不会出现黑边的情况 用launchScreen.story.board来设置软件启动首页 &#13; &#13; &#13; &#13; &#13...
iOS 模拟器上下黑边问题
小颡的博客
03-13 919
原因：Xcode 6 默认新建的启动页面为 LaunchScreen.xib,系统通过检测是否有这个文件，来判断 app 是否支持iphone 6 & 6 plus. 如果要支持 iOS 7，还必须添加 Launch Image assets. 如果 app 要支持 iOS 7但是没有设置 Launch image assets ，在 iOS 7 上运行上下两边
IOS的app运行时上下有黑边，非全屏
许博文的专栏
02-16 3873
解决办法就是把default-568h图片放到你的项目里， 这样运行就可以解决问题。 下载图片地址：http://7i7hai.com1.z0.glb.clouddn.com/Default-568h%402x.png 2.就是每个应用程序启动时都会设置启动页，而这个启动页需要几张图片，你把320*480的这张图片名字改成default-568h，记得是png格式。
IOS 应用出现上下黑边问题
夜破星辰_JSON的博客
11-20 1420
本人遇到的原因是将美工给的jpg文件改为png文件后出现黑边，解决办法是还原为jpg文件，完美解决
ios10 上下黑边问题
yutaotst的专栏
09-24 1631
前几天，xcode升级到8.0， 在模拟器下面 没有问题   在真机上出现了 上下黑边  没有全屏 有两种情况： 1、发现虽然这里（下图）有配置Launch Screen    但项目中没有 Launch Screen File 的文件 。。 要在项目中创建  LaunchScreen.xib 或者LaunchScreen.storybor
iOS 上下有黑边问题解决
jeffasd的专栏
11-25 1914
加入 Default-568h@2x.png
程序上下黑边以及iPad程序四周黑边的问题
热门推荐
zhouxiangstudying的专栏
04-01 1万+
问题一：程序上下黑边 可能产生原因：Xcode5.1.1之后，Xcode强制生成了LaunchScreen.storyboard,他用以做开机启动相关事宜，从此我们不需要自己手动去plist文件里边添加启动图。 但是，也正是因为它，导致了上下黑边。比如：你的同事用Xcode5.1.1创建了源文件，然后拷贝给了用新版本Xcode的你，为了保证统一性，你删除了 LaunchScreen.stor
iOS APP icon有黑边问题解决
ZhongLv_HoneyMoon的博客
02-26 5870
    最近做项目，测试突然提出个bug：点击APP时，在APP打开之前观察到icon的右下角有黑色的边。于是我仔细检查了项目的APP Icon图片，发现尺寸、切图都没什么问题，只是图片带着圆角。于是试着让美工重新切了一套没有圆角的图片，再重新运行项目，解决了这个问题。    所以，解决方法是：让美工重新切一套图（注意：不要带上圆角，给直角的就行）    说明：苹果的app图标是自己会给你转化成圆...
app启动运行时不满屏，上下有黑边
番薯大佬的专栏
10-18 5852
iOS开发中，使用真机，或模拟器调试时，当APP启动后，会出现不满屏的情况，即上下出现黑边。 如下图所示：   造成这种显示异常的原因是因为应用是按照320*480的size来运行的，所以导致上下有黑色。 解决办法就是设置应用的启用页，即把"Default-568h@2x.png"图片放到项目里，这样运行就可以解决问题。 注意：图片格式为png，且图片大小为640 x 1136 解
iOS Xcode运行时上下黑边的解决办法
怀可的博客
06-27 3433
解决在Xcode运行调试时 iPhone 5以上的屏幕出现上下黑边（屏幕比未变）的现象
iOS应用全屏运行解决上下黑边问题
在iOS设备上运行应用程序时，开发者可能会遇到屏幕上下出现黑边的情况，这通常是因为应用界面没有正确适配设备的全屏幕显示。为了解决这一问题，我们需要了解几个关键的技术点和解决方案。 ### 关键技术点 1. **...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值