摹客 Mockplus

摹客 Mockplus

让设计更快更简单

下拉列表框组件

下拉列表可以从多个项目中选择其中一项。在正常状态下,只显示一个当前选定的列表项,当点击下拉列表时,会下拉(drop down)出所有的列表项目以供选择。

添加下拉列表框

在组件面板的扩展组件中,拖出下拉列表框。

下拉列表-1.png

编辑文本

首先双击下拉列表框,进入列表,然后鼠标放在“列表”上,再次双击,即可编辑文本信息。

其中一行文本表示一个列表项。

下拉列表框-3.png

设置属性

选中下拉列表框,在右边属性面板上,可以设置下拉列表框的文本颜色、字体字号、边框、颜色等属性。

下拉列表框-4.png

双击下拉列表框,可以设置列表的默认选项、选中文本颜色、选中颜色等属性。

下拉列表框-5.png

重要属性

勾选“允许输入”属性,当你进入演示界面(快捷键 F5)时,可以在列表框中输入字符。

下拉列表框-8.png

下拉列表框-9.png

“选择”属性可以设置下拉列表框的默认选项。

下拉列表框-7.png

设置交互

拖动下拉列表框右上角链接点,链接其它组件,可以设置下拉列表框与其它组件的交互。

下拉列表框-2.png

双击下拉列表框,拖动列表项对应的链接点,链接其它组件,可以设置各个列表项与其它组件的交互。

下拉列表框-6.png

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!