iPad上添加顶部导航栏会遮挡控制器的view展示

最新推荐文章于 2025-11-05 21:22:23 发布

原创最新推荐文章于 2025-11-05 21:22:23 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#导航 #ipad #扩展

IOS学习之路专栏收录该内容

11 篇文章

订阅专栏

本文介绍了在进行iPad应用开发时遇到的一个常见问题：如何解决顶部导航栏导致的视图遮挡现象。通过调整edgesForExtendedLayout属性可以有效避免视图被遮挡，并提供了具体的实现方法。

第一次做iPad开发,需要用到顶部导航栏,但是直接设置顶部导航栏控制器的view并不会下移,导致视图被遮挡,通过设置

self.edgesForExtendedLayout = UIRectEdgeNone;

便能适配.

edgesForExtendedLayout
这个属性是UIExtendedEdge类型，用来制定视图的哪条边需要扩展。
比如UIRectEdgeTop，它把视图区域顶部扩展到statusBar（以前是navigationBar下面）；
UIRectEdgeBottom是把区域底部扩展到屏幕下方边缘。默认值是UIRectEdgeAll。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ReadyFlyStone

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

iOS开发-仿大众点评iPad侧边导航栏

weixin_34399060的博客

03-13

184

昨天其实已经写了一篇侧边栏的文章，不过感觉还不是很清晰，这篇文章算是补充吧，iPad上看了大众点评的侧边栏，基本上百分之九十类似，具体效果可参考下图: 对比昨天主要做了两个修改，一个是图片和文字的显示位置，另外一个就是关于底部的定位和设置的位置在横竖屏时显示的问题，侧边栏的区域是是自己控制的，需要注意一下横竖屏的时候设置一下autoresizingMask，底部图标定位的时候也是一样设...

ipad上面安装view

weixin_33695082的博客

02-24

690

最近很多客户都在问怎么在ipad上面安装view的问题 view虽然非常强大，不过大部分同学都view在ipad上的使用都有一些误区其实view是分两个方面的一个是server，也就是view的服务器，上面包括也manager 还有一个是用于连接view的client. 各位同学当部署完毕后view，可以直接在IE中输入view server的网址，然后可以看到...

参与评论您还未登录，请先登录后发表或查看评论

数据库迁移停机时间从4小时压到90分钟？揭秘金仓KReplay的核心魔法

最新发布

byte轻骑兵的技术小窝

11-05

2万+

金仓KReplay工具在数据库迁移中展现显著优势金仓数据库推出的KReplay负载回放工具解决了传统数据库迁移面临的停机时间长、人力资源消耗大、风险预判难和验证效率低等核心问题。

ios中导航栏的设置

rv0p111

07-11

610

[self.navigationItem.leftBarButtonItem setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys: [UIFont boldSystemFontOfSize:15],NSFontAttributeName, nil] forState:UIControlStateNormal];//设

ios中在ipad键盘上添加自定义view

loiszxy的博客

10-16

1046

最近在开发ipad的过程中,遇到一个需求就是需要在iPad键盘中添加一个字数统计的view.首先这个需求,字数统计的功能可以暂且不看,然后最主要的问题是怎么将这个view添加到键盘上.在网上搜了很久,发现解决这个问题的步骤就两个,1.首先是先定义好一个view,2.将view添加到键盘上.然后继续分解问题,定义一个view,比较简单,网上很多人都用一个ToolBar来实现,但是我这个需求比较简单,

如图的pad上的左侧导航栏怎么做

guai25qiaokn的专栏

08-06

828

我想这用自定义的一个布局里面放图片和文字，不知道怎么能成选择后就一直显示被选中状态，就像radiobutton那样。普通的button只有按着才会显示被选中状态，一松就成原样了。不知道我表达的清不清楚，大家看下图。帮我解决下。微博桌面截图_20140501105712.jpg (24.24 KB, 下载次数: 4) 就像这个左边的导航栏

32、iOS视图控制器：布局、状态栏与旋转的全面解析

fox11的博客

