Axure进阶

1.内联框架

链接目标

双击后可以链接两类目标:当前原型中的页面、外部的URL或文件(图片、视频、音频等),设置好之后,页面加载时内联框架就会自动载入对应的内容,并且会随着链接的对象一起更新。

比如把某个视频的地址链接到内联框架中,然后在内联框架中就能直接打开播放了。

边框可见性

可以右键“切换边框”或在样式面板里设置“隐藏边框”,使实际页面上内联框架的边框不可见。

滚动条方式

  1. 按需滚动:根据页面内容,通过自动判断内容的宽度/高度有没有超过内联框架的范围,来加或不加(水平/垂直)滚动条
  2. 始终滚动
  3. 从不滚动:显示的内容只限定在内联框架的宽高里

预览图片

作用顾名思义。

  1. 无预览图:画布中不展示预览图,显示的是空白
  2. 视频
  3. 地图
  4. 自定义预览图

2.动态面板

滚动条

类似内联框架,有从不滚动、按需滚动、垂直滚动、水平滚动四种

eg.按需滚动,内容超出动态面板的范围了,为了展示其余部分内容,就会自动出现水平/垂直滚动条

原型

展示效果

自适应内容

默认关闭,开启后会自动识别面板的内容,调整动态面板尺寸,使所有内容都显示出来。

100%宽度

选中后会使动态面板的宽度充满整个浏览器。

固定到浏览器

  1. 水平固定:左侧、居中、右侧,也就是不管浏览器的宽度如何变化,面板水平位置都不变
  2. 垂直固定
  3. 始终保持顶层

常见应用场景如:标题导航、侧边栏导航、返回顶部导航、弹出框。

3.元素操作

布尔运算

通过布尔运算可以制作出想要的形状或图标。

选中多个元件后,样式区域可以选择4种运算模式:

  1. 合并:取合并后元件的最大范围;
  2. 去除:去掉最底层元件之上的所有图形,并去掉它被覆盖的区域;
  3. 相交:保留元件交叉覆盖的区域;
  4. 排除:移除元件重叠部分

变换形状

选中后右键变换形状,可选择水平反转或垂直反转。还有编辑点、用曲线后折线连接点等功能。

工具提示

鼠标悬停到元件上方时展示的提示信息,也可以设置其他触发动作。可以选择元件后右键设置“工具提示”或在交互->显示全部里设置。

选项组

选项组可以将多个元件或组合串联在一起,并且具有互斥的效果,类似于单选按钮组的效果,每个元件或组合之间是互斥的效果,其中只能有一个是可以被选中的,通过这个特性可以轻松的做出如导航菜单栏、单选按钮组、Tab页签等效果。

ps:更多的内容比如动态面板的具体使用、各类函数的使用,就留在日常工作中按需学习、实践。

猜你喜欢

转载自blog.csdn.net/m0_61251376/article/details/125849307
今日推荐