撰写使用形状元件创建一个自定义下拉列表，使用“显示/隐藏”动作来创建下拉列表的交互，并且使用“设置文本”动作来显示用户的选项。
STEP 0：下载练习文件
如果你还没有练习文件，请下载Axure Training.rp并在Axure RP中打开它，该文件包含了Axure培训网站上每个教程的对应页面。我们建议你始终使用我们准备好的文件来学完教程，但是如果你无法保证，那也没有关系，我们也会告诉你在不使用Axure Training.rp文件的情况下，如何创建新文件来完成教程。
STEP 1：隐藏下拉列表选项
在练习文件中打开“自定义下拉列表”页面，画布上有一个名为“自定义下拉列表”的组合并且包含两个其他组合：“选择按钮”组合将作为下拉列表的按钮，“选项”组合将作为下拉列表的主体。
点击两次“选项”组合来选中它：第一次点击是选中“自定义下拉列表”组合，第二次点击才是选中“选项”组合本身（或者也可以在概要窗格中直接选中“选项”组合），然后点击样式工具栏中或检视器窗格中属性页签下的“隐藏”复选框来将其隐藏。
STEP 2：切换下拉选项的可见性
选中“选择按钮”组合，然后在检视窗格中的属性页签下，双击“鼠标单击时”来添加一个新的鼠标单击时用例。
在用例编辑器中，点击左侧“添加动作”栏中的“切换可见性”（位于“显示/隐藏”下面），在右侧“配置动作栏”中选择“选项”组合。
在右侧“配置动作”栏的底部，设置“显示动画”为“向下滑动”，注意，这时候“隐藏动画”会自动设置为“向上滑动”。
点击“确定”按钮关闭用例编辑器。
STEP 3：当选中一个选项时将选项内容显示在选择按钮上并隐藏下拉选项
在概要窗格中，选中“选项1”矩形元件（这会使隐藏的“选项”组合暂时显示在画布上），然后双击检视窗格中属性页签下的“鼠标单击时”来添加一个新的鼠标单击时用例。
在用例编辑器中，点击左侧“添加动作”栏中的“设置文本”，在右侧“配置动作”栏中选择“选择按钮”组合中的矩形元件。
在右侧“配置动作”栏的底部，设置左侧的下拉列表选项为“元件文字”，保持右侧下拉列表的选项为“This”不变。这样可以将矩形元件“选项1”上的文本设置到“选择按钮”组合中的矩形元件上。
回到左侧“添加动作”栏中，点击“显示/隐藏”下的“隐藏”动作，在右侧“配置动作”栏中选择“选项”组合。
在右侧“配置动作”栏的底部，设置“动画”选项为“向上滑动”。
点击“确定”按钮关闭用例编辑器。
STEP 4：将“鼠标单击时”用例粘贴到其他选项上
应为在STEP 3中，“设置文本”动作的对象是“当前元件”，也就是正在触发事件的元件，所以我们可以将相同的“鼠标单击时”用例用在另外三个“选项”矩形元件上。我们不需要再为每一个元件单独设置用例，只需要复制粘贴就可以。
在矩形元件“选项1”被选中的状体下，右键点击检视窗口中属性页签下的“Case1”，然后在弹出的邮件菜单中选择“复制”，之后在其他“选项”矩形元件上点击鼠标右键并且选择“粘贴”，这样就可以将复制的用例粘贴到元件的“鼠标单击时”事件下。
再将复制的用例粘贴到另外两个“选项”矩形元件上，以保证四个“选项”都具有相同的“鼠标单击时”用例。
STEP 5：预览
在Web浏览器中预览页面，点击选择按钮显示自定义下拉列表选项，然后点击其中一个选项，将下拉列表选项再次隐藏，并且将被选项的文本设置在了选择按钮上。