05-17

本文深入解析了iOS视图控制器中的布局管理、状态栏控制以及设备旋转处理。涵盖了安全区域的使用、状态栏样式的自定义、视图扩展布局的设置以及旋转事件的处理方法，旨在帮助开发者创建适应性强、用户体验良好的iOS应用。

12、iOS应用界面定制：导航栏、状态栏与动态字体

raspberrypi5的博客

08-22

131

本文详细介绍了iOS应用开发中界面定制的关键部分，包括导航栏、状态栏的外观调整、深色模式适配、动态字体支持以及相关技巧。通过代码示例和实践建议，帮助开发者提升应用的美观性和用户体验。

65、iPad应用开发优化指南

rrr55的博客

09-02

本博客详细介绍了如何对iPad应用进行优化，包括部署平台设置、分屏视图控制器的使用、次面板的优化、尺寸类的应用、自定义弹出菜单的创建、电子邮件的发送以及大屏iPhone横屏模式的处理。通过这些优化措施，可以提升iPad应用的用户体验，充分利用大屏幕的优势。

13、为iOS应用添加搜索栏与引导页：SwiftUI实战指南

read5的博客

08-27

本文详细介绍了如何使用SwiftUI为iOS应用添加搜索栏与构建引导页。通过`searchable`修饰符可以轻松实现搜索栏，并结合数据过滤与搜索建议提升用户体验；而使用`TabView`则可以快速构建分页引导页，配合按钮与`UserDefaults`实现状态存储。这些技术能够有效提升应用的易用性与用户交互体验，适合iOS开发者学习与实践。

6、iOS应用设计元素全面解析

zz67890的博客

07-15

本文全面解析了iOS应用开发中的核心设计元素，包括常见的手势识别器、视图控制器以及临时用户界面元素。详细介绍了各个组件的功能特点、适用场景及配置方法，并通过对比表格、流程图和代码示例帮助开发者更好地理解和应用。适用于希望提升iOS界面设计和交互体验的开发者参考学习。

ipad开发中UIPopoverController中显示自定义view尺寸显示问题

u013397636的博客

09-17

598

如题，iPad中控制器的view的尺寸默认都是1024x768, MTHomeDropdown的尺寸默认是300x340（自定义）自定义View显示在popover中,尺寸变为480x320（自定义）, MTHomeDropdown的尺寸也跟着减小:0x0（近似）。如下解决方法：在自定义ViewController 加如下代码： XXX.autoresizingMask

iOS开发-iPad侧边栏Tab选项卡切换

weixin_33758863的博客

11-22

1182

Android中习惯了叫侧边栏，iOS中如果不习惯侧边栏称呼的话可以叫dock，侧边栏的切换，类似于Android中的底部导航栏的切换，iPad尺寸大了一些，导航的栏目放在侧边会显示的更好耐看一些。选项卡是用按钮实现的，通过按钮的状态控制按钮的背景图片，最后通过按钮的Tag属性进行相对应的操作，iPad需要考虑一个横竖屏的问题，不过现在有些项目为了效果也...

ios状态栏，导航栏，工具栏，tab栏的位置，附图

lklmr的专栏

03-13

1万+

在iOS应用程序开发时，UIKit 框架提供了大量的UI元素共开发者使用。但开发者设计应用程序的用户界面时，一定要记得用户对于系统内置的那一套应用程序已经非常熟悉，所以开发者一定要正确的使用这些UI元素，遵循系统内置应用的标准更容易让用户快速上手你的应用。　　另外，使用标准UI的好处就是它们能够自动收到iOS的更新，当开发者使用这些标准的UI，同时可以自定义元素的样式，同样可以收到样式的自

ios3 navigationbar 遮挡问题

jimmychan的博客

12-01

602

ios开发过程中遇到view，tableview向上移动64像素被navigationbar遮挡解决方法self.navigationController.navigationBar.translucent = NO; self.tabBarController.tabBar.translucent = NO;

ios tabbar和布局

baidu_40537062的博客

12-02

647

