Axure RP 8 教程
来源:互联网 发布:电脑不能从网络启动 编辑:程序博客网 时间:2024/05/17 22:01
本文主要介绍如何使用动态面板的多状态切换制作轮番图,而轮番图在首页消息和活动的推送以及APP引导页有广泛的运用。
案例简介:固定区域循环播放一组幻灯片,圆形分页标签随着播放不同的图片,而对应改变样式。
案例效果:
以下是轮番图的制作流程,请慢慢食用哦。
Axure RP 8 教程 - 用动态面板实现轮番图
1.将动态面板拉到操作区中。
2.,双击动态面板,添加五个状态,并给动态面板名称命名为“轮番图”。
3.双击状态,以状态1为例,进入状态1编辑界面,将元件区的图片拖到动态面板框内,双击图片图标添加本地准备好的图片。
4.按照添加状态1图片的方式,为其他四个状态添加图片,一个状态一张,添加完毕五张图片,在大纲页面可以看到。
5.将元件库里的方框拖进来,改成圆形缩小。
6.在这个圆形的属性界面设置选中状态(设置填充颜色为灰色),勾选下方的“选中”(只有Tag1需要勾选“选中”,其他不需要),并且制定选择组“tag”,复制这个圆形,复制成五个之后,为这几个命名为“tag1”~“tag5”。
7.全部选中,一起命名为tag,目的是保证这五个有且仅有一个被选中。
8.为载入时设置用例,实现轮番效果(循环播放效果)。
9.为动态面板“轮番图”的状态切换设置用例。
为用例添加判断,判断面板状态“轮番图”=状态1。
设置该条件下的动作应该为“选中”tag1为真。
10.其他用例按照和用例1相同的方式设置,只是每一个用例对应的状态和图形不一样,最后设置完毕应该为下图所示。
11.收工后预览效果如下图所示
阅读全文
0 0
- Axure RP 8教程
- Axure RP 8 教程
- Axure RP 8教程
- Axure RP 8 教程
- Axure RP 8 教程
- 【0059】Axure RP 8汉化教程
- Axure+RP+pro教程
- Axure RP 8 注册码
- Axure RP 8 教程-指针函数之商品图片放大
- Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 101 Article 1: Introduction介绍 - Introduction to Axure RP - Axure RP介绍
- Axure RP 8 学习笔记
- Axure RP 8 7.0 注册码
- Axure RP Pro 5.5 中文翻译教程
- Axure RP案例教程-系统登陆
- axure rp教程(三)单选框效果
- Axure+RP+pro教程(2)
- Axure rp
- axure rp
- springboot【22】监控管理之Actuator监控端点简介
- vc实现透明位图,透明背景
- 世界线 bitset
- PAT 1016 未通过,段错误
- 清除缓存工具类
- Axure RP 8 教程
- JS字符串使用占位符轻松实现拼接
- 用彩虹表破解MD5、LM Hash等复杂加密密码
- log4j配置打印mybatis sql语句
- 有两台电脑,一台电脑有线上网,另一台不能上网,如何通过飞秋或者其他软件,使得两台电脑间能互传文件
- 论~不小心看破了百度TTS的规律(仅限网络环境)
- 在页面做一个可拖动的进度条
- ansible之variable
- 打印中文字符