当前位置: 首页 > article >正文

axure动态面板

最近转管理岗了,作为项目负责人,需要常常与客户交流沟通,这时候画原型的能力就是不可或缺的本领之一了,关于axure可能很多it行业者都不是很陌生,简单的功能呢大家就自行去摸索,我们这次从动态面板开始讲起。切记到操作动态面板时一直要进入盒子内部操作,在盒子外部操作是没有任何效果的。

一、动态面板的遮罩

动态面板我们可以将其理解为一个盒子,当需要展示的元件在盒子内,将会展示,若展示的元件一半在盒子内一半在盒子外,这时候只会展示盒子内的部分,这时间就实现的遮罩的效果。

1、创建一个动态面板

双击进入盒子内部
在这里插入图片描述
在盒子内部放入一个元件。
在这里插入图片描述
此时我们预览效果是正常展示的。
在这里插入图片描述
当我将元件一半移到盒子外面时,这时候遮罩效果就展现出来了。
在这里插入图片描述
如果我们想加大动态面板的范围,直接从盒子里退出来,拖动边框就好。
在这里插入图片描述
在这里插入图片描述

二、浮窗

在原型制作时我们常常用有这样的要求,当鼠标放置在某个元件上时会展示提示信息,当然实现这个功能的方法有很多,这次我们主要用动态面板来做。
1、创建一个帮助文档,并给其加上提示信息。
在这里插入图片描述
2、将提示框转换为动态面板,并将其重命名为提示信息,并将其设置为隐藏
在这里插入图片描述
3、给帮助文档设置交互,设置鼠标移入时展示提示信息,移除时则隐藏。在这里插入图片描述
4、展示效果。
在这里插入图片描述

三、轮播

我们这次讲轮播功能,其中最主要是要将动态面板最核心的功能,层的概念引出来。
1、创建一个轮播的框框将其设为动态面板。
在这里插入图片描述
2、进入动态面板,将其加四层。
在这里插入图片描述
3、后面三层复制第一层的内容,改变填充颜色。注意下面圈圈底色也要跟着变动。
在这里插入图片描述
4、设置交互。选择页面载入时,往后滑动并且循环。
在这里插入图片描述

这个就能达到页面自动滚动轮播图片的效果。
在这里插入图片描述

四、拖动

动态面板还有一个常用的功能就行拖动了。
我们在页面创建一个矩形,将其设置为动态面
设置拖动时,选择移动。
在这里插入图片描述此时矩形在页面就可以自由的移动了,当然我们也可以设置矩形只能移动的方位,这个就让大家自己慢慢摸索了。


http://www.kler.cn/news/294708.html

相关文章:

  • 力扣刷题--442. 数组中重复的数据【中等】
  • 指针与函数(三)
  • 1-9 图像膨胀 opencv树莓派4B 入门系列笔记
  • 关键字volatile有什么含意?
  • Java线程池和Executor框架-面试与分析
  • Wimdows使用Appium IOS自动化
  • 行为型设计模式-责任链(chain of responsibility)模式-python实现
  • 第十六篇:走入计算机网络的传输层--传输层概述
  • 【Qt线程】—— Qt线程详解
  • 2024年水利水电安全员考试题库及答案
  • Linux C 内核编程 /proc 编程例子
  • 【代码随想录训练营第42期 续Day52打卡 - 图论Part3 - 卡码网 103. 水流问题 104. 建造最大岛屿
  • 手游后端架构中,用命令模式解决什么问题
  • How can I load the openai api configuration through js in html?
  • 云计算实训41——部署project_exam_system项目(续)
  • 关于Qt在子线程中使用通讯时发生无法接收数据的情况
  • Docker配置Redis持久化
  • 如何保护服务器免受恶意软件攻击?
  • C++学习笔记(11)
  • 【网络安全】如何预防xss
  • 基于EPS32C3电脑远程开机模块设计
  • 飞思相机存储卡格式化数据如何恢复?提供全面指南
  • 风格控制水平创新高!南理工InstantX小红书发布CSGO:简单高效的端到端风格迁移框架
  • 【Nacos】负载均衡
  • 应用层简单实现udp / tcp网络通信
  • 「大数据分析」图形可视化,如何选择大数据可视化图形?
  • Qt: 详细理解delete与deleteLater (避免访问悬空指针导致程序异常终止)
  • JAVA并发编程JUC包之CAS原理
  • 概率学 笔记一 - 概率 - 随机变量 - 期望 - 方差 - 标准差(也不知道会不会有二)
  • 【AcWing】853. 有边数限制的最短路(bellman-ford贝尔曼福特算法)