如下图，你在布局的时候tabbar下面的地方是不包括在内的，不是tabbar遮挡了下面的视图，而是tabbar下面根本没有视图参考博客： ios(swift)显示和隐藏（收起）tabBar

iOS14适配【解决iOS14下pop多层控制器至首页时，tabbar不显示问题】之问题分析篇

专注于计算机研发知识和资讯分享

01-26

2415

文章目录引言I、 demo 的构建1.1 问题重现步骤1.2 构建重现demoII 、打印日志分析viewControllers2.1 iOS14 pop至首页之后的viewControllers 分析2.2 iOS13 pop至首页之后的viewControllers 分析2.3 结论2.3.1 iOS系统获取hidesBottomBarWhenPushed机制III、使用 symbolic Breakpoint 分析hidesBottomBarWhenPushed 的获取时机IV、使用hook

iOS13 去掉Tabbar上方黑色线

syqaxldy的博客

06-16

768

因项目要适配 iPad 所以在iPad上运行发现Tabbar上方有条黑色线,但是iPhone真机上和模拟器是上都没有, 尝试了各种方法都去不掉只需下面几段代码即可 // 隐藏tabbar黑色线条 if (@available(iOS 13.0, *)) { UITabBarAppearance *a = self.tabBar.standardAppearance; a.shadowImage = [ARTabBarContro.

SwiftUI 6.0（iOS/iPadOS 18）中全新的 Tab 以及 Sidebar+悬浮 TabView 样式

享受开发，颠倒银河

06-20

4301

在本篇博文中，我们介绍了 SwiftUI 6.0（iPadOS 18/iOS 18）新标签页中新增的 Tab 和 TabSection 原生视图，并进一步讨论了如何让 TabView 支持 Sidebar 样式以及其它有趣的新特性。

web移动端页面上滑时候顶部导航会被遮挡一半

09-24

对于解决web移动端页面上滑时顶部导航被遮挡一半的问题，可以参考以下方法： - **添加底部空白块**：在webview下添加一个没有内容的块，给这个块设置下边距，下边距宽度为底部导航的高度加上移动端的安全区域到底部边界的距离（safe - area - inset - bottom），再将下边距设置为白色。这样做可以防止底部导航遮盖页面内容，对于解决顶部导航被遮挡可能也有间接帮助，因为页面布局的调整可能会影响整体的显示效果 [^1]。 - **使用API调整webview高度**：通过`getAppWebview`、`getSystemInfo`来调整webview高度。在`onLoad`函数中，先定义动态的高度变量和动态状态栏高度变量，使用`uni.getSystemInfo`获取当前设备的具体信息，包括状态栏高度和窗口高度。然后获取当前web - view，通过`setTimeout`延迟200ms后设置web - view距离顶部的距离以及自身的高度。确保webview的布局合理，避免因布局问题导致顶部导航被遮挡 [^2]。 - **固定导航栏**：当用户滑动页面时，将导航栏固定在页面上方。将相关代码放在jquery的`scroll`事件当中，即`$(window).scroll(function(){... });`。根据页面滚动的位置来改变导航栏的样式。当`$(document).scrollTop() < 90`时，设置导航栏的`position`为`relative`；当滚动位置超过90px时，设置导航栏的`position`为`fixed`，并根据移动端和PC端进行不同的适配，以保证导航栏始终可见且布局合理 [^3]。以下是固定导航栏的示例代码： ```javascript $(window).scroll(function(){ if($(document).scrollTop() < 90){ $('#mynavbar').css({ "position":'relative', 'margin-left':'0px', 'margin-top':'0px' }); $('#mottopal').css({ 'margin-top':'0' }); }else{ $('#mynavbar').css({ 'z-index':'2', "position":'fixed', 'margin-left':'0px', 'margin-top':'-90px', 'width':'100%' }); if(navigator.userAgent.match(/mobile/i)){ $('#mottopal').css({ 'margin-top':'144px' }); }else{ $('#mottopal').css({ 'margin-top':'45px' }); } } }); ```