Axure制作：下拉框应用案例-选择“数字”范围

1. 新建所需元素

首先，我们需要新建两个标签、三个文本框和三个下拉列表框。其中，两个标签的内容设置为“数字”，而三个文本框的类型则设为“Number”。这三个文本框可以预设默认的数字（随意）。接下来，我们需要设置好下拉列表框的内容。

2. 创建数字区间组合

在设置完所有的元素后，我们将组合“两个文本框”、“两个下拉列表框”和“标签：数字”并命名为“数字区间”。该组合如下图所示。

3. 配置布局和隐藏属性

接下来，我们需要按照以下布局进行设置，并将“数字区间”设为隐藏状态。

4. 配置下拉列表框的交互动作

我们需要配置“下拉列表框”的“选项改变时”的交互动作。具体步骤如下：

- 条件1：当“被选项”等于“介于（两个数字之间）”时

- 动作1：显示“数字区间”组合，并隐藏文本框

- 条件2：其他任何情况

- 动作2：隐藏“数字区间”组合，并显示文本框

5. 设置完成，效果展示

经过以上设置，我们的下拉框应用案例就完成了。整体效果如下图所示：

如果你觉得这个案例对你有帮助，请投个票并给予赞哦~

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。