Axure中继器如何让插入数据在第一行,而不是最后一行?

2020年7月3日10:07:50 发表评论 245 views

 

  • 打开Axure8 找到元件,2113如下图所示:

    点击5261查看大图" class="ikqb_img_alink">Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

  • 根据下图做出界面4102布局,元件有:中继器一个,按1653钮三个(添加、编辑、删除)、文本框一个(添加、编辑时输入使用)
  • 根据图示,对各个元件名称:中继器、添加按钮、编辑按钮、删除按钮、文本、中继器内容(使用axure时一定要记得对元件命名,元件相同的太多就会混乱,影响思路)

    Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

  • 布局做好后,先简单认识一下 中继器,系统默认为我们添加了三个内容,以及设置了一个交互用例:

    Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

  • 选中“添加”按钮,点击交互用例”鼠标单击时“,弹出”用例编辑“窗体,选择  中继器-->添加行,选中右侧 ”中继器“字样,点击下面的”添加行“按钮。

    Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

    Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

  • 在弹出的窗体上点击如图所示的地方,来添加一个局部变量:

    Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

    Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

  • 根据下图所示,设置局部变量:先选择”元件文字“,再选择元件”文本“,意思是:变量 等于 所选择元件的文字;

    Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

  • 点击上面的”插入变量或函数“ 找到变量,点击即可。效果如下图:

    Axure中继器如何让插入数据在第一行,而不是最后一行?

    请点击输入图片描述

  • 一路确定后,F5预览,并测试添加效果。下一片经验我们继续中继器的其他相关操作。

    Axure中继器如何让插入数据在第一行,而不是最后一行?

 

发表评论

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