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

axure动态面板

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

一、动态面板的遮罩

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

1、创建一个动态面板

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

二、浮窗

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

三、轮播

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

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

四、拖动

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

http://www.lryc.cn/news/434360.html

相关文章:

  • [论文笔记]Making Large Language Models A Better Foundation For Dense Retrieval
  • Linux平台屏幕|摄像头采集并实现RTMP推送两种技术方案探究
  • 梧桐数据库|中秋节活动·抽奖领取大闸蟹
  • Python怎么发送邮件:基础步骤与详细教程?
  • [译] 大模型推理的极限:理论分析、数学建模与 CPU/GPU 实测(2024)
  • vue3 响应式 API:readonly() 与 shallowReadonly()
  • 迁移学习与知识蒸馏对比
  • 【Java-反射】
  • 移动UI设计要求越来越高,最为设计师应如何迎头赶上
  • 大数据-121 - Flink Time Watermark 详解 附带示例详解
  • 国行 iPhone 15 Pro 开启苹果 Apple Intelligence 教程
  • conda、anaconda、pip、torch、pytorch、tensorflow到底是什么东西?(转载自本人的知乎回答)
  • 数据库系列之GaussDB数据库中逻辑对象关系简析
  • 如何进行不同数据库的集群操作?--从部署谈起,今天来看MySQL和NoSql数据库Redis的集群
  • 第 6 章图像聚类
  • HC-SR501人体红外传感器详解(STM32)
  • 关于武汉芯景科技有限公司的IIC电平转换芯片XJ9517开发指南(兼容PCF9517)
  • C语言:scanf()、getchar()、gets()
  • 基于MATLAB的全景图像拼接系统实现
  • AI模型“减肥”风潮:量化究竟带来了什么?
  • 第四届“长城杯”网络安全大赛 暨京津冀网络安全技能竞赛(初赛) 全方向 题解WriteUp
  • ETCD的备份和恢复
  • Linux Makefile文本处理函数知识详解
  • Rust的数据类型
  • 如何在vim中批量注释和取消注释
  • Centos7.9 安装Elasticsearch 8.15.1(图文教程)
  • 哈希表-数据结构
  • 指针之旅(4)—— 指针与函数:函数指针、转移表、回调函数
  • 打造线上+线下相结合的O2O平台预约上门服务小程序源码系统 带完整的安装代码包以及搭建部署教程
  • python sys模块