Axure设置简单的单个滑动选项卡

      设每个图片宽为100px,高不限,每个图片间隔为10px,5张图片,故方框的的宽为540Px。 设置动态面板宽为540px高为图片高。在动态面板内进行操作........ 添加动态面板:       添加动态面板,双击State1,在State1中添加5张图片,在State1中底部添加背景矩形框,将State1内容打组。

左右键设置: 右按钮:

(1)设置全局变量(随便命名)为move,在鼠标单击事件双击进入在用行列编辑页面。

(2)在用行列编辑页面设置全局变量,引入全局变量move,设置值为值,点击FX之后插入变量与函数,引入全局变量move,在文本框中会显示[[move]], 把文本框中内容改为[[move-110]]即可。

(3)在用行列编辑页面设置移动,点击动态面板下面State1打包好的组,在X轴文本框上输入之前的上一条的数值-110。点击确定。

(4)在用行列编辑页面添加限定条件,输入模板:值  [[move]]  >=  值  -110。点击确定。

(5)点击确定,左按钮设置完毕。

左按钮:

(1)借鉴右按钮设置方法(1),(2),(3),(4).数值改为由-110改为110,>=改为<。设置完毕。

设置原理:

左按键:

小于110:设开始初始X坐标为0,与设立条件不符合,不触发事件。

当右按钮点击一次时,此事X坐标为-110,与设立的条件(<0),触发事件。

右按键:

大于等于110:最开始的X坐标为0,与设立条件(>=-110)符合,此时可以点击。

点击过后X坐标为-110,与设立条件(>=-110)符合,此时也可以点击。

点击过后X坐标为-220,与设立条件(>=-110)不符合,此时不可以点击。

注: -110的数值是图片宽度+图片的间隔=100+10.(110的值是根据图片宽和每个图片的间隔可变的), move是自己命名的。



图片发自简书App
图片发自简书App



图片发自简书App


图片发自简书App


图片发自简书App


图片发自简书App


图片发自简书App


图片发自简书App


图片发自简书App
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,012评论 3 119
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,428评论 25 708
  • 时光荏苒,18这个青春代名词已失效了今天你19岁了一年无法用言语去诠释这场梦你已经毅然挥却,也是在那一刻猛然醒悟褪...
    八月未央971212阅读 205评论 1 2
  • 爱情是什么呢?这个恒久的话题,因着个体的不同,答案也大相径庭。 我觉得两个相爱的人需要些许共同的东西,因为这样才会...
    三月迷藏阅读 494评论 0 50
  • 今天放学路上,我们娘俩照例在车里聊天,打发晚高峰期的时间。 闻:“妈妈我跟你讲,我们班的(A)和(B)上英语课聊天...
    悦己者颜阅读 174评论 0 0