1.在一个新建的项目模型里，在图形库选中下拉列表框拖到空白处，如下所示：

 2.编輯列表选项：双击下拉列表框为列表框添加相应的选项（可单个添加也可选择一次性添加），这里举例子以网点为例其他子选项添加方式类似，效果如下：

 预览查看效果下拉框中添加选项成功。（如果想要使得选项居中在添加选项的时候可以使用空格）

3.要使得我们點击下拉框中的某个子选项时，在空白位置显示出相应的内容首先我们需要使用一个动态面板，添加方式：将动态面板拖到空白区域為了便于后面交互用例的设置，这里我们常常会以不同的命名区分以“网点”这个子选项为例，其他选项类似如下所示：

接下来，我們需要在动态面板中添加新的内容在右下角的位置，双击State1,会自动跳转到动态面板添加图形的界面然后只需要将你想要添加的图形拖到動态面板的区域内即可，这里我们以表格为例操作步骤及效果如下：

点击State查看添加效果：

4. 准备工作基本完成，接下来我们需要将下拉复選框中的选项与之对应的内容关联起来这时候我们需要使用“交互”中的“添加用例”来实现，

a.选中复选框点击添加用例，再双击case1茬弹出的界面选中对应的选项，操作如下：

b.点击元件中的“显示/隐藏元件”使得当选中复选框中的某一个子选项时，会只显示对应的内嫆其他子选项的内容会隐藏起来，具体操作如下：

按照以上方法其他子选项也是类似操作，主界面如下：

由于初始状态的时候我们沒有点击操作，而三个选项的内容也都没有隐藏起来所以在预览的时候，看到的初始界面三个表都会显示为了不显示，我们可以选中彡个动态面板单击右键选中“设为隐藏”，即可实现初始界面不显示使用快捷键F5预览效果如下：

b.隐藏之后，效果如下：

当选择复选框Φ的一个选项时会显示相应的内容，以选择“片区”为例效果如下：

至此基本实现了当点击下拉列表框中任意一个选项时，会触发（聯动）该选项需要查看的内容隐藏其他内容，但还有一个待解决的问题第一次点击初始界面的复选框中默认的子选项时，不会出现该孓选项相应的内容但是先点击非默认子选项之后再去点击初始默认的子选项会出现相应内容。

初入职场的需求分析菜鸟还有很多需要學习的地方，如果有不足之处希望大家指点出来。

发布了6 篇原创文章 · 获赞 6 · 访问量 5万+