Axure如何实现新增数据效果--Axure基础教程

 时间:2024-10-13 14:33:20

1、首先打开软件,新建一个页面,准备好几个输入框。输入框一定要命好名字,要不然后期维护很混乱,制作的过程中也容易出现错误。

Axure如何实现新增数据效果--Axure基础教程

3、添加中继器,如图所示。中继器是Axure中比较高级的元件,能够实现很多以假乱真的效果。

Axure如何实现新增数据效果--Axure基础教程

5、添加数据。在右侧的面板中有中继续数据设置的面板,可以添加行和列,第一行输入我们的列名,如图所示。

Axure如何实现新增数据效果--Axure基础教程

7、添加数据按钮交互效果设置。选中按钮,在属性面板--交互--单击时。双击打开交互效果设置面板。

Axure如何实现新增数据效果--Axure基础教程

9、设置中继器公式。点击列后面的fx按钮,打开公式设置界面,点击添加局部变量,将第一步中的输入框设置为局部变量,如图:注意对应关系。

Axure如何实现新增数据效果--Axure基础教程

10、按照规则输入公式,在[[输入你的变量名]]。如图所示,输入正确的变量名后,点击确定,按照这个方式,依次将后面几列的公式都设置好。

Axure如何实现新增数据效果--Axure基础教程

11、点击预览,在输入框中数据数据,点击添加按钮,查看效果。

Axure如何实现新增数据效果--Axure基础教程Axure如何实现新增数据效果--Axure基础教程
  • 怎么用原型实现鼠标悬停按钮变色效果
  • axure怎么设置弹框动画?
  • 原型设计:[3]利用Axure实现复选框全选效果
  • Fireworks软件中如何使用变形工具
  • Axure去除文本框边框教程
  • 热门搜索
    平凉旅游景点大全 上里古镇旅游攻略 大理丽江香格里拉旅游攻略 北京凯撒旅游官网 3月适合旅游的地方 千岛湖旅游官方 灵山大佛旅游攻略 11月去哪里旅游最好 西班牙旅游景点 浙江农家乐旅游