天天看点

第13节-下拉列表DropdownList | 剑雨Axure RP9系列【基础】

下拉列表,又称下拉框,是一个可切换列表,其中包含多个选项,一次只能选择一个选项。

当你需要从多个答案中选中某一个时,可以采用此部件。比如国家的选择/地区的选择等。

添加,删除和重新排序Droplist选项

第13节-下拉列表DropdownList | 剑雨Axure RP9系列【基础】
  • 元件添加:直接从左侧元件库上拖入;
  • 下拉列表的编辑:直接双击Droplist;
  • 选项的添加:点击左侧上方添加按钮(上图中第一个红框);
  • 选项内容的编辑:点击左侧上方的编辑多项按钮 (上图中第二个红框)
  • 选项内容的输入:可直接右侧弹出窗口中输入;
  • 选项的排序:选中某一个选项后,使用上方的上移或下移箭头;
  • 选项的删除:选中某一个选项后,点击上方的删除按钮。

定义默认选项

通常,第1个选项为默认选项;

自定义选项:直接在选项前打上对勾。

注意:若需要设置默认选项为空白选项,则将该选项的内容输入为一个空格
第13节-下拉列表DropdownList | 剑雨Axure RP9系列【基础】

特殊交互

针对下拉列表的特殊交互选项改变时, 可运用此交互来设置对应选项的交互事件。

  • 可以设置全局变量将值传送至其他页面;
  • 可以在交互事件选项改变时中设置条件,来触发其他元件的样式或动作。
    第13节-下拉列表DropdownList | 剑雨Axure RP9系列【基础】

下拉框的提交按钮

当鼠标进入下拉框的范围(获取焦点)时, 按住

Enter

键可以触发另一个元件的鼠标单击事件(OnClick事件), 这一个元件称为提交按钮(submit button)。

为下拉框指定提交按钮的方法:选中下拉框后,单击右侧的选项,下方的“提交按钮”,在下拉菜单中选择要触发的元件。

第13节-下拉列表DropdownList | 剑雨Axure RP9系列【基础】

继续阅读