彩票走势图

原型设计工具Axure RP参考(十六):下拉列表小部件

翻译|使用教程|编辑:况鱼杰|2020-11-17 10:20:04.670|阅读 928 次

概述:下拉列表--也称为下拉列表、下拉菜单或下拉菜单--是一个包含多个选项的可切换列表,一次只能选择一个选项。Dropplist小部件位于Default小部件库的表单部分。当您想让用户从许多可能的答案中选择一个问题的单一答案时,请在用户输入表单中使用 droplist 小组件

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买Axure RP


下拉列表--也称为下拉列表、下拉菜单或下拉菜单--是一个包含多个选项的可切换列表,一次只能选择一个选项。Dropplist小部件位于Default小部件库的表单部分。当您想让用户从许多可能的答案中选择一个问题的单一答案时,请在用户输入表单中使用 droplist 小组件。例如,从世界上所有国家的长长的列表中选择一个国家,通常是用dropplist来完成的。



添加、删除和重新排序Droplist选项

要添加和编辑列表中的选项,请双击画布上或 "大纲 "窗格中的列表小组件以打开 "编辑列表 "对话框。您可以通过单击 "添加 "并在出现的字段中键入新选项的文本,向 Droplist 中添加单个选项。或者,您也可以通过单击编辑多个选项同时向列表中添加多个新选项。

若要重新排列下拉列表选项,请选择一个选项,然后使用对话框顶部的 "上 "和 "下 "按钮。要删除一个选项,请选择它并单击 "删除",或单击 "编辑多个 "并清除文本区域以一次删除所有选项。

定义默认选项

通常,下拉列表中的第一个选项将作为默认选项出现。因此,如果您想让某个选项成为默认选项,您可以将其移至列表顶部。

但是,如果您想让一个较低的选项成为默认选项,请在 "编辑 Droplist "对话框中选中它旁边的框。这将使选中的选项成为默认选项,而不是第一个选项。

要在列表中添加一个空白的默认选项,请输入一个空格字符作为选项的文本。


特殊性能
禁用

禁用下拉列表可防止用户在 Web 浏览器中与之交互。这也会激活小组件的 "禁用 "样式效果,使其显示为灰色。

有两种方法可以禁用小组件:

  • 勾选 "交互 "窗格底部的 "已禁用 "复选框。
  • 使用 Enable/Disable 动作在 Web 浏览器中动态禁用小组件。您可以将此作为任何交互的一部分,例如在加载页面或单击按钮时进行。

注意:您可以使用 Enable/Disable(启用/禁用)操作在 Web 浏览器中动态启用已禁用的小组件。

特殊互动

选择列表选项

在Web浏览器中,您可以单击一个下拉列表以将其打开并选择一个选项。

您还可以使用“设置选定的列表选项”操作动态地更改下拉列表中的选定选项。您可以选择特定的列表选项,也可以使用变量值来设置新的选定选项。

捕获和评估所选选项

您可以通过交互和条件中的value选项的选定选项访问下拉列表的选定选项。例如,您可以将全局变量的值设置为下拉列表的选定选项,以将该值传递到另一个页面。您还可以在某种情况下评估下拉列表的选定选项,以便仅在选项与特定值匹配时才会触发特定情况。

提交按钮

ENTER在Web浏览器中将一个下拉列表作为焦点时按下该按钮可以触发页面上另一个小部件的Click或Tap事件,称为下拉列表的“提交按钮”。

要将提交按钮分配给下拉列表:

  • 选择下拉列表,然后单击“交互”窗格下部的“显示全部” 。
  • 从“提交按钮”下拉列表中的合格小部件列表中选择。

要取消分配提交按钮,请单击下拉列表底部的取消分配提交按钮。


局限性和解决方法

动态添加和删除Droplist选项

下拉列表中可用的选项不能在Web浏览器中动态更改,但是您可以通过制作具有多个状态的动态面板来模拟效果,每个面板都包含具有不同内容的下拉列表。如果要更改下拉列表中的选项,请切换动态面板的状态。

制表顺序

下拉列表和其他表单窗口小部件的选项卡顺序由其层深度确定,如“大纲”窗格中所示。您可以在“组织小部件”文章中了解有关此内容以及如何更改小部件的选项卡顺序的更多信息。

推荐阅读:

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程


想要获得Axure RP更多资源、正版授权的伙伴,请咨询了解

关注慧聚IT微信公众号☟☟☟,了解产品的最新动态及最新资讯。

慧聚IT


标签:网页设计视图模型网站设计原型设计

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP