总结UIViewController的view在有navBar和tabBar影响下布局区域的问题

最新推荐文章于 2021-09-07 14:29:24 发布
最新推荐文章于 2021-09-07 14:29:24 发布
阅读量220 收藏
点赞数
文章标签： xcode
原文链接：http://www.cnblogs.com/bridge-wuxl/p/10790888.html
版权
影响 View 布局区域的有以下三个属性:
self.edgesForExtendedLayout (影响View布局区域的主要属性)
self.navigationController.navigationBar.translucent (navigationBar 是否半透明)
self.tabBarController.tabBar.translucent (tabBar 是否半透明)
 
-------------------------------------------------------------------------------------
case 1: edgesForExtendedLayout = UIRectEdgeAll
条件: navigationBar.translucent = YES && tabBar.translucent = YES
结果: View Top == navigationBar Top，View Bottom == tabBar Bottom
 
条件: navigationBar.translucent = NO && tabBar.translucent = YES
结果: View Top == navigationBar Bottom，View Bottom == tabBar Bottom
 
条件: navigationBar.translucent = YES && tabBar.translucent = NO
结果: View Top == navigationBar Top，View Bottom == tabBar Top
 
条件: navigationBar.translucent = NO && tabBar.translucent = NO
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
-------------------------------------------------------------------------------------
case 2: edgesForExtendedLayout = UIRectEdgeTop
条件: navigationBar.translucent = YES && tabBar.translucent = YES
结果: View Top == navigationBar Top，View Bottom == tabBar Top
 
条件: navigationBar.translucent = NO && tabBar.translucent = YES
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
 
条件: navigationBar.translucent = YES && tabBar.translucent = NO
结果: View Top == navigationBar Top，View Bottom == tabBar Top
 
条件: navigationBar.translucent = NO && tabBar.translucent = NO
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
-------------------------------------------------------------------------------------
case 3: edgesForExtendedLayout = UIRectEdgeBottom
条件: navigationBar.translucent = YES && tabBar.translucent = YES
结果: View Top == navigationBar Bottom，View Bottom == tabBar Bottom
 
条件: navigationBar.translucent = NO && tabBar.translucent = YES
结果: View Top == navigationBar Bottom，View Bottom == tabBar Bottom
 
条件: navigationBar.translucent = YES && tabBar.translucent = NO
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
 
条件: navigationBar.translucent = NO && tabBar.translucent = NO
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
-------------------------------------------------------------------------------------
case 4: edgesForExtendedLayout = UIRectEdgeNone
条件: navigationBar.translucent = YES && tabBar.translucent = YES
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
 
条件: navigationBar.translucent = NO && tabBar.translucent = YES
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
 
条件: navigationBar.translucent = YES && tabBar.translucent = NO
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
 
条件: navigationBar.translucent = NO && tabBar.translucent = NO
结果: View Top == navigationBar Bottom，View Bottom == tabBar Top
-------------------------------------------------------------------------------------
 
iOS 7.0以后
self.navigationController.navigationBar.translucent 和 self.tabBarController.tabBar.translucent 默认值都为 YES.
iOS 6.0以下系统
navigationBar 和 tabBar 默认都是不透明的。
 
edgesForExtendedLayout 的枚举项:
UIRectEdgeNone = 0, navBar 底部与 tabBar 上部之间
UIRectEdgeTop = 1 << 0, navBar 上部与 tabBar 上部之间
UIRectEdgeLeft = 1 << 1,
UIRectEdgeBottom = 1 << 2, navBar 底部与 tabBar 底部之间
UIRectEdgeRight = 1 << 3,
UIRectEdgeAll = UIRectEdgeTop | UIRectEdgeLeft | UIRectEdgeBottom | UIRectEdgeRight
 
下面图中展示了 UIView 的四种情况下的布局区域，绿色为目标 UIView:
View Top == navigationBar Bottom，View Bottom == tabBar Top
 

 

View Top == navigationBar Top，View Bottom == tabBar Bottom

 

 
View Top == navigationBar Bottom，View Bottom == tabBar Bottom

 

 
View Top == navigationBar Top，View Bottom == tabBar Top

 

 
注：
本文是受 http://blog.sina.com.cn/s/blog_1410870560102wu9a.html 启发而写的一篇文章。
本文论证结果是在xcode iOS 12.1 IPhone XR 模拟器上进行的数据校对。

