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

关于状态可见原则

由于定义里提到了『反馈』,以至大多数的时候我们都是围绕着反馈在做方案,如用户点击之后消息要如何提示、网络状态变化时要如何提示用户、任务进度变化时怎么提示等等。...由此带来的问题是用户操作前无法确定要以什么方式激活菜单,只能先试着尝试某一种。如果系统中同时存在不同激活方式的下拉菜单,这种尝试就更加人烦恼了。...侧边导航 除了下拉菜单左侧导航菜单上也发现同样的问题,当导航菜单收起之后,『是否存在二级菜单』这个信息就丢失了。...尝试着改进后的左侧导航折叠态 链接 虽然文本链接有几种表达自身状态的样式(link、visited、hover、active),但由于实际场景中点击链接可能会有几个结果: 打开方式\跳转目标 当前站点...当前常见的方案是链接文本的后面加上一个表示跳转到外部的图标,用于提醒用户链接目标是站外内容,如果点击将会离开本站点。这时用户可以主动选择是否使用新窗口打开

2.3K30

如何设计下拉菜单(技巧+实例)

纯数值 通常来说,在手机上使用数字键盘输入纯数值会比菜单中选择数值更加快一些。 ? 精确数值 对于精确数值(如购物车里的商品数量),可以使用计数器来用户快速对数字进行增减。 ?...保留菜单标签/说明 打开下拉菜单,最好是标明菜单标签或说明。菜单标题能有效地提醒用户,他们刚刚选择了什么内容。如果菜单打开后标签消失了,用户就得打断操作、去回忆到底该选择什么选项。...支持键盘输入 应支持键盘输入和按键,以在下拉菜单内进行导航 。在下拉菜单中,访问键应允许用户不使用鼠标的情况下快速选择可见选项。在下拉框中,用户应该能够键入字母、并快速导航到以该字母开头的选项。...这个办法相对复杂,但是弹出面板中可以添加多种形式的内容,可以用来制作各式各样的下拉菜单。如下图就添加了矩形和图标。 ?...需要注意的一点是,弹出面板的定位策略应设置为“相对于原组件”,否则点击后弹出面板会从别处而不是从下拉选择组件底部弹出。 ? 当然,以上只是简单地介绍了如何用Mockplus做出简单的下拉菜单

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

Android开发之基于AndroidStudio环境搭建和工程创建

还是由浅入深,本篇博客先简单讲解了Mac下如何搭建Android开发环境(Windows下搭建环境的教程网上一抓一大把)。...JDK的安装 本篇博客使用的JDK8, 读者可以自行百度,然后安装上JDK。也就是Java开发环境。安装后会在"系统偏好设置"中出现Java的图标点击Java的图标启动后如下所示。...(2)紧接着就会你选择向下兼容的Android SDK ,在这儿我们选择API 15, 稍后会介绍如何通过Android Studio来管理Android SDK。 ?...切换工程目录显示模式:点击工程文件上的Android下拉菜单下拉菜单如下图所示,创建工程后首次是Android, 我们可以切换到Project模式下去查看工程中的所有文件。     ? 2....点击运行后,会你选择当前可用的测试设备,选择上面打开的模拟器,我们创建的工程就会在所选的测试设备上进行运行。 ?

1.8K50

打造您的首个 app bundle | MAD Skills

如果您想回顾过去发布的内容,请参考下面链接查看: 导航组件概览 导航到对话框 应用中导航使用 SafeArgs 使用深层链接导航 除了其他特性,我们创建的 Android App Bundle 格式解锁了发布更小尺寸应用的能力...应用尺寸越小意味着更可能被下载,也意味着磁盘空间不足能够更多地避免被卸载。...探索您的 Android App Bundle 如果想查看 Play 商店如何分发您的应用到用户设备,您可以点击该 bundle 行末尾的 "Details" 按钮。...您可以通过点击 "Explore Bundle" 并打开 "Downloads" 标签页来访问该页面。... app bundle explorer 中打开的过滤下拉菜单 下载应用 bundle 并在本地安装 app bundle explorer 页面的末尾有一个 "Download" 按钮可以下载一个

86520

后台系统设计(上篇:选择)

四、 Switch 切换开关 用于打开或关闭二元操作的切换选项。 外观 常规: ? 带文本或图标: ? 最佳用法 ·左/灰为关,右/彩为开。...但是如果源列表选项过多,又想被选中的选项更容易被看到,穿梭框则是不错的选择。 ?...最佳用法 ·较小的空间下,对多个选项进行选择或内容较为次要且不需要一直显示下拉菜单是不错的选择。若选项较少,考虑使用单选框(当进行单项选择)或复选框(当进行多项选择)。...·下拉菜单选项按照某种逻辑顺序排序。例如,按照重要程度或被选择程度(可能性)进行排列。 ·对于大多数操作,当单击菜单或以外区域,菜单应该收起关闭;如果点击的菜单项是多选操作,则菜单应保持打开状态。...·单选情况下,我们将搜索放在了原有的框体内,流程如下:用户输入关键字>实时匹配检索出选项>用户点击选项>完成操作。 ?

