Axuremost.cn

1、什么是元件库通俗的讲，元件就是搭建原型的基础和材料，就跟建房子的砖和瓦一样，元件库就是元件的集合，axure自带的元件库是所有原型和组件库的基础，不管你看见的各种漂亮、大气、复杂的原型都是由此而来。2、如何创建元件库在默认情况下新建的都是.rp格式的原型文件，那如何新建元件库呢，这里介绍两种常用的方式第一种：修改后缀名，就是把.rp文件后缀名，直接改成.rplib，比如：【载入元件库.rp】修改成【载入元件库.rplib】，即可。

Axure在做javascript引用或者js注入时，为了减少复杂度和实现特定的功能，有时会用到Axure内置的函数。该函数在axutils.js文件里，源代码为。该函数在axutils.js文件里，源代码为。可见该函数用于动态加载CSS文件。可见该函数用于动态加载js文件。为css的文件url链接。为js的文件url链接。

可见该函数并未返回任何值，所以调用这个函数也不会有返回结果。通过修改doc.js文件，在函数里加上函数返回“reuturn”就能正常获得全局变量（但不知道有没有其他影响，目前没有发现）。这个函数是在Axure 7 & 8 & 9的版本是有问题的，返回值通常为 “undefined”。在Axure 7以下的版本都是可以正常返回，不知道是bug还是官方特意。Axure拓展功能时，有时会用内置的API函数。函数，以便于多个功能函数之间进行参数的传递。该函数用于设置全局变量的值。该函数用于获取全局变量的值。

1、找Axure 9软件安装目录里的axutils.js文件，路径一般为：【C:\Program Files (x86)\Axure\Axure RP 8\DefaultSettings\Prototype_Files\resources\scripts】。的适配工作，移动端的设计体验也好了很多，但是只是在PC端预览有移动端的效果，在移动设备上浏览却没有自动适应屏幕的效果，而且也没有设置移动端的适配的入口。3、保存后，重新预览页面或生成文件，就已经可以实现页面适配屏幕宽度了。// 向页面注入meta标签。

主要步骤是：①打开图表网站->②调整配置参数->③生成html并下载->④上传至云服务器->⑤在axure中新建框架原件->⑥框架目标填写html在云服务器上的地址。截图法指从一些提供数据图表生成的网站，将示例图表调整成自己想要的图表，截图在axure中拼接成数据看板。按照前文所讲的，将此段代码复制进矩形的打开链接的“fx”函数中。设置矩形的用例，载入时，选中自己。**优点：**简单、易学、图表展示效果好(动态效果)**缺点：**图表展示效果不好，无法动态化。**优点：**简单、易学、快速、便捷。

但，如果我想让这个图标持续转5分钟，10分钟，或者1个小时，怎么样，是不是有点不会算了？首先，我们在 loading 图标所在的页面中拖入一个[动态面板]，并在面板中添加多一个状态（这一步很重要，因为 Axure 添加动态面板默认只有一个状态，而我们至少需要用到两个状态）。理论上它可以永远转下去，是的，我说的是理论上，因为我相信你也知道，永动机不可能被造出来，当页面关闭的时候，这个 loading 动画也就停了。在 Axure 中，如果想让下面这个 loading 图标动起来，你应该能够很快实现。

此外，希望在创建完成数据后，表单数据重置，因此，在添加行后，将文本框置空并将下拉列表重置默认选项，如下图所示；根据示例，我们需要两个文本框，分别作为【姓名】和【年龄】的赋值，下拉框作为【性别】的赋值，如上图所示；我们希望如果创建数据时，数据为空则不执行添加行的交互，并且标记文本框和下拉列表，如下图设置；双击中继器，选中【删除】文本标签，设置交互：【单击时】删除【当前行】；特别地，如果是下拉框，则需要将局部变量设置为【被选项】，如上图所示；拖入文本标签，编辑为【添加】按钮，创建交互。

1.先拖进来一个表格，随意设计4列，其中有一列是“操作列”。然后在“操作列”中，第一行单元格中写入“编辑”字样，然后选中“编辑”字样，右键选择“插入文本链接”。

