首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS -使用容器视图时如何避免将导航控件放在导航栏项目中

在使用容器视图时,可以通过以下方法避免将导航控件放在导航栏项目中:

  1. 使用自定义视图控制器:可以创建一个自定义的视图控制器,并将其作为容器视图的子视图控制器。这样,导航控件就不会出现在导航栏项目中。
  2. 使用容器视图控制器:可以使用容器视图控制器,如UITabBarController或UINavigationController,来管理容器视图中的子视图控制器。在这种情况下,将导航控件放在导航栏项目中是正常的行为。
  3. 使用自定义导航栏:如果需要在容器视图中使用导航控件,但不希望将其放在导航栏项目中,可以考虑使用自定义导航栏。通过创建一个自定义的导航栏视图,并将其添加到容器视图中,可以实现将导航控件放在容器视图中而不是导航栏项目中。

总结起来,避免将导航控件放在导航栏项目中的方法包括使用自定义视图控制器、容器视图控制器或自定义导航栏。具体选择哪种方法取决于你的需求和设计。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

即使空间充足,也应当避免让过多的控件填满你的导航。一般来说,导航上应该不多于以下三个元素:当前视图的标题、返回按钮和一个针对当前的操作控件。...在iOS 8以及之后的版本里,你可以通过UISearchDisplayController简单快捷地把搜索放在导航中。...由于集合视图的布局不是一个严格的线性布局,因此尤其适合用来展示一些尺寸不一致的。 集合视图支持广泛的自定义,因此我们要尽量避免把心思都放在进行全新的设计上。...有时候用户会觉得以列表呈现的信息更容易阅读和理解,例如文本信息放在滚动列表中的时候,用户阅读和处理起来会更为简单和高效。 让视图中的更容易选中。...用容器视图控制器来呈现内容,使用户可以通过控制器来以自定义的方式进行导航。 先问问你自己是不是必须用到容器视图控制器。用户会更习惯诸如对分视图、或者是标签视图这类他们所熟知的东西。

10.1K51

最新iOS设计规范三|3大界面要素:(Bars)

iPad上的拆分视图是一个例外,更多的是通过在这两种视图使用无边框样式来保持主视图和辅助视图之间的一致性。 导航控件 避免导航上挤满太多控件。...通常,导航最多只能包含视图的当前标题,后退按钮以及一个用于管理视图内容的控件。如果在导航使用分段控件,则该不应包含标题或分段控件以外的任何控件使用标准的返回按钮。...搜索可以单独显示,也可以显示在导航或内容视图中。当显示在导航,可以搜索固定在导航中,以便始终可以调用。也可以将其折叠,当用户向上滑动展开显示。...例如,如果iOS设备上没有歌曲,则“音乐”应用中的“立即收听”选项卡说明如何下载歌曲。 始终在附加视图中切换上下文。...避免在工具使用分段控件。分段控件允许用户切换上下文,而工具只对当前页面提供操作。如果你需要切换页面,请考虑使用标签

9.8K10

最新iOS设计规范五|3大界面要素:控件(Controls)

本文是iOS设计规范系列第5篇,介绍3大界面要素(视图控件)中的控件(Controls)。首先让我们回顾一下iOS的3大界面要素。...虽然子菜单可以缩短情境菜单并说明用户可以执行的命令,但是如果子菜单分还几个层级的话会使得体验变得复杂,并且让用户难以导航最常用的放在情境菜单的顶部。...当用户打开情境菜单,他们的焦点是位于菜单的顶部区域。最常用的应该放在菜单顶部,以便用户及时找到他们正在寻找的使用分隔符对相关菜单项进行分组。创建可视分组可以帮助用户更快地浏览菜单。...例如:你可以使用分隔符对与需要编辑的相关的操作进行分组,使用另一个分隔符对与共享的相关操作进行分组。 避免为同一目提供情境菜单和编辑菜单。...否则请使用加载器(转菊花)。 进度条用于持续时间明确的任务。进度条非常适合显示任务的状态,尤其是当它帮助传达任务需要完成多长时间。 在导航和工具中隐藏轨道的未填充部分。