9.6K21

想同时查看多个报表,3分钟学会门户制作

小李是某公司的财务经理,需要查看公司各个部门的财务报表,小李查看过程中对于各个部门财务报告查看需要来回切换不同报表,过程很不方便,而在永洪BI门户界面,企业可根据自己的需求来制作门户首页,门户上可以定义不同导航栏...,导航栏中根据部门分类绑定不同部门财务报告,从而实现在门户页面上切换各个报表查看,简单方便,工作更高效。...2、点击“门户样式”(左右布局、综合布局)进入门户制作页面,可以右侧导航pane区域中选中任意节点,并在下方报告设置的下拉菜单中绑定报告或网页等类型的资源。...绑定资源后,可以右侧导航pane的任意节点后面点击设置主页按钮,使该节点绑定的资源作为门户主页展示,若绑定操作模块则不支持设置成主页。...9、对于IE系列的浏览器,配置门户首页, IE11 既支持显示门户首页,也支持制作门户,而 IE8、IE9、 IE10和 IE11的兼容性模式只支持显示门户首页,不支持制作门户,在打开制作门户时会进行提示

1.1K30

Flutter TolyUI 框架#06 | 下拉菜单设计

但是 Material 风格的样式很难自定义, TolyUI 实现 Popover 之后,我看到了多级菜单自定义的曙光。...根据浮层区域的大小和交互性,可以大致分为三个类别: 局部浮层: 以 Popover、Tooltip、DropMenu 为代表,它们额外弹出浮层面板,且 不屏蔽 浮层下方的视觉元件,一般会在点击外部区域被关闭...一般点击模态背景关闭,或主动关闭。是一种 中量级 的导航交互。...右侧案例通过点击事件展开下拉菜单点击外部区域可关闭菜单。 通过 TolyDropMenu 组件,以 child 为目标展开下拉菜单,其中通过 hoverConfig 可以配置悬浮打开菜单。...如何左侧展示图片资源,或者任意组件呢。还记得上一篇 《树形菜单设计》 中 MenuMeta 可以通过拓展来丰富菜单项的展示内容吗?

9500

Android Studio 3.2新功能特性

如果检测到有新信息要显示,那么当您启动Android Studio,该面板将打开。您还可以通过选择Help> Android Studio中的新增功能来打开“Assistant”面板 。...添加视图“Design”窗口中的视图下方会出现一个设置按钮 。点击此按钮设置设计时视图属性。您可以从各种样本数据模板中进行选择,并指定用于填充视图的样本项目数。...现在,Android Studio 3.2中,默认情况下会打开D8的解除绑定。 新代码收缩器 R8是替代ProGuard的代码缩小和混淆的新工具。...此外,您可以通过在按下Control键(或MacOS上的命令)时点击文件来导航到文件。...如果您的项目中已 包含C / C ++代码和库,请通过从主菜单中选择View > Tool Windows > Projec并从下拉菜单中选择Android打开IDE左侧的项目窗口。

5.4K10

Android Studio3.3你了解多少?

如果您已选择分享使用情况统计信息,请点击最能代表您当下使用体验的图标。...为了解决这个问题,将内存分析器 Android 8.0 或更高版本设备上的默认捕捉模式更改为定期取样内存分配数据。可以分配跟踪的下拉菜单中调整具体设置。...(对于“如何通过分析过程提升应用性能表现”之后会有推出相关文章,敬请关注简书、公共号获取最新文章) 网络分析器的格式化文本支持 默认设置下,Android Studio 3.3 中的网络分析器会对网络负载中的常见文本类型进行格式化操作...系统构建的改进 可以看到,Android Studio的构造时间是被众多开发者所吐槽的,自然Google工程师在这方面也持续关注并且坐着优化在这个版本当中,使用了注释处理器,提高了Java的编译效率...可以同一个项目当中创建及时应用程序,对于每个设备来说优化APK,即时运行app等提高用户体验。 最后 相信通过这片文章,大家对于Android Studio3.3 有个简单的了解。

1.7K20

Android Studio 3.6 发布啦,快来围观

在编辑器窗口的右上角,现在有三个按钮可用于查看选项之间切换: 要启用拆分视图,请单击“ 拆分”图标 。 要启用XML源代码视图,请单击Source图标 要启用设计视图,请单击“ 设计”图标 ?...2.在出现的对话框中,导航到要检查的APK,然后选择它。 3.点击打开。 4. APK 分析器中,选择要检查的 DEX 文件。...当打开 Emulators Extended controls, 控件, Location 选项卡中的选项现在组织两个选项卡下:“Single points”和“Routes”。...虚拟设备运行时,最多可以添加两个以下显示: 1.打开扩展控件,然后导航到 Displays 选项卡。 2.通过单击添加 Add secondary display 来添加另一个显示。...要变通解决此问题,请执行以下操作: 1.通过单击 File > Settings 打开设置窗口。 2.导航到Appearance & Behavior > Appearance。

