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

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

有时,导航栏的右侧包含一个控件,如编辑或完成按钮,用于管理活动视图中的内容。在拆分视图中,导航栏可能会出现在拆分视图的单个窗格中。...导航栏是半透明的,可能具有背景色调,并且可以配置为在屏幕上键入屏幕时隐藏,发生手势或视图调整大小。 ? 考虑在显示全屏内容时暂时隐藏导航栏。当您想关注内容时,导航栏可能会分散注意力。...暂时隐藏酒吧,提供更身临其境的体验。查看全屏照片时,照片会隐藏导航栏和其他界面元素。如果您实现这种行为,让用户使用简单的手势(如轻按)来还原导航栏。...大标题 当您需要特别强调上下文时,请使用较大的标题。在一些应用程序中,大标题的大胆大胆的文字可以帮助人们浏览和搜索。例如,在标签布局中,大标题可以帮助澄清活动选项卡,并在用户滚动到顶部时通知用户。...如果您在导航栏中使用分段控件,请仅在层次结构的顶层执行此操作,并确保在较低级别选择准确的后退按钮。有关其他指导,请参阅细分控件。 ? image.png

2.9K30

Human Interface Guidelines —— 导航栏(Navigation Bars)

有时,navigation bars的右侧包含一个control,如Edit或Done按钮,用于管理活动视图中的内容。 ...split view(分割视图) ·Navigation Bars是半透明的,可以具有背景色,并且可以配置为当键盘出现在屏幕上 / 使用手势 / 视图大小调整时隐藏。...·显示全屏内容时可考虑暂时隐藏navigation bars。 当您想要聚焦内容时,navigation bar可能会分散注意力。 暂时隐藏navigation bar以提供更加身临其境的体验。...照片在查看全屏照片时会隐藏navigation bar和其他界面元素。 如果你实现这类行为,让用户用简单的手势恢复导航栏,如点击。...尽管闹钟app具有tabbed layout,但大标题并不是必要的,因为每个tab都具有明显的、可识别的布局方式。  ---- 导航栏控件(Navigation Bar Controls) ?