8.5K30

iOS 11 更大的导航 (官方翻译版)

有时,导航的右侧包含一个控件,如编辑或完成按钮,用于管理活动视图中的内容。在拆分视图中,导航可能会出现在拆分视图的单个窗格中。...提示不需要导航使用工具,或者想要多个控件来管理内容。请参阅工具导航标题 考虑在导航中显示当前视图的标题。在大多数情况下,标题可帮助人们了解他们正在查看的内容。...但是,如果导航标题似乎是多余的,可以标题留空。例如,Notes不会为当前注释标题,因为第一行内容提供了所需的所有上下文。 ? 标准标题 ? 大标题 当您需要特别强调上下文,请使用较大的标题。...导航控件 避免拥挤导管的控制太多。通常,导航不应包含视图的当前标题,后退按钮和管理视图内容的一个控件。如果您在导航使用分段控件,则该不应包含标题或除分段控件之外的任何控件。...iOS使用此遮罩,可以在转换期间为按钮标题设置动画。 不要包含多段面包屑路径。后退按钮总是执行单个操作 - 返回到上一个屏幕。

2.8K30

iOS 与 Android 的APP 设计差异

全局导航(Android) 对比Apple,设计方法却截然不同。 iOS没有全局导航,因此我们不能指望像Android原生控件那样能支持全局返回。...但是安卓规范其实不建议同时使用底部导航和标签,因为它可能会在导航引起混乱。 底部导航(Material Design) 在Apple的人机交互规范中,没有类似抽屉菜单的标准导航控件。...相反,Apple则建议全局导航放在标签中。标签放在应用的底部,让应用的核心功能能够快速切换。 通常,底部标签不会超过5个。...改造标准控件需要额外的开发时间,用户也缺乏使用经验 如果希望应用中的每个元素在各个平台上看起来都一样,那么需要额外的开发工作来创建最佳的移动应用设计。...而在iOS中与之类似的按钮则叫做活动按钮,通常会放在底部导航的中间 左边是标准的iOS活动按钮;右侧是标准的Android浮动按钮 IOS与Android底部操作视图的差异 在Android中有两种不同类型的底部操作视图

3.2K10

iOS系统中导航的转场解决方案与最佳实践

所以本文为了更好的阐明问题,会采用英文区分不同的概念,当需要描述笼统的导航概念,会使用导航组件一词。...导航组件到底怎么了? 经常有人说 iOS 的原生导航组件不好使用,抱怨主要集中在导航组件的状态管理和控件的布局问题上。...控件的布局问题随着 iOS 11 的到来已经变得相对容易处理了不少,但导航组件的状态管理仍然让开发者头疼不已。 可能已经有朋友在思考导航组件的状态管理到底是什么东西?...常见的解决方案如下所示: 重新实现一个类似 UINavigationController 的容器视图管理器,这个容器视图管理器做好不同 ViewController 间的导航样式转换工作,而每个...这一节我们会以美团内部的解决方案为例,讲解如何实现一个流畅的导航跳转过程和相关使用方法。

2.3K30

最新iOS设计规范二|7大应用架构

iOS关于架构的指导原则分为7个如下的部分。 为了便于记忆,个人理解可以分为两类,一类是使用流程:启动 —新手引导—加载中—请求许可—设置。另一类是结构组建:模态和导航。...所以避免在新手引导中出现设置或权限许可信息。 快速进入。在系统启动屏幕替换为初始屏幕之后,应当让用户立即进入并开始享受您的应用程序。...例如,当模态视图包含导航,它应该采用与APP导航相同的外观。 为模态视图的展示提供合适的过渡动画。使用与APP风格统一的过渡动画,增强用户对内容转变的认知。...尽可能使用标准导航控件,例如页面控件,标签,分段控件,表视图,集合视图和拆分视图。用户已经很熟悉这些控件了,这样能够让用户更轻松地使用你的APP。 使用导航贯穿层级结构。...标签可让人们快速轻松地在不同类别之间切换。 在iPad上,使用拆分视图而不是标签。拆分视图提供与选项卡相同的快速导航,同时更好地利用了大屏幕。 当您具有内容类型相同的多个页面,请使用页面控件

