彩票走势图

原型设计工具Axure RP参考(十七):列表框小部件

翻译|使用教程|编辑:况鱼杰|2020-11-18 14:13:52.223|阅读 698 次

概述:列表框小部件显示选项列表,用户可以从中选择一个或多个选项。 列表框小部件位于“默认”小部件库的“表单”部分中。

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

相关链接:

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

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


列表框小部件显示选项列表,用户可以从中选择一个或多个选项。 列表框小部件位于“默认”小部件库的“表单”部分中。


添加,删除和重新排序列表框选项


要在列表框中添加和编辑选项,请双击画布上或“大纲”窗格中的列表框小部件以打开“编辑列表框”对话框。您可以通过单击添加,然后在出现的字段中键入新选项的文本,将单个选项添加到列表框中。或者,您可以通过单击“多次编辑”一次将几个新选项添加到列表框中。

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

允许多个选择

列表框可以允许多个选择,但是您必须首先启用此设置。要允许多个选择,请双击列表框,然后在“编辑列表框”对话框的底部选中“默认情况下允许选择多个项目”。

启用此设置后,您可以在Web浏览器中通过按住CTRL或CMD的同时单击多个选项来选择多个选项。

定义默认选项

通常,列表框默认不会在Web浏览器中选择任何选项,但是您可以在“编辑列表框”对话框中进行更改。 双击列表框小部件,然后选中对话框中选项之一旁边的框。

注意:如果启用了多个选择,则可以定义多个默认选项。


特殊性质

禁用

禁用列表框可防止用户在Web浏览器中与其进行交互。 这也会激活小部件的“禁用”样式效果,使其显示为灰色。

有两种禁用窗口小部件的方法:

  • 选中“交互”窗格底部的“禁用”复选框。
  • 通过启用/禁用操作在Web浏览器中动态禁用窗口小部件。 您可以在任何交互过程中执行此操作,例如在页面加载或单击按钮时。

注意:您可以使用“启用/禁用”操作在Web浏览器中动态启用禁用的窗口小部件。

特殊互动

选择列表选项

在Web浏览器中,您可以单击列表框选项以将其选中。如果启用了多个选择,则可以在单击以选择多个选项的同时按住CTRL或CMD。

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

捕获和评估所选选项

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

提交按钮

当列表框在Web浏览器中处于焦点状态时,按ENTER键可以触发页面上另一个窗口小部件的Click或Tap事件,称为列表框的“提交按钮”。

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

  • 选择列表框,然后单击“交互”窗格下部的“显示全部”。
  • 从“提交按钮”下拉列表中的合格小部件列表中进行选择。
  • 要取消分配提交按钮,请单击下拉列表底部的取消分配提交按钮。


局限性和解决方法

动态添加和删除列表框选项

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

设置或读取多个选择

通过“设置选定的列表选项”操作动态设置列表框的选定选项时,您只能选择一个选项;否则,您只能选择一个选项。您无法通过互动同时选择多个选项。

同样,即使已选择了多个选项,也可以通过交互和条件中的value选项的选择选项从列表框中读取一个选择的选项(最上面的一个)。

要解决这些限制,请制作一个带有形状小部件的自定义列表框。

制表顺序

列表框和其他表单窗口小部件的选项卡顺序由其层深度确定,如“大纲”窗格中所示。

推荐阅读:

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

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


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

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

慧聚IT


标签:网页设计网站设计原型设计

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

文章转载自:

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP