iOS导航栏视图层级分析

最新推荐文章于 2020-04-13 10:39:19 发布
最新推荐文章于 2020-04-13 10:39:19 发布
阅读量998 收藏 1
点赞数 1
分类专栏： iOS开发 UI 文章标签： UINavigationBar iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qfeung/article/details/88804167
版权
问题概述

随着 iOS 版本的提高, 导航栏视图层级和结构变得愈加复杂, 刘海屏的适配, 按钮的位置调整, 需要关注的问题越来越多.

导航栏视图层级的演进
iOS 9 时代

iOS9时代的导航栏

iOS 10 时代

iOS10时代的导航栏

iOS 11 时代的导航栏(最新)

在这里插入图片描述
在这里插入图片描述

  1. 导航栏上的标题和操作按钮全部成为_UINavigationBarContentView的子视图, 类似于UITabViewCell的contentView属性;
  2. UIVisualEffectView及其子视图负责半透明效果;
  3. 一个导航栈中的所有控制器共同拥有一个UINavigationBar;
  4. iOS11 开始, 导航栏采用了自动布局(AutoLayout);
疑点

_UIVisualEffectBackdropView和控制器根视图的颜色为什么是一样的(这里都是白色, 如果设置成其它颜色, 它们两个的颜色会保持一致), 但是从右侧详情中看到的颜色却为nil.
在这里插入图片描述

