Axure 实现轮播+自动轮播 动态面板 中继器 内联框架

效果展示

层-摘要

事件交互

相信有上面的截图,大家都会了哈。

注释

今天画个原型花费了两个多小时的硬时间。演示:8y6nyg.axshare.com
其实这个软件使用起来是非常简单的,前提必需要学会里面的一些常用组件。

动态面板

动态面板用来做一系列会动的操作。比如:自动轮播的轮播图效果;
动态面板的特点是可以支持多种状态的切换操作。比如:动态面板事件的动作绑定支持按状态顺序轮流切换;
在什么情况下需要用到动态面板?
当需要自动循环执行某些动态事件时;
当需要制作幻灯、遮罩等效果时。

不变的操作流程;

  1. 选择某个元件,右键
  2. 然后得到元件上方的两个父级
  3. 这个时候,可以按需要添加多个状态了。
  4. 你可以为一个面板事件添加多个Cases
  5. 如果你只是想实现一个轮播,它很简单,你需要首先确定用什么事件(页面加载、面板加载或点击)Event。
  6. 动态面板的事件只需要设置Action “面板状态".。
    END

中继器

  1. 中继器用来处理一系列的数据、做排序、增删改查。以此之前,主要字段这里:

  1. 中继器很重要,但是也很简单。排序你只需要明白动作如何使用即可。

  1. Value 是这样调用的:

不变的操作流程;

  1. 新建中继器;
  2. 设置字段名,和填写数据; (可添加行与列,每列是单独的字段名)
  3. 双击中继器,进入后编辑插入,开始布局矩形或其它元件;

  1. 点击中继器,进入中继器交互,设置item loaded->设置文本->value 填写 [[Item.字段名]] ;
    END

内联框架

这个功能主要是用来映射其它页面,用于展示。好处可以控制窗口的大小,更好的管理窗口。右键->滚动条->不要选择Never scroll

END

posted @ 2022-07-10 14:58  徐锅  阅读(759)  评论(0编辑  收藏  举报