2.6K20

Human Interface Guidelines —— 导航(Navigation Bars)

如果你实现这类行为,让用户用简单的手势恢复导航,如点击。 替代 在不需要导航使用toolbar,或者需要多个控件来管理内容。...但是,如果导航的标题看起来多余,则可以标题处留空。 例如,由于第一行内容提供了所需的所有上下文,因此Notes不会为当前的笔记加标题。 ?...---- 导航控件(Navigation Bar Controls) ? Navigation Bar Controls ·避免拥有太多控件的navigation bar。...如果您使用自定义图像替换系统提供的后退按钮V形图像,则也需要提供自定义遮罩图像。 iOS使用此遮罩在转场为按钮标题设置动画效果。 ·不要包含多段面包屑路径。...·考虑在导航使用segmented control来压平应用程序的信息层次结构。

2.4K110

iOS 9人机界面指南(一)上篇:UI设计基础 - 腾讯ISUX

这里有一个关于视图视图控制器如何结合并呈现iOS应用的UI的例子,如图。 ? 尽管开发者认为真正起到作用的是视图视图控制器,但一般用户感知到的iOS应用是不同屏幕内容的集合。...举个例子,当垂直尺寸从压缩变为常规导航和工具会自动变高。 当你靠尺寸类别来驱动布局变化时,你的应用在任何显示环境都能显示得很好。...例如,用户可能希望能在使用一个应用的同时还能一直听歌,接着又想用另外一个应用来检查代办或者玩游戏。关于如何正确处理多任务,请查阅Multitasking. 不要强制让应用退出。...尽管工具导航或标签相似,但是工具不具导航作用。相反,工具为用户提供了可以控制当前屏幕内容的控件。...在设计一个涉及视觉层次的模态任务特别要考虑这一点,因为用户有可能迷失并且忘记如何回到之前的操作中去。如果一个模态任务必须包含不同视图的子任务,确保给用户一个独立、清晰的导航路径,并避免迂回。

1.8K41

iOS开发常用之网络

使用基于ViewController的容器特性(而不是滚动视图)来管理各个子页面,以支持无限分页,源码推荐说明。...该项目通过三种形式展示页面之间的切换,比如导航上的多个选项卡切换,页面左右两端箭头指示切换,以及使用分段控件。...LTNavigationBar - LTNavigationBar为导航添加动态着色效果,可自定义其背景色.Demo包含:1。变换背景色; 2。滚动视图导航和状态重叠。...在故事板中使用GHSidebarNav侧开菜单控件iOS-Slide-Menu - 能够类似Facebook和Path那样弹出左右边侧滑菜单,还支持手势。...ARAnimation - ARAnimation对Core Animation进行了封装,帮助iOS开发者更加便捷的在项目中使用动画。

23.5K10

最新iOS设计规范十|5大拓展程序(Extensions)

加载文件提供程序扩展,其界面显示在包含导航的模式视图中。 ? 用户打开或导入文件,仅显示特定于上下文的文档和信息。当用户打开或导入文档,仅显示适合当前上下文的文档。...您的扩展程序加载到已经包含导航的模式视图中。提供第二个导航会造成混乱,并占用您内容的空间。...考虑人们可能想要共享哪些信息,以及他们如何在活跃对话的背景下与您的应用进行交互。 插入内容以避免裁切。应用程序的内容以带有圆角的消息气泡形式显示,因此请不要将重要信息放在拐角处。...不要提供自定义导航。您的扩展程序加载到已经包含导航的模式视图中。提供第二个导航会造成混乱,并占用正在编辑内容的空间。 让人们预览编辑。如果您看不到它的外观,则很难批准该编辑。...仅在必要提供接口。 避免模式视图放在扩展中。默认情况下,扩展显示在模式视图中。尽管在扩展名上方可能会发出警报,但请避免分层附加模式视图使用您的主应用程序表示冗长的操作进度。

