如何在axure中选择改变矩形内容

在使用axure做原型设计时,当表格中某一条记录的状态需要选择、改变时如何设计?下面将详细介绍。 打开axure工具 首先,打开axure工具,准备开始设计。确保你已经安装了最新版本的axure软

在使用axure做原型设计时,当表格中某一条记录的状态需要选择、改变时如何设计?下面将详细介绍。

打开axure工具

首先,打开axure工具,准备开始设计。确保你已经安装了最新版本的axure软件。

添加矩形框和文字

在左侧工具栏中找到矩形框,并拖进工作区。双击矩形框,输入文字“未完成”作为初始状态。

添加下拉列表框

在左侧工具栏中找到下拉列表框,并拖进工作区。双击下拉列表框,弹出编辑列表选项窗体。

在窗体中,点击“添加多个”后,在弹出的新窗体中,输入“未完成”、“进行中”和“已完成”三项,每项输入后回车换行。你也可以在编辑列表选项窗体中点击“ ”号进行增加选择项。点击确定后返回编辑列表窗体,单击“未完成”选项,使其作为初始状态值。点击确定完成下拉列表编辑。

调整下拉列表框大小并隐藏

将下拉列表框的大小调整为与矩形框相近,并将其拖进矩形框中。在右侧状态栏中勾选为隐藏,以便在初始状态下不显示。

设置鼠标单击事件

选中矩形框后,在右侧栏中选择属性中的鼠标单击时事件。在弹出的窗体中,左边选择“显示”,右边选择下拉列表框。即当单击矩形框时,显示下拉列表框。点击确定后回到工作区。

设置选项改变事件

在工作区中选择下拉列表框,并选择属性中的选项改变时的事件。在弹出的事件设置窗体中选择“添加条件”,并在条件窗体中选择“进行中”。点击确定完成条件设置,返回事件窗体。

在左侧选择“设置文本”,在右侧选择矩形,并在右下部将值设置为“进行中”;在左侧选择“隐藏”,右侧选择下拉列表框,完成设置。即当下拉列表的选择是“进行中”时,将矩形的文字改变为“进行中”,并隐藏下拉列表框。

查看效果

回到工作区,按下F5在浏览器中查看效果。你将会看到矩形框的文字会根据下拉列表的选择改变,同时下拉列表框会在初始状态下被隐藏。

以上就是在axure中如何选择改变矩形内容的详细步骤。希望对你有所帮助!

标签: