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

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

举个例子,对分视图: 可以在横屏环境中展示并排展示两个窗格 可以让主窗格在详情窗格上方显示,也可以在不需要的时候(尤其是竖屏情况下)隐藏主窗格。...避免创建一个比主窗格更窄的详情窗格。如果右侧详情窗格比左侧主窗格窄,对分视图控制器将不能占满整个屏幕,产生视觉不平衡的整体效果。 避免在两侧窗格中都同时展示导航栏。...这样会让用户很难分清这两个窗格的从属关系。 一般来说,始终显示左侧主窗格中当前选中的项。尽管右侧窗格中的内容会变化,但它应当始终保持着与当前选中窗格的相关性。...这样的体验有助于用户理解左侧窗格项与右侧窗格内容的关系。 合适的话,给用户提供不止一种获取主窗格的方式。...默认情况下,竖屏方向时只会展示右侧窗格,因此你需要向用户提供一个按钮(通常位于导航栏上)来让用户唤起和隐藏主窗格。对分视图控制器也支持轻扫手势来执行呼出和隐藏的动作。

10.1K51

IntelliJ IDEA 2021.2 中,您完全不需要鼠标的 10 种情况

显示工具窗口 我们先来看看开发者们大多是如何在 IntelliJ IDEA 中显示工具窗口的。...请注意,对话框的大小不能超过特定限制(使用鼠标或键盘缩放时均适用)。此外,如果您位于对话框中的可编辑组件(如文本字段或文本区域)中,则此快捷键将不起作用。 10....在不移动光标位置的情况下滚动编辑器窗格中的文本 常见的做法是向上或向下滚动编辑器窗格来阅读代码。如果不需要编辑代码,您可能也不需要将光标从其当前位置移开。...在编辑器窗格中使用 Ctrl+Up 或 Ctrl+Down(或 ⌘Up/⌘Down),即可进行滚动而不更改光标位置。...额外提示: 为了便于阅读代码和在编辑器窗格中上下移动,您可以折叠方法、代码块或导入语句集,使其在编辑器窗口中仅占用少量空间。

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

    如何在Ubuntu 16.04上安装和使用Byobu进行终端管理

    在这种情况下,您可以使用ALT+F6,它将分离所有其他连接并使当前连接保持活动状态。这确保只有当前连接在Byobu中处于活动状态,并且如果需要,将调整窗口大小。...要在当前窗口中添加名称,请按F8,然后键入有用的名称(如“tail syslog”),然后按ENTER。滚动每个窗口并为其命名。...聚焦窗格将均匀分割,允许您根据需要拆分窗格以创建相当复杂的布局。请注意,如果没有足够的空间将窗格拆分为两个窗格,则无法拆分窗格。...您可以CTRL+F3/F4分别使用向上或向下移动当前窗格来重新排序窗格。 SHIFT+ALT+LEFT/RIGHT/UP/DOWN允许您操纵当前所选窗格的宽度和高度。...当移动分割时,这将自动调整窗口内周围面板的大小,并且当您在其中工作时可以轻松地使窗格变大,然后在焦点移动时放大不同的窗格。

    10.3K00

    PDF 文档编辑神器 Adobe Acrobat-最牛逼的PDF编辑器

    可点击图片放大查看“文档”视图默认情况下,系统将显示用于查看多个 PDF 的带标签界面。当打开多个 PDF 时,每个 PDF 会在同一应用程序窗口的标签中打开。...可以从顶部切换标签 - 标签名称显示该文件的名称。在工作区的顶端,可以看到菜单栏和工具栏。工作区包括居中的文档窗格、左侧的导览窗格和右侧的工具或任务窗格。文档窗格显示 PDF。...左侧的导览窗格有助于浏览整个 PDF 以及对 PDF 文件执行其它选项。靠近在窗口顶部的工具栏提供了可用于操作 PDF 的其它控制。可点击图片放大查看2....单页视图 窗口只显示一页启用滚动 窗口的页面可连续滚动双页视图 窗口并排显示两页双页滚动 窗口并排显示两页,连续滚动可点击图片放大查看阅读模式 与 全屏模式在阅读模式下,可以隐藏所有工具栏和任务窗格,以最大化屏幕上的查看区域...导览窗格:导览窗格是一个可以显示不同导览面板的工作区,在左侧窗格显示。工具窗格:Acrobat 右侧窗格显示常用工具。工具栏项目:工具栏显示常用的工具图标,在文档窗格的上端。可点击图片放大查看3.

    2.4K20

    使用SMM监控Kafka集群

    您可以在Streams Messaging Manager的“配置”屏幕中设置将生产者视为不活动的时间。 1. 从服务窗格中选择“ Streams Messaging Manager ”。 2....在“概述”页面的“生产者”窗格中,使用“活动”,“消极”和“所有”选项卡仅查看活动生产者,仅消极生产者或全部。这使您可以查看活动和消极生产者的总数。 ? 在“生产者”页面上,列出了每个生产者的状态。...要访问此详细的Topic信息: 1. 在左侧导航窗格中,点击Topic。 2. 确定您想要有关其信息的Topic。您可以滚动浏览Topic列表,也可以使用页面左上方的搜索栏。 3....此页面可帮助您回答以下问题: • 我的Broker位于什么主机上? • 我的Broker是否磁盘空间不足? 要访问详细的Broker信息: 1. 在左侧导航窗格中,单击Brokers。 2....使用“滞后”选项卡可以根据滞后的升序或降序对消费者组进行排序。 ? 查看有关消费者组的详细信息 要访问详细的消费者组信息: 1. 在左侧导航窗格中,单击“ 消费者组”。 2.

    1.6K10

    Excel集成网页控件,内嵌于Excel单元格区域,可加载任意网页

    关注过之前EasyShuForPPT功能的朋友可知,在PPT上实现网页控件集成已经完美实现了,同样地,在Excel环境中,除了在任务窗格上显示外,本次国庆更新,增加了在单元格区域显示网页的功能。...传送门:【直播回看】新功能ECharts交互式分级填色地图+PPT图表展示插件 具体步骤 先圈定需要插入网页控件的单元格区域,在最新版本Excel催化剂中,点击【数据分析】组中的【内嵌网页】控钮即可打开配置网页窗体...通过在网页控件鼠标右键弹出的上下文菜单中,可供满足上述的需求。 关于冻结单元格区域,这里简单说明下,在不作冻结的默认情况下,鼠标滚动操作是对Excel工作表的单元格区域右侧滚动条的滚动操作。...而当需要保留到网页控件中当前网页的鼠标滚轮的激发操作如普通网页有右侧滚动条时,会滚动网页位置和特殊的网页如EasyShu生成的ECharts图表网页,滚动操作有放大缩小矢量地图的作用。...此时选择上下文菜单第一项【冻结单元格区域】,即可屏蔽Excel的鼠标滚动操作,让网页的滚动生效,同样地第二项的【取消冻结单元格区域】,即恢复Excel默认效果。

    1.2K30

    VS Code(​终端)

    聚焦拆分的终端窗格时,可以使用以下命令之一移动焦点并调整大小: 键 命令 Alt +左 聚焦上一个窗格 Alt +右 聚焦下一个窗格 未分配 调整左窗格的大小 未分配 调整右窗格大小 未分配 调整窗格大小...未分配 调整窗格大小 组态 使用的外壳默认$SHELL在Linux和macOS上使用,在Windows 10上使用PowerShell,在Windows早期版本上使用cmd.exe。...视窗 对于Windows,在终端下拉列表中有一个方便的shell选择器,使您可以在几个检测到的shell之间进行选择,包括Command Prompt,PowerShell,PowerShell Core...和Ctrl + V 右键点击行为 右键单击行为因平台而异: Linux:显示上下文菜单。...在特定文件夹中打开 默认情况下,终端将在资源管理器中打开的文件夹中打开。

    3.5K20

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

    提供“取消”按钮,使人们可以重新考虑破坏性操作。“取消”按钮应出现在动作表单的底部。 突出显示破坏性选择。将红色用于执行破坏性或危险操作的按钮,并将这些按钮显示在动作表单的顶部。 避免让操作表滚动。...分列视图由一个两列或三列的界面组成,分别显示一个主列,一个可选的补充列和一个辅助内容窗格。主列中的更改将导致可选补充列中内容的更改。...在这种类型的界面中,主要列显示侧边栏,可选补充列显示列表视图,辅助内容窗格显示有关所选内容的详细信息。 在iPad上,使用拆分视图而不是标签栏。...尽管辅助窗格的内容可以更改,但它应始终与其他列中可清楚识别的选择相对应。这种选择有助于人们理解列之间的关系并保持自己的方向。 如果合适,允许人们在列之间拖放内容。...文本视图可以是任何高度,并可以通过滚动的方式显示额外的内容。 默认情况下,文本视图中的文本是左对齐的,并使用黑色的系统字体。如果文本视图可编辑,则在视图内部点击时,屏幕下方会弹出键盘。 ?

    8.5K31

    终端复用利器 Tmux

    常用命令 一般情况下 tmux 中所有的快捷键都需要和前缀快捷键 ⌃b 来组合使用(注:⌃ 为 Mac 的 control 键....,可模糊匹配 窗格操作 % 左右平分出两个窗格 ” 上下平分出两个窗格 x 关闭当前窗格 { 当前窗格前移 } 当前窗格后移 ; 选择上次使用的窗格 o 选择下一个窗格...,也可以使用上下左右方向键来选择 space 切换窗格布局,tmux 内置了五种窗格布局,也可以通过 ⌥1 至 ⌥5来切换 z 最大化当前窗格,再次执行可恢复原来大小 q 显示所有窗格的序号...,在序号出现期间按下对应的数字,即可跳转至对应的窗格 效果图 ?...打开配置,勾选下图中的选项. ? OK,done. tmux的窗口滚动是个玄学. 完.

    1.1K20

    《Java 2 图形设计卷Ⅱ- SWING》第2章 Swing的基本知识

    为了强调这一点,例2-1的小应用程序指定其布局约束条件为BorderLayout.CENTER,它使标签在内容窗格中居中显示。...Swing提供了一个替代AWT重量滚动窗格的轻量组件——JScrollPane组件。由于JScrollPane是轻量的,所以任何添加到JScrollPane实例中的重量组件都将在这个滚动窗格之上显示。...图2-9中上图显示了这个小应用程序刚启动时的样子,图2-9中下图显示了滚动窗格滚动后,这个小应用程序的样子。注意,在这两种情况下,AWT按钮都没有能够正确地显示。  ...这个小应用程序为滚动窗格设置了首选大小,并把滚动窗格添加到其内容窗格中。  图2-9所示的组件效果是我们不想要的。遗憾的是,与弹出式菜单不同,JScrollPane没有能实例化为重量组件的选项。...由于AWT滚动窗格是重量的,所以它们滚动轻量组件和重量组件都没有问题。

    2.5K20

    java Swing用户界面组件文本输入:文本域+密码域+格式化的输入域

    在Swing中,文本区没有滚动条。如果需要滚动条,可以把文本区中插入一个滚动窗格(scroll pane)中。...textArea =new JTextArea(8, 40); JScrollPane scrollPane = new JScrollPane(textArea); 现在滚动窗格管理文本区的视图。...如果文本超出了文本区可以显示的范围,滚动条就会自动出现,并且在删除部分文本后,当文本能够显示在文本区范围内时,滚动条会再次消失。滚动是由滚动窗格内部处理的,编写程序时无需处理滚动事件。...提示:在Swing中,为组件增加滚动条的通用机制是将组件放置在滚动窗格中。 例9-4给出了文本区演示的完整代码。这个程序只能在文本区中修改文本。点击“Insert”将句子插入文本末尾。...参数:c 跳格的列数 javax.swing.JScrollPane 1.2 • JScrollPane(Component c) 创建一个显示指定组件内容的滚动窗格。

    4.1K10

    tmux命令快捷键

    (分割窗口) % 垂直分割 " 水平分割 o 交换窗格 x 关闭窗格 ⍽ 空格键 - 切换布 局 q 显示每个窗格是第几个,当数字出现的时候按数字几就选中第几个窗格 { 与上一个窗格交换位置...} 与下一个窗格交换位置 z 切换窗格最大化/最小化 同步窗格 这么做可以切换到想要的窗口,输入 Tmux 前缀和一个冒号呼出命令提示行,然后输入: :setw synchronize-panes 你可以指定开或关...帮助 调整窗格尺寸 如果你不喜欢默认布局,可以重调窗格的尺寸。虽然这很容易实现,但一般不需要这么干。...默认情况下,方向键是启用的。在配置文件中启用 Vim 键盘布局来切换窗口、调整窗格大小。Tmux 也支持 Vi 模式。...一次移动一格效率低下,在 Vi 模式启用的情况下,可以辅助一些别的快捷键高效工作。 例如,可以使用 w 键逐词移动,使用 b 键逐词回退。

    2K40

    Excel 信息筛选小技巧

    前 言 在工业控制系统实施的各个环节中,我们总会遇到各种各样的“信息数据表”,如BOM单、IO表、通道分配表、监控数据表等。当数据量比较大的时候,筛选功能就很必要了。...插入“表”自带“标题行”显示功能,但前提是选中的单元格位置在“表”的范围内; 如果选中的单元格位置在数据表范围之外,标题行就没有了; 可以通过“冻结窗格”功能,冻结首行; 这样无论鼠标点哪,...,具体使用方法简单摸索一下就会了; Step 3: 固定“切片器”位置 可以看到,当我们以“压力”作为筛选条件的时候,筛选出来的信息还是很多,需要滚动页面进行查看,但是在滚动页面的时候,“切片器”并不会跟随移动...选中任意单元格,按“Alt+F11” 调出VBA编程界面; 2....返回Excel界面,滚动页面,并点击任意位置,此时我们看到“切片器”会立即移动到界面指定位置。 5.

    1.7K20

    Devtools 老师傅养成 - Performance 面板

    ,可以在控制区下方得到全部性能分析结果 其中除了最下方的详细信息窗格以外,分析结果都是以时间为轴 可以在 overview 窗格拖动鼠标,选择某段时间的分析结果 滚动鼠标滚轮,缩放/移动选中事件 在火焰图窗格...,按住shift,滚动鼠标滚轮,可以上下 在火焰图窗格,也可以直接左右拖动图表 或者用W A S D按键控制缩放移动 Disable JavaScript samples默认情况,在Main主线程的火焰图中...FPS,CPU,NET图表悬浮时,会展示出鼠标对应时间点的网页截屏,左右移动鼠标可以看到网页变化的重播效果 HEAP 在 HEAP 图表中可以看到 JS 内存占用情况,与下方的 memory 窗格中的JS...Heap相对应 在 Memory 窗格还可以看到 Document 文档、Nodes DOM 节点、监听器、GPU 内存的习份内存统计 Frames 点击三角箭头展开Frames区域,鼠标悬浮/点击绿色方块...点击Animation Frame Fired事件,可以在最下方Summary窗格查看触发动画事件的详细信息,点击Initiator后的reveal链接,会高亮到引起动画事件的事件 性能相关扩展 网页性能

    2.2K41

    提高效率 |ArcGIS Pro 中所有快捷键一网打尽

    F10 从功能区移至活动视图或窗格并返回功能区。 Ctrl+Tab 或 Alt+F7。将出现一个窗口,其中显示了工程中的活动窗格和视图。使用方向键可移至要激活的视图或窗格。按 Enter 键。...“内容”窗格 内容窗格的键盘快捷键 键盘快捷键 操作 Esc 将键盘焦点从内容窗格返回到地图。 减号 (-) 或左箭头键 折叠所选项目。 加号 (+) 或右箭头键 展开所选项目。...在内容窗格中选择多个图层。 Ctrl+L 当布局为活动视图时,锁定或解锁在内容窗格中选择的项目。 Ctrl+Shift+L 当布局为活动视图时,请在内容窗格中锁定或解锁该级别上的所有项目。...E 平移到立体像对的中心。 Ctrl+Shift+M 打开修改要素窗格。 Ctrl+Shift+C 关闭创建要素窗格。 Ctrl+Shift+S 打开立体模型选择器窗格 O 打开总览窗口。...要在不打开字段视图的情况下重新显示所有字段,请单击表格视图顶部的菜单按钮,然后单击显示所有字段。此时,所有隐藏字段将恢复为显示状态,并在表格视图和其他对话框中变为可用状态。

    1.3K20

    Jump Start Bootstrap 第4章

    Tabs选项卡 在前面的章节中,我们了解了如何使一组链接看起来像选项卡,但那不是真的选项卡。在本节中,我们将创建一些选项卡窗格,将一些虚拟数据放入其中,并使这些选项卡窗格响应相应的选项卡链接。...nav-tabs组件中的每个链接都应该有一个data-toggle=”tab”属性。这允许引导程序将单击事件映射到相应的选项卡窗格。这些链接中的href属性应该包含相应的选项卡窗格的id。...这里是选项卡窗格的代码: 窗格,我们需要创建一个新的包含类tab-pane的元素。这些选项卡窗格也应该有惟一的id,因为它们将被引用到导航标签(nav-tabs)的链接中。...选项卡窗格的数量应该等于显示在导航栏中的链接数。在nav-tabs包裹的一个元素中添加一个类”active”,将使它成为默认选项卡。 就是这样!你有了一个可以工作的选项卡插件。

    28.4K40

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

    有时,导航栏的右侧包含一个控件,如编辑或完成按钮,用于管理活动视图中的内容。在拆分视图中,导航栏可能会出现在拆分视图的单个窗格中。...暂时隐藏酒吧,提供更身临其境的体验。查看全屏照片时,照片会隐藏导航栏和其他界面元素。如果您实现这种行为,让用户使用简单的手势(如轻按)来还原导航栏。...在大多数情况下,标题可帮助人们了解他们正在查看的内容。但是,如果导航栏标题似乎是多余的,可以将标题留空。例如,Notes不会为当前注释标题,因为第一行内容提供了所需的所有上下文。 ?...如果您认为在没有当前屏幕的完整路径的情况下,人们可能会迷失方向,请考虑对应用程序的层次结构进行展平。 给文本标题按钮足够的空间。...如果您的导航栏包含多个文本按钮,那些按钮的文本可能会一起运行,使按钮无法区分。通过在按钮之间插入固定空间项来添加分隔。

    2.9K30

    Word最实用的5个技巧,没有几个人全都会

    Word是在办公中经常使用的办公软件,除了需要Word转PDF,更需要学会使用Word技巧这是你能提高办公效率的关键,那么今天呢就来给大家分享5个Word中最实用的技巧,这五个技巧没有几个人全都会哦,那还在等什么...列数设置为5 二、稿纸的制作 选中布局——稿纸设置——打开相应的设置的界面,随后在网格格式中选择一种,比如这里选择的是方格式稿纸。...四、导航窗格:想看哪里点哪里 当你在阅读的时候,不管是论文还是内容比较多的文档,需要来回的跳转,这样就很麻烦,要是用鼠标滚动的话,那真的会累死哦。 开启导航窗格,想看哪里点哪里!...视图-导航窗格 五、快速分页 需要在文档中间添加空白页,很多小白是直接敲回车键产生,而稍微熟悉Word工具的菜鸟是点击插入——页面——空白页,但Word高手则是直接按快捷键Ctrl+Enter。...以上呢就是给大家的分享的5个实用的Word技巧,还在等什么,赶紧去试试吧。

    87410

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

    变化 ·在split view(分割视图)中,navigation bar可能出现在split view(分割视图)的单个窗格中。  ?...暂时隐藏navigation bar以提供更加身临其境的体验。 照片在查看全屏照片时会隐藏navigation bar和其他界面元素。 如果你实现这类行为,让用户用简单的手势恢复导航栏,如点击。...---- 导航栏标题(Navigation Bar Titles) 考虑在navigation bar中显示当前视图的标题。 在大多数情况下,标题可以帮助人们了解他们正在查看的内容。...手机使用这种方法,而音乐使用大标题来区分内容区域,如专辑,艺术家,播放列表和广播。 当用户开始滚动内容时,大标题转换为标准标题。 大标题在所有应用程序中没有意义,永远不会与内容竞争。 ...如果navigation bar包含多个文本按钮,点击时这些按钮的可能会一起运行,从而使按钮无法区分。可以在按钮之间插入固定空间项来添加分隔。

    2.5K110
    领券