依旧风轻
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
swift-继承自UIVisualEffectsView的支持动态调整模糊度的iOS库
08-15
继承自 UIVisualEffectsView 的支持动态调整模糊度的iOS库
iOS应用开发中导航栏按钮UIBarButtonItem的添加教程
09-02
主要介绍了iOS应用开发中导航栏按钮UIBarButtonItem的添加教程,文中详细介绍了使用UINavigationController导航控制器添加的过程,需要的朋友可以参考下
iOS 导航栏自带页面右滑pop使用示例
08-28
本篇文章主要介绍了iOS 导航栏自带页面右滑pop使用示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iOS仿网易新闻滚动导航条效果
01-20
本文实例为大家分享了iOS滚动导航条效果展示的具体代码，供大家参考，具体内容如下 实现效果 效果：选择不同的栏目，下面出现不同的视图，栏目条可以滚动；下面的视图也可以滚动，滚动时上面对应的栏目要选中颜色为红色； 滚动的导航条包括两部分：标题滚动视图(UIScrollView)，内容滚动视图(UIScrollView) 实现代码 1.首先实现Main.storyboard 2.创建多个子控制器:头条、科技、汽车、体育、视频、图片、热点 // 头条ViewController, 其它控制器和这个控制器都一样，只是背景颜色不同而已 #import <UIKit> @in
iOS 隐藏导航条和状态栏实现方法
01-05
iOS  隐藏导航条和状态栏实现方法 状态栏的高度是20，导航栏的高度是44，如果同时存在状态栏的导航条，我们通常会设置view上的控件的位置的X 大于等于 64. 一：隐藏导航条：self.navigationController.navigationBarHidden = YES; 二：隐藏状态栏： 第一步：在info.plist 文件里增加两个类型(Type)为bool 选项， Status bar is initially hidden 设为YES；View controller-based status bar appearance 设为NO； 第二步：在想要隐藏状态栏的页面的写
UINavigationBar、UITabBar 透明
Kirin的博客
04-13 1621
前言：首先了解UINavigationBar、UITabBar层级结构 1、UITabBar从1-7的排序依次是： UIWindow (红色部分) UILayoutContainerView UITransitionView UITabBar _UIBarBackground UIImageView UIVisualEffectView _UIVisualEffectB...
解决 Cycript 信息显示不全的问题
十年磨一剑，霜刃未曾试!
01-20 711
通过 cycript 注入进程，打印出 UI 结构信息，但是有时会发现显示信息不全，如下所示： # cycript -p Cydia cy# UIApp.keyWindow.recursiveDescription().toString() `&lt;UIWindow: 0x727430; frame = (0 0; 320 568); gestureRecognizers = &lt;NSA...
适配第三方库QMUIKit在iOS13的问题【 -[_UINavigationBarContentView setDirectionalLayoutMargins:],】“KVC访问私有属性”
热门推荐
iOS逆向与安全
02-12 2万+
前言 升级Xcode之后，今天在iOS13中打开app的时候闪退，错误信息是*** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Client error attempting to change layout margins of a private view' ***...
iOS开发屏幕及其他视图层次
吴福增的博客
11-30 3802
//屏幕视图分层 1.UIWindow 2.UILayoutContainerView 3.UITransitionView 4.UIViewControllerWrpaperView 5.UILayoutContainerView--> //就是self.navigationController.view 6.UINavigationTransitionView 7.UIVie
iOS UIVisualEffectView 为视图添加特殊毛玻璃的效果
wsj13676990165的博客
04-03 4883
苹果中的滤镜种类 很多，今天给大家介绍一款特殊滤镜效果的类--->UIVisualEffectView 他是在iOS 8后，苹果开放了不少创建特效的接口，其中就包括创建毛玻璃(blur)的接口，在使用的时候创建UIVisualEffectView的一个对象 这个对象提供了一种简单的方式来实现复杂的视觉效果。这个可以把这个对象看作是效果的一个容器，实际的效果会影响到该视图对象底下的内容，或者是添
Blurberry-使用UIVisualEffectView进行透明模糊而无需子类化-Swift开发
05-27
Blurberry-使用UIVisualEffectView而不使用子类的透明模糊Blurberry使用UIVisualEffectView而不使用子类的透明模糊。 [视频演示] [开胃演示]基于UIVisualEffectView的功能支持iOS 14和动画块超级安全和超级容易用法只需以任何方式创建UIVisualEffectView。 代码，情节提要，XIB等。通过模糊包装器自定义波纹管，例如以下示例：visualEffectView.blur.radius = 5.0 visualEffectView.blur.tintColor = .clear安装Cocoapods将Blurberry容器添加到Podfile：平台：
UINavigationBar的层次说明（附：简单实例源码）
04-08
NULL 博文链接：https://andli.iteye.com/blog/1609720
关于iOS导航栏返回按钮问题的解决方法
09-02
主要为大家详细介绍了关于iOS导航栏返回按钮问题的解决方法，对iOS自定义backBarButtonItem的点击事件进行介绍，感兴趣的小伙伴们可以参考一下
iOS导航栏控制的一些总结
08-25
主要给大家介绍了关于iOS导航栏控制的相关资料，文中通过示例代码介绍的非常详细，对各位iOS开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
ios-导航条弹出视图.zip
07-11
[email protected]:ZhaoFeiK/PopupView.git
iOS如何为导航栏添加播放动画
08-29
主要为大家详细介绍了iOS如何为导航栏添加播放动画的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ios-导航栏渐变.zip
07-11
个人头像可以随手指移动缩放到导航栏。参考了 《仿买单吧APP个人中心导航栏渐变》(http://code.cocoachina.com/view/136112)， 下期项目需要，提前造轮子，因为要求布局用masonry，所以自己重新写了代码。 同时代码...
iOS 11 UINavigation 异常
weixin_33858485的博客
12-19 418
在iOS 11系统上，UINavigation 添加 searchBar，导致UINavigationBar高度异常。 在iOS 11系统上，UINavigation 添加了searchBar之后，UINavigationBar的高度变成了56；在iOS 11系统以下，高度是44。 iOS 11系统UINavigation结构发生了改变。。 iOS11以前是直接把按钮加到了UINavigation...
iOS系列UI篇——UIVisualEffectView
iOS菜鸟Happy的博客
12-11 1300
这是一个iOS 8.0才出来的效果——毛玻璃~现在很多APP都已经在用了，从用户体验这个角度来说，确实更能直接的吸收到用户眼球！功能比较简单，直接上代码 #import "ViewController.h" #define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width #define SCREEN_HEIGHT [UIScreen ma
iOS一个视图如何写多个UITableView
最新发布
07-16
在iOS中，一个视图只能有一个UITableView。但是可以通过创建多个UITableView来实现一个视图中显示多个表格的效果。以下是一个示例代码： 首先，你需要在视图控制器中添加多个UITableView的实例变量： ```swift class YourViewController: UIViewController { var tableView1: UITableView! var tableView2: UITableView! // ... } ``` 然后，在视图加载完成后，你可以创建和配置这些UITableView的实例： ```swift override func viewDidLoad() { super.viewDidLoad() // 创建第一个UITableView tableView1 = UITableView(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: view.frame.height/2)) tableView1.dataSource = self tableView1.delegate = self view.addSubview(tableView1) // 创建第二个UITableView tableView2 = UITableView(frame: CGRect(x: 0, y: view.frame.height/2, width: view.frame.width, height: view.frame.height/2)) tableView2.dataSource = self tableView2.delegate = self view.addSubview(tableView2) // ... } ``` 接下来，你需要实现UITableViewDataSource和UITableViewDelegate协议的相关方法来提供表格的数据和处理交互事件。例如： ```swift extension YourViewController: UITableViewDataSource { func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { if tableView == tableView1 { // 返回第一个UITableView的行数 return 10 } else if tableView == tableView2 { // 返回第二个UITableView的行数 return 5 } return 0 } func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) if tableView == tableView1 { // 配置第一个UITableView的单元格 cell.textLabel?.text = "Table View 1 - Row \(indexPath.row)" } else if tableView == tableView2 { // 配置第二个UITableView的单元格 cell.textLabel?.text = "Table View 2 - Row \(indexPath.row)" } return cell } } extension YourViewController: UITableViewDelegate { func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { if tableView == tableView1 { // 处理第一个UITableView的行选中事件 print("Table View 1 - Row \(indexPath.row) selected") } else if tableView == tableView2 { // 处理第二个UITableView的行选中事件 print("Table View 2 - Row \(indexPath.row) selected") } } } ``` 这样，你就可以在同一个视图中使用多个UITableView了。记得在视图控制器中遵循UITableViewDataSource和UITableViewDelegate协议，并在视图加载完成后设置数据源和代理。 希望这能帮到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

依旧风轻

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值