如上图，拖入三个中继器，分别命名为【L1】、【L2】、【L3】作为一级、二级、三级的联级列表，并做好数据填充和【每项加载】的设置，分别将【Item.L1】、【Item.L2】、【Item.L3】赋值给到【L1】、【L2】、【L3】；最后，【L3】的交互就相对简单一点，同样，需要设置切换选中的交互动作，但【选中时】仅需将【Item.L3】赋值给到【sel_L3】文本标签，且【取消选中时】将【sel_L3】设置为空值；当【取消选中时】，将【sel_L1】设置为空值，且移除【L2】的筛选，同时隐藏【L2】；

在axure中我们能够轻易的在本地预览原型效果，当我们需要分享给别人查看的时候，通常情况下都是导出生成HTML文件打包发送给别人，这种办法虽然能够解决问题，但是太过繁琐，每次都要导出、打包、发送，这里推荐几种原型托管的方法，能够线上保存、在线预览效果。简介：是Axure官方提供的一款免费的托管与分享工具，可通过网站或者Axure软件直接上传axure原型，上传成功后可获取一个访问地址，将网址发给别人就可以进行共享了。优点：axure官方支持，可在axure软件中上传，可多次上传，文件路径不变。

【致力于开源免费的 PM 知识库】涵盖全范围 PM 链路学习资料，专注工作产出。涉及 PM 产品经理相关的 axure 元件库/组件库，axure素材，axure项目合集，PM 资料。思维导图，MD 文档，流程图Axure RP 简体中文语言包，不定期更新。支持 Axure 9、Axure 10。

固定到浏览器可以固定动态面板在浏览器中的位置保持不变，仅在浏览器中有效，可以设置水平固定方向、垂直固定方向、始终保持顶层。有两个地方可以设置，一是鼠标右键，另一个是右侧样式设置面板。

在【内联框架之播放视频音频设置】这一篇中讲过在线的音视频设置，其实内联框架也可以设置本地的音视频文件，在一些离线和不想使用在线文件的场景下非常的实用，加载的速度也会快很多。在讲解如何插入本地文件之前需要先讲两个概念，和，了解了这两个概览后，才能顺利的插入本地文件并识别成功。

大家都知道两点连一线，正方形/矩形是由四个点+连线组合而成，在Axure中常用的基础元件如矩形、圆形都是已经连接好的图形，正常情况下是无法修改各个点的位置的，只能修改宽度、高度，而在某些场景下我们需要调整各个连接点的位置，变成不规则的图形，这就涉及到编辑点的功能了。

交互样式可以提前设置样式效果，当元件在浏览器中预览并遇到特定的状态时（如：鼠标悬停、鼠标按下、选中、禁用、获取焦点等），会触发对应状态的样式，从而实现在不同状态下触发不同的交互样式的效果。

提示信息可以为元件设置一段文本提示，当鼠标hover元件时，会在鼠标附近会出现设置的提示文本，一般用于文本超长截断后的文本补全提示。

引用页面，可以将一个页面引入到矩形或者文本元件上，矩形或者文本元件的文字会变成页面的名称且不可更改，当页面名称变化时，矩形或文本元件的文字内容也会跟随改变，点击矩形或文本元件会跳转到引入的页面，如果引入的是自身所在的页面，点击会重新加载页面。

元件的组合功能，可以将多个分散的元件组合成一个整体，被组合的元件会放到一个文件夹下，这样通过给组合命名，查找同一个组合的元件会非常方便，推拽修改位置时组合的元件会整体一起移动，组合功能可以有效的整合页面中的各个元件，分成多个小模块，方便复制、修改、推拽等操作，组合与取消组合是配套出现的。可以为同一组元件加多次组合，每组合一次就会加一层文件夹。组合：Ctrl+G，取消组合：Ctrl+Shift+G。由多个基础元件组成的模块都可以组合起来，成为一个整体。组合：⌘+G，取消组合：⌘+⇧+G。

元件的隐藏/显示设置，可以将元件设置为不可见/可见，在预览状态下隐藏的元件是看不见的，只有在显示状态才能看见，元件默认都是显示的元件隐藏后，会变成淡黄色的色块。

选项组可以将多个元件组合串联在一起，并且具有互斥的效果，类似于单选按钮组的效果，每个元件或组合之间是互斥的效果，其中只能有一个是可以被选中的，通过这个特性可以轻松的做出如导航菜单栏、单选按钮组、Tab页签等效果。框选元件命名之后，这些元件就成为了一个选项组，选项组的效果通过命名来区别，同样名称的元件属于同一个选项组，所以要注意，一般选项组需要结合交互样式一起，来实现单选互斥的效果如何设置有两种方式可以设置选项组第一种：框选元件，右键->选项组->输入选项组名称。

