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

 时间:2024-10-15 09:20:50

1、打开axure工具

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

2、在左侧工具栏中找到矩形框并拖进工作区,双击输入文字“未完成”

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

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

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

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

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

5、将下拉框的大小修改和矩形框大小相近后拖进进矩形框中,并在右侧状态栏中勾选为隐藏。

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

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

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

7、在工作区中选择下拉列表框,并选择属性中的选项改变时的事件,在弹出事件设置窗体中选择 添加条件 ,在条件窗体中 选择 进行中,点击确定。完成条件设置返回事件窗体,在左侧选择 设置文本、在右侧选择矩形 并在右下部将值设置为 进行中;在左侧选择隐藏 右侧选择 下拉列表完成设置。即当下拉列表的选择是进行中时,将矩形的文字改变为进行中,并隐藏下拉框。

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

8、回到工作区,按F5在浏览器中查看效果如下

在axure中如何选择改变矩形内容
在axure中如何选择改变矩形内容
在axure中如何选择改变矩形内容
  • axure怎么实现banner滚动效果
  • photoshop入门教程(43)切片层
  • Ai如何制作镂空五边形圆形图案
  • AI怎么快速做出精美乒乓球拍形状图案
  • AI怎么快速做出精美冰棒形状图案
  • 热门搜索
    三月三手抄报图片大全 世界知识产权日手抄报 反腐倡廉手抄报内容 关于科技手抄报内容 安全方面的手抄报 阳光体育手抄报 节约用水用电手抄报 舌尖上的年味手抄报 消防安全手抄报知识 母爱的手抄报