2.5K110
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

    4.1.3 工具栏 工具栏上放置着用于操作当前屏幕中各对象的控件。 ? ?...工具栏: 是半透明的 在iPhone上,工具栏始终位于屏幕底部,而在iPad上则有可能出现在顶部 当键盘被唤起、用户使用了手势、或者当前视图变为竖屏的情况下,工具栏可以隐藏。...使用集合视图来让用户查看和操作一系列不适合以列表形式呈现的项。由于集合视图的布局不是一个严格的线性布局,因此尤其适合用来展示一些尺寸不一致的项。...默认情况下,竖屏方向时只会展示右侧窗格,因此你需要向用户提供一个按钮(通常位于导航栏上)来让用户唤起和隐藏主窗格。对分视图控制器也支持轻扫手势来执行呼出和隐藏的动作。...Value 2的布局中,文本和副标题中间的垂直间距会让用户专注于副标题的第一 个单词。 ? 重要 以上四种单元格样式均支持添加表格视图元素,如勾选或展开标志。

    10.1K51

    Android经典面试题之Kotlin中如何隐藏DialogFragment和Dialog的导航栏

    DialogFragment隐藏导航栏 在 Android 中,使用 DialogFragment 显示对话框时,如果您希望隐藏系统导航栏(如状态栏和导航键),可以通过设置相关的系统 UI 标志来实现。...以下是一个完整的例子,展示了如何在 DialogFragment 中隐藏系统导航栏(使用 Kotlin): import android.os.Bundle import android.view.View...onViewCreated: 在视图创建后设置系统 UI 可见性标志,隐藏导航栏和状态栏。 onStart: 设置对话框窗口的布局参数,使其覆盖整个屏幕。...这种方法允许您的 DialogFragment 在显示时全屏,并隐藏状态栏和导航栏。...Dialog中隐藏导航栏 在 Android 中,如果想在 Dialog 中隐藏系统导航栏(包括状态栏和底部的导航键),可以通过设置窗口属性来实现。

    19410

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

    有时,导航栏的右侧也会有一个控件,如“编辑”或“完成”按钮,用于管理活动视图中的内容。在拆分视图中,导航栏可能会显示在拆分视图的单个窗格中。...导航栏是半透明的,也可以添加背景色,并且必要时可以设置为隐藏。 ? 某些情况下可暂时隐藏导航栏,以提供更沉浸的体验。例如,当人们查看全屏照片时,“照片”会隐藏导航栏和其他界面元素。...大标题绝对不能与内容竞争,但是在某些应用中,大标题的粗体会帮助人们浏览和搜索时进行快速定位。例如:在选项卡式布局中,大标题有助于说明活动选项卡,并指示用户何时已滚动到顶部。...显示全屏媒体时,请考虑暂时隐藏状态栏。...当用户尝试关注媒体时,状态栏可能会分散注意力。暂时隐藏这些元素以提供更沉浸的体验。例如,当用户浏览全屏照片时,“照片”应用程序将隐藏状态栏和其他界面元素。 ? 避免永久隐藏状态栏。

    9.9K10

    Human Interface Guidelines —— 状态栏(Status Bars)

    Status Bar出现在屏幕的上边缘,并显示有关设备当前状态的有用信息,如时间,手机运营商,网络状态和电池电量。 Status Bar中显示的实际信息取决于设备和系统配置。 使用系统提供的状态栏。...·在status bar后面显示自定义图像,如渐变色或纯色。 ·在status bar后面放置一个模糊的视图。 考虑在显示全屏媒体时暂时隐藏status bar。...暂时隐藏这些元素以提供更加身临其境的体验。例如,“照片”app会在用户浏览全屏照片时隐藏status bar和其他界面元素。 ? 全屏看图片 避免永久隐藏status bar。...让人们使用简单的,可发现的手势重新显示隐藏的status bar。 在照片app中浏览全屏照片时,一次点击就会再次显示status bar。 使用status bar来表示网络活动。...当您的app使用网络时,尤其是对于冗长的操作,请显示网络活动status bar的indicator,以便人们知道活动正在发生。

    83460

    Win11快捷键

    Win+T 循环浏览任务栏上的程序。 Win+R 打开运行对话框。 Win+B并按Enter 显示隐藏的图标。 Win+S 打开Windows搜索栏。 Win+F4 关闭活动窗口。...Win + (,)逗号 暂时显示桌面,释放Win键以恢复活动窗口。 Win + (.)句号点号 打开Windows表情符号选择器。 Win + Shift + S 打开截图工具。...Win+D 显示/隐藏桌面。 Win+Home 最小化除活动窗口之外的所有窗口。 Win + Shift + M 最大化所有最小化的窗口。...21、Win+Z 打开窗口布局 Windows 11的窗口管理功能有了很大提升,一个最明显变化就是在一些超宽屏显示器(带鱼屏)上,将呈现左/中/右三栏窗口排列。...此外它还新增了一个布局面板,以方便触屏用户手指操作。和其他新功能一样,Windows 11也为它增加了一个快捷键,按下Win+Z后,即可快速完成窗口部署。

    1.8K20

    Windows 7 操作系统

    (4)锁定:当用户有事需要暂时离开,但是电脑有些操作不方便停止,也不希望其他人查看自己的电脑信息时,可以使用锁定命令,恢复到用户登录界面。  (5)重新启动:退出当前系统并重新启动计算机。  ...所谓活动窗口是指该窗口可以接收用户的键盘和鼠标输入等操作,非活动窗口不会接收键盘和鼠标输入,但相应的应用程序仍在运行,称为后台运行。 3.窗口——地址栏  地址栏显示当前文件或文件夹所在的路径。...在“计算机”窗口中,单击“组织”→“布局”→“菜单栏”。菜单栏一般包含“文件”“编辑”“查看”“工具”“帮助”等菜单项,每个菜单项又有许多选项,每个选项对应一个命令来实现某种操作。...桌面有自己的背景图案,可以布局各种图标,桌面底部的条状区域叫任务栏,任务栏上有“开始”按钮、任务按钮盒其他显示信息,如时钟等。 1.桌面上的主要元素  (1)图标。...选中“自动隐藏任务栏”复选框,任务栏将自动隐藏,以扩大应用程序的窗户区域。当鼠标移到屏幕的下边沿时,任务栏将自动弹出。

    42830

    iPhone X 适配指南 (官方翻译版)

    大多数使用标准系统提供的UI元素(如导航栏,表格和集合)的应用程序会自动适应设备的新外形。背景材料延伸到显示器的边缘,并且UI元件被适当地插入和定位。...在iPhone X上预览您的应用程序。您可以使用Simulator(Xcode附带)来预览应用程序,并检查剪辑和其他布局问题。一些功能,如宽彩色图像,最好在实际设备上预览。 提供全屏体验。...请注意,当背景任务(如录音和位置跟踪)处于活动状态时,iPhone X上的状态栏不会改变高度。 如果您的应用程序目前隐藏状态栏,请重新考虑iPhone X上的决定。...iPhone上的显示高度为4.7 寸iPhone的显示屏提供了更多的内容垂直空间,状态栏占据您应用程序可能赢得的屏幕区域状态栏还显示人们发现有用的信息,只能隐藏以交换附加值。...当启用自动隐藏时,如果用户没有触摸屏幕几秒钟,指示灯将熄灭。当用户再次触摸屏幕时,它会重新出现。这种行为应该只能用于被动观看体验,如播放视频或照片幻灯片。 请参阅适应性和布局。

    2.5K50

    AndroidMainifest标签说明2——<activity>

    配置多个内容能够通过“|”的方式,如”locale|navigation|orientation”。...系统读取这个属性,以确定哪些活动时应開始使用按下button在操作栏。该系统还能够使用此信息来综合与TaskStackBuilder回堆栈的活动。...“splitActionBarWhenNarrow”加入栏位于屏幕的底部。在动作条显示操作项,当约束的水平空间。而不是少数出如今屏幕上方操作栏中的行动项目。操作栏被分成顶部导航部分和操作项的底部栏。...“stateUnchanged” 软键盘上一次保存在不论什么状态,是否可见或隐藏,当活动走到前台。 “stateHidden” 软键盘是隐藏的,当用户选择activity时。...“adjustResize” 活动的主窗体总是会去调整大小使软键盘在窗体中 “adjustPan” 活动的主窗体不是软键盘调整大小以腾出空间。

    1.5K00

    position:sticky的兼容性尝试

    问题 目前前端的h5有个需求,就是“当页面上的若干个标题被拖动到视口的顶部时,则显示一个被定位到视口的顶部的tab标签,可对这个tab标签进行点击导航,并在某个特殊的情况下隐藏”。...最简单粗暴的做法就是针对document.body做scroll侦听,在函数中遍历所有的标题并计算出getBoundingClientRect计算出距离适口的顶部距离,决定是否显示tab栏或者活动标签,...但是在这里可能会出现一些性能问题: + 在浏览器端和安卓设备上,scroll事件连续触发,如果在侦听函数中做过于复杂的判断,肯定会暂时阻塞ui(主)线程的渲染,造成卡顿 + 每次在侦听函数中都执行一次...,只在滑动结束的时刻执行一次,并且不支持左右滑动事件的触发 针对上述问题进行修复,其实并不困难: + 针对scroll做throttle节流,避免每次滑动都执行,可以设置时间间隔,如50ms + 在侦听函数中计算元素的...layout属性,可用setTimeout在定时器队列尾插入任务,异步渲染 + ios设备实现了一个属性-position:sticky,可以不用js来完成粘性布局 深入 针对sticky布局的兼容性

    3.7K100

    笔记54 | 管理系统UI(二)

    滑动的操作并不会清空任何标签,也不会触发系统UI可见性的监听器,因为暂时显示的导航栏并不被认为是一种可见性状态的变化。...用其他的UI标签(如 SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION和 SYSTEM_UI_FLAG_LAYOUT_STABLE)来防止系统栏隐藏时内容区域大小发生变化是一种很不错的方法...你也需要确保Action Bar和其他系统UI控件同时进行隐藏。下面这段代码展示了如何在不改变内容区域大小的情况下,隐藏与显示状态栏和导航栏。...可以使用户点击内容区域来切换系统栏的显示状态。单纯的点击监听可能不是最好的解决方案,因为当用户在屏幕上拖动手指的时候(假设点击的内容占据了整个屏幕),这个事件也会被触发。...如果用户没有进行操作,系统栏会在一段时间内自动隐藏。 图2展示了当使用 IMMERSIVE_STICKY标签时,半透明的系统栏展示与又隐藏的状态。 ? 图2. 自动隐藏系统栏. 下面是一段实现代码。

    1.1K40

    笔记53 | 管理系统UI(一)

    淡化状态栏和系统栏 如果要淡化状态和通知栏,在版本为4.0以上的Android系统上,你可以像如下使用 SYSTEM_UI_FLAG_LOW_PROFILE这个标签。...图1展示了一个图库中的图片,界面的系统栏都已被淡化(需要注意的是图库应用完全隐藏状态栏,而不是淡化它);注意导航栏(图片的右侧)上变暗的白色的小点,他们代表了被隐藏的导航操作。 ?...Bar API 指南 Android Design Guide 本课程将教您如何在不同版本的Android下隐藏状态栏。...这个操作也同时隐藏了Action Bar(因为 windowActionBarOverlay="true"),当同时显示与隐藏ActionBar与状态栏的时候,使用一个动画来让他们相互协调。...2)让内容显示在导航栏之后 在Android 4.1与更高的版本中,你可以让应用的内容显示在导航栏的后面,这样当导航栏展示或隐藏的时候内容区域就不会发生布局大小的变化。

    1.4K40

    Qt隐藏系统标题栏,使用自定义标题栏

    一.前言        今天我们来实现自定义标题栏的实现,这里面用到了布局,鼠标事件重写等知识点,首先还是自定义标题栏的创作,像下面这样,可放大,可缩小,并且随着窗体大小的改变,控件做自适应调整。...你去百度,关于布局的知识,其实和我上面写的一样,其实这里面还隐藏一些配合,只不过可能这个知识点对于会布局的人来说太简单了,他们会选择性略过。...然后布局就写到这里        下面说一下功能的实现,有细心读者可能发现上面的动态图有两个标题栏,这不是骗人嘛,我想说不是骗人,到最后白色的标题栏我们是要隐藏的,为了文章的前后顺序,我们暂时先把他留下...进行信号和槽绑定后,我们现在就可以使用自定义的标题栏来实现最小化,最大化,关闭,接下来就是将系统的标签栏进行隐藏,如果在这之前,就将系统的标题栏隐藏,那么对于编译后生成的软件关闭将是不方便的。...在主窗体的构造函数加入this->setWindowFlags(Qt::FramelessWindowHint);,编译运行即可隐藏系统标签栏。 ?

    8.3K21

    【最新】iPhone X 交互设计官方指南

    大多数使用系统提供的标准 UI 元素(如导航栏、表格和集合)的应用程序能够自适应设备的新外形。背景材料可以延伸到屏幕的边缘,而且 UI 元件也能够被适当地插入和定位。 ? ?...所有的应用程序都应遵循 UIKit 中定义的安全区域和布局边距,这些区域可以根据设备和上下文进行适当的填充。安全区域还能够防止内容把状态栏、导航栏、工具栏和标签栏覆盖掉。 注意状态栏的高度。...iPhone X 上的状态栏比其他 iPhone 上的更高。如果你的应用程序的状态栏高度比默认状态栏高,那么你必须更新自己的应用程序,这样才能动态的根据用户设备定位内容。...但是请注意,当背景任务(例如录音和位置跟踪)处于活动状态时,iPhoneX 上的状态栏并不会改变高度。 如果你的应用程序对隐藏状态栏进行了隐藏,那么请重新考虑在 iPhone X 上的设计。...iPhone 上的显示高度为 4.7 英寸,并且它的屏幕上提供了更多的垂直空间内容,状态栏占据了你的应用程序本来可以使用的屏幕区域,状态栏还显示了对人们有用的信息,只有在交换附加值时候才能被隐藏。

    1.9K20

    PowerBI中的书签和导航页,如何选择呢?

    在2020 年 3 月的更新中,按钮有了一个名为"页导航"的新功能: ? 那么我们该如何在“页导航”和“书签”之间做出选择呢?...,我们通过点击导航栏的不同位置,进入不同的页面: ?...首先,为每一个操作创建一个单独的页面,然后为每个页面创建一个书签,隐藏不需要的所有页面。这种方法减少了潜在的人为错误,也有助于排除故障。...优点是: ①减少在“显示”中隐藏和显示可视化对象的操作 ②无需关心更新书签 ③易于故障排除 缺点: ①需要创建更多的报表页,报表页面的内容重复基本是必然 ②性能不可避免地下降 3.不同的报表布局 很多时候...,你可能会使用一些花哨的布局(如可滚动页面、选项卡式导航、弹出窗口等)时,页面导航将不起作用。

    7K31

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

    活动指示器: 当任务进行和加载时旋转,任务完成后自动消失 不支持用户交互行为 在工具栏或主视图中使用活动指示器来告知用户任务或加载正在进行中,但并不提示该过程何时会结束。 不要使用静止的活动指示器。...API注释 想要了解如何在代码中定义信息按钮,可以参考UIButton. iOS包含了两种信息按钮样式:适用于浅色内容上的深色按钮,以及适用于深色内容上的浅色按钮。...4.3.7 网络活动指示器 网络活动指示器在状态栏中出现,表示网络活动正在进行。 ?...网络活动指示器: 出现在状态栏中,当网络活动正在进行时它会旋转,在活动停止时它则消失 不支持用户交互行为 当你的app正在链接网络,而这个连接过程将会持续好几秒的时候,你可以通过网络活动指示器来给用户以反馈...但在某些特定的内容区域内,为按钮描边或者添加背景颜色,让用户迅速地把注意力放到按钮上,也是必要的。Value 2的布局中,文本和副标题中间的垂直间距会让用户专注于副标题的第一个单词。

    13.2K30

    Visual Studio 2008 每日提示(十二)

    评论:这个技巧估计知道的人比较多 #112、隐藏Visual Studio 的状态栏 原文链接:You can hide the Visual Studio status bar 操作步骤: 菜单:工具...有两有个设置可以控制它们自动隐藏和关闭窗口。 菜单:工具+选项+环境+常规 选项一:“关闭”按钮只影响活动的窗口(默认选择)。...单击“关闭”按钮时,只关闭当前具有焦点的工具窗口,而不是停靠集中所有的工具窗口 选项二:“自动隐藏”按钮只影响活动的窗口(默认未选中)。...单击“自动隐藏”按钮时,只自动隐藏当前具有焦点的工具窗口,而不是停靠集中所有的工具窗口 评论:从这些设置体现微软在这些细节的问题上考虑还是非常仔细的。...选中此项,在“打开文件”对话框默认的目录就是当前打开的文档的目录。 如果没选中此项,在“打开文件”对话框默认的目录就是上一次打开的目录。

    2K40

    Windows10中的键盘快捷方式

    Ctrl + Z 撤消操作 Alt + Tab 在打开的应用之间切换 Alt + F4 关闭活动项,或者退出活动应用 Windows 徽标键  + L 锁定你的电脑 Windows 徽标键  + D...显示和隐藏桌面 F2 重命名选定项 F3 在文件资源管理器中搜索文件或文件夹 F4 在文件资源管理器中显示地址栏列表 F5 刷新活动窗口 F6 循环浏览窗口中或桌面上的屏幕元素 F10 激活活动应用中的菜单栏...Shift 如果多种键盘布局可用,则可切换键盘布局 Ctrl + 空格键 打开或关闭的中文输入法编辑器 (IME) Shift + F10 显示所选项目的快捷方式菜单 按 Shift 与任何箭头键 在窗口中或桌面上选择多个项目...Windows 徽标键 + Shift + 数字 打开桌面,然后启动固定到任务栏的应用新实例(位于数字所指明的位置) Windows 徽标键 + Ctrl + 数字 打开桌面,然后切换至固定到任务栏的应用的最后活动窗口...Windows 徽标键 + Shift + 数字打开桌面,然后启动固定到任务栏的应用新实例(位于数字所指明的位置)Windows 徽标键 + Ctrl + 数字打开桌面,然后切换至固定到任务栏的应用的最后活动窗口

    4.5K20

    Ubuntu 17.10 已经发布,图解新功能

    本来国外发布了一个最新的介绍17.10的视频,可惜长城升级了,暂时无法翻越。...只有先文字介绍一下: Ubuntu是世界上最受欢迎的Linux桌面操作系统,并通过其最新的短期支持版本,很明显Canonical希望牢牢抓住主题。...现在是GNOME Shell的定制版本 ,表面上接近Unity桌面布局(但不是类似的替代)。 Ubuntu 17.10桌面使用两个面板布局:一个全高的垂直底座位于屏幕的左侧,而顶部的面板则被剥离。...工作空间是大多数现代桌面操作系统(包括Windows 10)中的常见功能。 点击最左上角的“活动”标签进入窗口管理视图。在右边,您将看到一个带有两个桌面的破折号。...要使用Xorg而不是Wayland,您必须先登录,点击登录屏幕上的cog菜单,然后选择“Ubuntu on Xorg”会话。然后正常登录。

    1.8K90
    领券