Axure9中继器教程:列表数据行增加

2023-04-1911:15:25原型设计Comments1,460 views字数 277阅读模式

1、拖一个中继器,双击进入内部,拖入一个矩形,调整宽高,首尾相连。继续拖拽复制几个矩形。退出中继器编辑。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

2、【样式】-【数据】中添加各行各列数据。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

3、给中继器添加交互动作,【每项加载时】-【设置文本】,选择每列,然后在公式列表中找到列标题名。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

4.新增按钮。拖入一个按钮,调整样式。想要的效果是,点击新增按钮,弹出一个表单。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

5.设计表单,矩形、文本框、文本标签。全部选中,转化为动态面板。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

6.在动态面板中设置确定按钮的交互动作。同时,新增行结束后,要隐藏输入弹窗,并且将表单中的输入框全部清空。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

7.在动态面板中同样设置取消按钮的交互动作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

8.预览效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

Axure9中继器教程:列表数据行增加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36021.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/36021.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定