转载于:https://www.cnblogs.com/bridge-wuxl/p/10790888.html

weixin_30797027
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第四篇【传奇开心果短博文系列】鸿蒙开发技术点案例示例：TabBar和Navbar实现页面切换
jackchuanqi的博客
01-26 1329
除了前面页面路由实现页面切换，使用组件TabBar和Navbar也能实现页面切换。搭配使用可以更加灵活多样的实现页面切换。
iOS swift 总结NavigationController出现问题及解决方法
09-01
在iOS应用开发中，`UINavigationController` 是一个关键组件，它负责管理一系列的`UIViewController`实例，通过堆栈的方式进行导航。Swift中的`NavigationController`提供了很多便利功能，如自动处理返回按钮、导航...
iOS 布局受导航栏影响
程序小痴的博客
06-14 646
出现这类问题一般是translucent属性或者升级iOS11之后突然出现的。translucent属性的影响详情可以参考http://www.jianshu.com/p/eba6bda5ff37。 当你去做“透明”导航栏效果的时候，一般来说translucent是YES的，这个时候坐标系统是从整个屏幕的最顶部开始的（被导航栏遮挡，但此时导航栏是透明的也就没有任何影响），但是当你push到下一层...
tabbar和navBar并存
tiny19891219的博客
11-14 2429
tabbar和navBar并存，点击tablecell能够push到另外一个页面。 先让我们来看看是如何实现的吧！ 首先，新建一个项目，一个Tab Bar Application模板的项目。 接着，打开项目中的MainWindow.xib文件，在Interface Builder中看到这样的内容： 我们可以看到，在Tab Bar Controller下包含了三个内容，Ta...
(转) TabBar/NavBar/Toolbar 自定义背景
任香980101
01-12 187
方法一 @implementation UINavigationBar (UINavigationBarCategory) - (void)drawRect:(CGRect)rect { //加入旋转坐标系代码 // Drawing code UIImage *navBarImage = [UIImage imageName...
Navbar和Tabbar常用设置
weixin_30437481的博客
11-08 272
1.navBar [self.navigationController.navigationBar setBackgroundImage:navBarImage forBarMetrics:UIBarMetricsDefault]; [self.navigationController.navigationBar setShadowImage:navBarI...
iOS开发教程之UIView和UIViewController的生命周期详解
08-27
在iOS开发中，UIView和UIViewController是构建用户界面的核心组件。它们的生命周期管理对于理解应用程序的行为至关重要。在这篇教程中，我们将深入探讨这两个类的生命周期，以及如何在实际开发中运用。 首先，我们...
iOS界面跳转时导航栏和tabBar的隐藏与显示功能
08-31
在iOS应用开发中，用户界面的布局和交互是至关重要的组成部分。导航栏（NavigationBar）和TabBar（Tab Bar）作为常见的UI元素，它们的隐藏与显示对于提升用户体验有着显著的作用。本文将详细介绍如何在界面跳转时...
RDVTabBarController：高度可定制的iOS的tabBar和tabBarController
02-03
创建的实例tabBarController和初始化其viewControllers 。 UIViewController *firstViewController = [[RDVFirstViewController alloc ] init ]; UIViewController *firstNavigationController = [...
iOS App开发中UIViewController类的使用教程
09-02
此外，UIViewController还提供了一些重要的属性，如`view`（当前UIViewController的根视图）、`parentViewController`（父控制器，如果有的话）、`childViewControllers`（子控制器数组）等，它们可以帮助构建复杂的...
iOS - 实现映客首页 TabBar 和滑动隐藏 NavBar 和 TabBar
cleven
01-14 388
原文链接：http://www.jianshu.com/p/72228667cd7a 之前在做直播的时候，参照了映客 App，发现其首页的效果还挺不错，在网上找了一下相关仿映客 App 代码和博客，大部分都是说如何播放直播流和推流，对于 UI 这块甚少，所以我自己花了点时间研究了一下映客的首页 UI 效果。 —— 由 稀土君 分享 之前在做直播的时候，参照了映客App，发现
微信小程序自定义TabBar和NavBar
专注前端技术，包括Web端、移动端、小程序、APP
08-24 1076
先看效果图 看似和正常开发的小程序布局相同，但代码却不相同，从而在自定义的代码中可以编写在默认模板中不能帮助我们完成的事情。 首先来说TabBar，这个内容的实现很容易，Flex布局嘛，除了这种很普通的样式，还可以自定义实现 TabBar的目录结构： TabBar、NavBar、以及主页面都定义为组件，使用的思路是： 在pages目录下定义一个页面，也就是小程序的入口页面，在入口页面中调用TabBar组件，接着需要在这个页面中监听TabBar组件的点击变化。从而控制显示不同的主页面。 pageIte
Vue - 基于vant的APP框架(navbar+tabbar+router)
iotjin的专栏
06-17 5778
demo 地址: https://github.com/iotjin/jh-vue-demo的app1项目 本篇主要介绍如何使用vant的navbar、tabbar和vue-router 创建一个vue版的APP基础框架(适配刘海屏) app的主界面一般由三部分构成：navbar + 主体内容 +tabbar，如下图： 所以需要创建navbar组件和tabbar组件，然后通过router-view映射组件，连通单个页面 1、首先要有Vue项目 Vue - Mac安装vue-cli4.x 并创建.
UIViewController的view在有navBar和tabBar影响下布局区域的问题
小龙的博客
09-07 512
转自:https://www.cnblogs.com/bridge-wuxl/p/10790888.html 影响 View 布局区域的有以下三个属性: self.edgesForExtendedLayout (影响View布局区域的主要属性) self.navigationController.navigationBar.translucent (navigationBar 是否半透明) self.tabBarController.tabBar.translucent (tabBar 是否半透明)
解决含有 TabbarVC的 UIViewController 在 NavigationViewController显示时变换的问题
学习笔记
09-02 621
正在弄一个应用，有个主 VC 含有 TabVC，这个 VC 还在一个 NavigationVC 中，当次 VC 也就是 AboutVC被压入 NavigationVC的时候，在 AboutVC 显示出来之后，里面的内容位置又进行了调整。 设置如图 解决办法 在 AboutVC 显示之前，把其 Tabbar 先给手动隐藏 override func viewWillAppear(_ anim
带Tabbar控制器push没有Tabbar的ViewController时控件下移
weixin_34159110的博客
12-14 279
###根视图控制器push没有Tabbar的ViewController时按钮下移 当我们的某个控件相对于ViewController的View的底部相对布局时，由带Tabbar的控制器（也就是根视图控）跳转到制器不带Tabbar的控制器时会发成控件下移，这个移动的距离其实就是Tabbar的高度 如图： push的时候常用 viewController.hidesBottomBarWhenP...
微信小程序自定义组件实现 tabBar、navBar
weixin_34392843的博客
01-13 1064
久不写文，手有些生，见谅。 最近App项目要将其中一个模块抽出来做成小程序， 功能包含 ：底部的Tab栏，顶部的标题栏 这里选择自定义的原因有两点： narBar 微信原生不支持设置返回图标，且在 Android 上标题是居左显示，在 iOS 上是居中显示。 底部的 tabBar 不支持点击跳页面，图标布局不支持超过 tabBar 的高度。 下面两张图是简单实现的效果。 实现分析 源码地...
NavigationController 第一页不显示 NavigationBar 的方法 Swift ios
学习笔记
07-08 2819
NavigationController 第一页不显示 NavigationBar 的方法 Swift ios StackOverFlow 原问题地址 UINavigationController 有个方法是 setNavigationBarHidden()，重写这个方法， 在页面即将： - 出现的时候(viewWillAppear) 隐藏 NavigationBar - 即将消失的时候
Viewer.js的使用
热门推荐
神奇的酱油的博客
09-29 11万+
viewer.js GitHub地址：https://github.com/fengyuanchen/viewerjs https://github.com/fengyuanchen/viewer 两个版本的使用方式不完全相同； 尽管作者已经将使用方法都列出了（https://github.com/fengyuanchen/viewerjs#table-of-contents），但还是记录一...
在视图中添加一个按钮和view，点击按钮随机改变view的背景色
最新发布
05-11
首先，在你的视图控制器中创建一个按钮和一个空的视图。 ```swift class ViewController: UIViewController { let button = UIButton() let viewToChange = UIView() override func viewDidLoad() { super....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值