如何在axure中选择改变矩形内容
在使用axure做原型设计时,当表格中某一条记录的状态需要选择、改变时如何设计?下面将详细介绍。 打开axure工具 首先,打开axure工具,准备开始设计。确保你已经安装了最新版本的axure软
在使用axure做原型设计时,当表格中某一条记录的状态需要选择、改变时如何设计?下面将详细介绍。
打开axure工具
首先,打开axure工具,准备开始设计。确保你已经安装了最新版本的axure软件。
添加矩形框和文字
在左侧工具栏中找到矩形框,并拖进工作区。双击矩形框,输入文字“未完成”作为初始状态。
添加下拉列表框
在左侧工具栏中找到下拉列表框,并拖进工作区。双击下拉列表框,弹出编辑列表选项窗体。
在窗体中,点击“添加多个”后,在弹出的新窗体中,输入“未完成”、“进行中”和“已完成”三项,每项输入后回车换行。你也可以在编辑列表选项窗体中点击“ ”号进行增加选择项。点击确定后返回编辑列表窗体,单击“未完成”选项,使其作为初始状态值。点击确定完成下拉列表编辑。
调整下拉列表框大小并隐藏
将下拉列表框的大小调整为与矩形框相近,并将其拖进矩形框中。在右侧状态栏中勾选为隐藏,以便在初始状态下不显示。
设置鼠标单击事件
选中矩形框后,在右侧栏中选择属性中的鼠标单击时事件。在弹出的窗体中,左边选择“显示”,右边选择下拉列表框。即当单击矩形框时,显示下拉列表框。点击确定后回到工作区。
设置选项改变事件
在工作区中选择下拉列表框,并选择属性中的选项改变时的事件。在弹出的事件设置窗体中选择“添加条件”,并在条件窗体中选择“进行中”。点击确定完成条件设置,返回事件窗体。
在左侧选择“设置文本”,在右侧选择矩形,并在右下部将值设置为“进行中”;在左侧选择“隐藏”,右侧选择下拉列表框,完成设置。即当下拉列表的选择是“进行中”时,将矩形的文字改变为“进行中”,并隐藏下拉列表框。
查看效果
回到工作区,按下F5在浏览器中查看效果。你将会看到矩形框的文字会根据下拉列表的选择改变,同时下拉列表框会在初始状态下被隐藏。
以上就是在axure中如何选择改变矩形内容的详细步骤。希望对你有所帮助!