3.1K10

React Native 系列(八) -- 导航

那么这篇文章介绍RN中的导航导航 什么是导航? 其本质就是视图之间的界面跳转,例如首页跳转到详情页。...注意:导航一定要有尺寸,flex: 1,否则看不到子控件 image.png 使用 image.png 2.获取Navigator,实现跳转 this.props.navigator.push...title:标题,如果设置了这个导航和标签的title就会变成一样的,不推荐使用 header:可以设置一些导航的属性,如果隐藏顶部导航只要将这个属性设置为null headerTitle...可以是按钮或者其他视图控件 headerLeft:设置导航条左侧。可以是按钮或者其他视图控件 headerStyle:设置导航条的样式。...Navigator Navigator作用:只提供跳转功能,支持 iOS 和 android 注意:导航条需要自定义,需要导航条的界面,自己添加 只要一个控件,包装成Navigator就能获取跳转功能

6K80

Cocoa编程中视图控制器与视图类详解

导航控制器自动构建并处理Back按钮; 3. 导航控制器提供简单的菜单可帮助用户进行自定义控件。4....使用pushViewController: animated:可推入一个新的控制器,从而增加新的导航栈。(记住:导航控制器不添加一个视图进去,这个导航是没有意义的!)...可使用popToRootViewControllerAnimated:BOOL直接弹出到根视图控制器。 6. 设置导航的按钮并不是去设置导航本身。...注意:对于导航定制,对定制实际标题的最简单方式使用视图控制器而不是导航的title属性: C代码   self.title = @"Hello";   self.title = [[[NSBundle...视图控制器剖析 视图控制器有一个导航,一个工具子项集以及一个tabbarItem与其关联。 3.

5K50

最新iOS设计规范四|3大界面要素:视图(Views)

本文是iOS设计规范系列第4篇,介绍3大界面要素(视图控件)中的视图(Views)。首先让我们回顾一下iOS的3大界面要素。...使用简单的活动标题来描述你的任务。标题显示在活动视图中的图标下方。短标题最好。当标题太长iOS首先缩小文本,然后如果标题仍然太长直接将其截断。一般来说,请避免在标题中包含你的公司名称或产品名称。...同一刻只显示一个滚动视图。用户经常会在滚动使用非常大幅度的动作,如此便会非常难以避免在同一屏幕中对相邻的滚动视图进行交互操作。...拆分视图提供与选项卡相同的快速导航,同时更好地利用了大屏幕。 为每种类型的列选择适当的样式。对于显示侧的主列,请使用侧栏外观。此外观适用于应用程序级导航和集合列表,例如Mail中的邮箱。...网页视图支持前进和后退导航,但默认情况下这种交互行为是被禁用了的。如果用户想通过网页视图访问多个页面,请启用前进和后退导航,并提供相应的控件来启动这些功能。 避免使用网页视图来构建一个网页浏览器。

8.4K31

iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

活动指示器: 当任务进行和加载旋转,任务完成后自动消失 不支持用户交互行为 在工具或主视图使用活动指示器来告知用户任务或加载正在进行中,但并不提示该过程何时会结束。 不要使用静止的活动指示器。...当视图数量超过页面宽度可承载的氛围,点的大小和间距并不会因此变小(如果需要显示的点超过一定数量,系统会把它截断) 默认情况下不支持视图之间导航;你必须实现视图视图之间的导航并适当地更新页面控件状态...页面控件不显示视图如何相互关联的,而且不表明哪个视图对应于每个点,因此它不能帮助用户导航到特定的视图避免显示太多点。超过10个点就很难让用户一目了然,而超过20个视图在序列中访问起来非常耗时。...因为表格视图的高度较大,内容滚动起来会更快。 4.3.10 进度视图 进度视图展示了任务或进程的进度(下图是iOS默认邮件App的工具)。 ?...使用指南可参考System Button. 4.3.13 分段控件 分段控件是一组分段的线性集合,每一个分段的作用类似按钮,点击之后切换到相应的视图。 ?

13.2K30

iOS 9人机界面指南(三):iOS 技术 (上)

一个应用至少需要把一个有用的任务放在主屏幕快捷操作里;你可以提供最多四个快捷操作。 避免使用主屏幕快捷操作去减少应用里导航的内容。...避免在图片编辑扩展中使用导航。如图所示,承载扩展的模态视图已经包含了导航,若再增加另一个导航,既会占据更多你的界面空间,还会使用户产生困扰。...为了简单起见,本节所使用的术语文档提供者扩展(Document Provider extension)是为了表述扩展中文档采集视图控制器部分的UI和体验。 避免在文档提供者扩展中使用导航。...iOS会显示扩展的自定义UI,而自定义UI又包含在文档采集视图控制器中基于导航的界面之中。所以,在内建导航之下再显示第二个导航使用户感到困惑,并且还会占据原本你的内容区域。...人们对于iOS的输入法切换按钮很熟悉,他们会期望在你的输入法中也有类似的体验。 ? 如果可能,在你的容器应用中包括一个教程。如果必要,使用你的自定义键盘的容器应用去给人们讲解如何启用和使用你的键盘。

1.6K60

导航设计的10种模式

导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。让用户能够顺利的在产品中畅行,让用户时刻清楚自己在应用中所处的位置,及如何前往目的页面。...实际项目中,顶部与底部配合使用的挺多。 ?...缺点: 用户不易发现,使用次功能需要二次点击,给用户在切换功能带来了操作成本; 可见性太差,用户还没能把汉堡菜单按钮和侧边联系起来,所以,侧边的渗透率很低; 不直观、不适用于主导航、如遇频繁操作的功能...一般位于产品顶部,通过点击呼出导航菜单; 通常用来筛选同一信息模块下不同类别的信息,或者快速启动某些常用的功能模块,而不需要频繁的页面跳转 ; Android中对应的控件为spinner控件,但该控件用于同一类别下不同视图之间的切换...iOS中下拉菜单为自定义控件,可以实现不同类别之间的切换; 下拉导航还有一种变式,就是下来菜单中展示两级甚至多级,一般在电商产品中比较常见,因为品类和筛选条件众多。 ?

3.4K40

react-navigation,刷新你的导航一、属性介绍二、案例

故不建议使用 header:设置一些导航的属性,若想要隐藏顶部导航则只需要把这个属性设置为null headerTitle:设置导航标题 headerBackTitle:设置跳转页面左侧返回箭头后面的文字...可以是按钮或者是其他视图控件 headerLeft:设置导航条右侧。...可以是按钮或者是其他视图控件 headerStyle:设置导航条的样式,背景色及宽高等 headerTitleStyle:设置导航文字样式 headerBackTitleStyle:设置导航"返回"...需要给每一都设置 tabBarLabel:设置标签的title 以下属性配合导航使用 tabBarPosition:设置tabBar的位置,属性值为top和bottom。...iOS默认在底部,安卓默认在顶部 swipeEnabled:是否允许在标签之间进行滑动 animationEnabled:是否在更改标签显示动画 lazy:是否在app打开的时候底部的标签全部加载

19.6K90

iOS 9人机界面指南(三):iOS 技术 (中) - 腾讯ISUX

放在底部附近也能减少干扰用户的可能性。 当用户体验存在中断使用模态视图来展示全屏横幅广告。如果你的应用中有自然中断或情景转换,用模态样式来展示会更合适。...当你使用非模态来显示全屏横幅(通过使用presentInView实现),可以在用户界面中保留 (bar) 使得用户可以通过应用中的控件进入或退出广告。...用户对系统提供的按钮的含义和行为都很熟悉,所以尽可能的使用系统动作按钮。如果你的应用没有工具导航,那就要另当别论了。...在这种情况下,你就需要自己设计一个可以出现在应用主界面的打印按钮,因为动作按钮只能在工具导航使用。...另外要注意的是,在导航视图中显示文件预览意味着允许Quick Look在导航上放置特定的预览控件。(如果你的视图中包含工具,Quick Look会将预览控件放在工具上。)

3.3K50
领券