原型设计工具Axure RP参考（十七）：列表框小部件

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

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

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

允许多个选择

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

定义默认选项

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

特殊性质

禁用

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

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

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

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

特殊互动

选择列表选项

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

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

捕获和评估所选选项

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

提交按钮

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

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

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

局限性和解决方法

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

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

设置或读取多个选择

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

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

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

制表顺序

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

推荐阅读：

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

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

想要获得Axure RP更多资源、正版授权的伙伴，请咨询【客服】了解

标签： 页设计 站设计原型设计