锁定功能可以锁定元件的位置和尺寸，被锁定后元件的位置、尺寸都不能调整，解锁之后恢复原状，通常使用在不需要修改元件位置和尺寸的场景，可与其他元件一起选中，拖拽移动时只有未被锁定的元件可以移动。锁定：Ctrl+K，解锁：Ctrl+Shift+K。被锁定后，元件的边框变成红色，不可修改位置和尺寸。第一种是鼠标右键->锁定->锁定位置和尺寸；第二种是在顶部工具栏中，点击锁定按钮;锁定：⌘+K，解锁：⌘+⇧+K。有三种方式可以设置锁定与解锁。第三种是使用快捷键操作，

转换为动态面板：可以将被选中的元件（一个或多个）转换成动态面板的形式，是一个快捷使用动态面板的方式。从首个状态解脱：可以将动态面板的首个状态解散，以元件的形式出现在页面中，其他的面板状态保持不变，是和转换为动态面板对应的功能。

当元件是图片类型时，可以通过切割图片或者裁剪图片对图片进行编辑，从而得到想要的图片尺寸和内容。

转换SVG图片为形状可以将SVG格式的图片转换成，可以修改背景色和修改尺寸不模糊的形状，是一个非常常用和实用的功能。默认情况下，将SVG图片复制到Axure后，SVG图片是图片格式，无法调整背景色，图片缩小到一定程度会变模糊。SVG图片转换为形状后，就会变成正常的形状样式，可以使用形状的样式属性。

在Axure中可以设置自动备份，将源文件按照一定的时间间隔自动保存起来，当遇到一些突发情况（电脑死机、电脑重启、断电、误删除等等），无法正常保存文件时，可以保存源文件，在下次打开Axure时从备份中恢复过来，从而有效的降低丢失源文件的风险。

相交选中：Ctrl+Alt+1，包含选中：Ctrl+Alt+2。根据使用场景合理的选择选中模式，可以有效的提升工作效率。相交选中：Ctrl+⌥+1，包含选中：Ctrl+⌥+2。鼠标框选元件时，只要部分框选就可以选中该元件。鼠标框选元件时，需要全部框选才可以选中该元件。第一种：Axure工具栏->选择模式。

重置视图功能可以将视图重置到默认状态，当你因为某些操作而找不到页面、概要、元件、母版、样式、交互、说明面板时，就可以使用重置视图功能了，一键还原到默认状态，而默认状态就是所有的视图看板都会显示出来。

在基础的元件库中，官方提供了常规的一些图片，文本，矩形，线段等等常规元件。母版区域，主要用于整个项目中的页面模块的复用。画布区域就是整个Axure的页面绘制区域，我们可以通过元件库的元件拼装绘制自己想要的效果图。整体功能区主要包括软件的菜单栏，快捷操作按钮（对齐，复制，粘贴等等），页面元素的属性调整（元素的对齐方式、大小、颜色等等）。元件库区域主要包括基础的元件库（官方自带元件库）和扩展的元件库（用户自行安装的元件库）。在Axure的页面导航栏中，可以建立页面父子关系，便于页面的管理与识别。

以绘制文本为例，点击键盘T键，鼠标右下角会出现一个“T”字母，长按鼠标左键拖动调整宽度高度，即可插入文本元件。可绘制线段，同时按住Shift可绘制水平线、垂直线。可绘制矩形，同时按住Shift可绘制正方形。可绘制椭圆，同时按住Shift可绘制圆形。变成钢笔工具，可自由绘制图形。

元件说明可以进行元件的关联，点击右上角的“回形针”符号，可以选择关联的元件，在预览的时候，会在元件上面展示对应的小标，点击小标可以展示当前元件的说明。基于编辑的元件说明进行分组的操作，分组后可以在元件说明上面进行选择（注：如果你没有新建系统默认是不显示的，需要新建后展示）。目前系统内置字段为“说明”，我们可以自行添加字段，每添加一个字段，在说明栏使用的使用就会多一个字段填写的位置。在设置中添加几个页面说明，在说明区域就会展示几个字段，字段中的文字均支持文字样式编辑。

axure元件库组件库Arco Design

基于Ant Design5.0 最新版 UI 设计库设计的 axure 元件库