8.9K20

【Java 进阶篇】深入了解 Bootstrap 插件

这个基本的模态框结构包含了打开模态框的按钮、模态框的标题、内容和操作按钮。用户可以点击关闭按钮或模态框外部来关闭模态框。 自定义模态框 模态框可以根据不同的设计需求进行自定义。... 元素:这是触发下拉菜单的按钮,用户点击它以展开菜单。...以下是一个示例,展示如何自定义下拉菜单: <!...Bootstrap 表单验证 表单验证是一个重要的前端功能,用于确保用户提交表单提供有效的数据。Bootstrap 提供了一些内置的表单验证类,可以帮助您轻松实现表单验证。...总结 本博客中,我们深入了解了 Bootstrap 插件,涵盖了轮播、模态框、下拉菜单、标签页和表单验证等常见插件。我们了解了它们的基本结构以及如何自定义它们以满足项目需求。

20530

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

列表中适当使用详情展开按钮。当列表中有详情展开按钮点击该按钮会显示附加信息,点击其他位置则选择行或APP的自定义行为。...用户可以通过点击打开他们正在预览的项目,因此通常不需要额外再提供明确的“打开”按钮了。...通过菜单,您可以无需向主界面添加按钮的情况下为用户提供澄清动作目标或自定义动作行为的方法。例如: · 当用户点击应用中的“添加”按钮,您可以显示一个菜单,用户指定要添加的项目。...· 如果您的应用支持排序,则可以使用菜单用户选择要进行排序的属性。 · 允许多个位置之间导航的应用程序中,菜单可以使用户导航到特定位置,而不用追溯每个步骤。 使用菜单提供辅助应用操作。...如果你需要工具栏或导航栏中使用类似功能,请改用按钮,并提供两个不同的图标来传达不同的状态。 避免开关中添加说明标签。关于开关的打开或关闭,用户是很明确的。

8.5K30

Android 9 Pie新版本入门

不过,让我们来讨论一下升级到Android 9 Pie后将获得的特性。更新新版本最明显的标志是新的系统导航条,它取代了过去几次迭代中为Android用户提供良好服务的标准三图标导航条。...新的导航栏用一个更有适应性的系统和home按钮取代了几乎总是屏幕上的三个图标(back, home, overview), home按钮现在可以让你在应用之间切换(而不是点击overview按钮)。...谷歌也爱谈论其自适应亮度功能,也学习如何根据你的环境,设置你喜欢的屏幕的亮度。但实际上对我来说不同的是,谷歌现在混合整个设置,当你改变设置你可以看到有什么不同变化。...以下是我们所知道的信息:一个用于查看你设备上花费时间的指示板:比如,一个应用程序计时器可以你设定使用Instagram的时间限制,然后将该应用的图标变灰。...夜间灯光模式下,有一种“Wind Down”功能,它可以打开,不打扰,睡觉前把屏幕颜色变成灰度屏幕。

1K30

Android Navigation + Fragment 制作APP主页面导航(步骤 + 源码)

NavController:得知切换目标,控制NavHost去显示B这个Fragment。 这么一说,你是否有一些理解了呢? 2....但是这时候又有一个问题,那就是我的这个NavHost初始显示哪一个Fragment,这一点Google的人也想到了,可以导航图中指明。 打开nav_graph.xml。...添加底部导航 鼠标右键点击res → New → Android Resource File,然后选择Menu ? 之后打开menu.xml去添加子项。 <?...可以看到,底部的导航栏已经出来了,而且还可以点击点击之后还有动画效果,并且图标和文字的颜色还有变化,因为实际上我只是放了灰色图标而已。...下面来改一下切换后的图标颜色和文字颜色吧。 右键点击drawable然后新建一个menu_item_selected.xml。 <?

9K42

导航设计的10种模式

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

3.4K40

UG常用快捷键

可以用此手柄拖动选定的对象,或者可以使用其它图标选项定义对象将如何运动。只移动手柄 仅移动拖动手柄,例如要移动拖动手柄到一个更便利的位置。 矢量工具可以使用这些选项定义运动的矢量。...选择拖动手柄,此选项可用。定义矢量,选定的对象将重定位,以便选定的拖动手柄与矢量对齐。 有关矢量构造器及其选项的信息,请参见 Gateway 帮助。(所有这些图标均在矢量构造器中显示或打开。)...确保“序列”处于“打开”状态。您可以通过“装配”→“序列”将其打开(或关闭),或通过装配工具条上的“装配序列”图标来进行。 2....如果希望组装该序列任何位置处的任何组件,则选择该组件,然后从任何“装配”命令所在的位置上选择此命令(例如,可以是“装配排序和运动分析”工具条、“插入”下拉菜单以及选择组件的图形窗口弹出菜单,或者是“装配导航器...回放期间,会从图形窗口中的次序视图中添加或移除组件,(如果“细节”面板中的“显示拆分屏幕”处于打开状态)。同时,“序列导航器”会用图标来标记当前的和完成的步骤。

3.4K40
领券