Axure建立自己的元件库(超详细)

article/2025/9/30 8:32:34

前言

	大家在利用Axure在平常的原型设计过程中,大家经常想利用之前做好的模块化的元件来应用到新的设计工作中,但之前设计的模块化的组件要么没有保存,要么分布在N多不同的rp文件里,要找出来,不仅要花费大量的时间,还耗费不少精力,做一个自己的元件库,把平时自己觉得会重复利用的元件组件存下来,这样不仅能提高设计工作效率,还节省不少时间和精力。

提示:以下是本篇文章正文内容,下面案例可供参考

一、创建元件

打开Axure9,点击“文件”-----“新建元件库”,建立了元件库的目录。
在这里插入图片描述
在这里插入图片描述
在此元件画板中,设计一个常用的元件模块,比如一个“查询”的工具,如下图所示。
在这里插入图片描述
画完元件后,点击左上角 “文件”----“另存为”,注意,另存为的格式是“*.rplib”
在这里插入图片描述
在这里插入图片描述

二、加载已创建好的元件

点击下方“元件”下的“+”号,打开选择刚刚保存的“000.rplib”元件文件加载,加载后如图右下角所示,元件目录中加入了名字为“000”的元文件,点击下面的文件拖动到右边的画板里,就是之前我们创建的“查询”元件组件,可以直接使用。
在这里插入图片描述

三、创建可分类的元件库

	在我们日常的原型设计工作中,我们对于同一个符号、元件或功能模块往往会有多种的样式可表达,如果都按照一个一个图标去保存会很乱,也不便于统一管理和查找使用,这时需要将同类的工具、元件放在一个分类下,在使用过程中可一目了然的选择和查找,方便快捷。

1、创建可分类的元件库,第一步跟之前一样,同样是:打开Axure9,点击“文件”-----“新建元件库”,建立了元件库的目录。
在这里插入图片描述
2、在创建完元件后,右击 “添加”------“文件夹”,并修改文件夹名称,例如“查询搜索”,作为这个元件文件分类的组名称,如图所示。
在这里插入图片描述
3、在创建好的元件分类组名为“查询搜索”文件夹下,右击“添加”------“子元件”,如下图所示。
在这里插入图片描述
4、举个例子,例如我们创建了两个不同风格的“查询”元件,分别命名为“查询模板1”、“查询模板2”,如下图所示。
在这里插入图片描述
5、创建完后,同样另存为“*.rplib”文件,如图所示,本次另存为文件名为“001.rplib”的文件。
在这里插入图片描述
6、同样点击 “元件”下的“+”号,打开选择刚刚保存的“001.rplib”元件文件加载,加载后如图右下角所示,元件目录中加入了名字为“001”的元文件,也显示出刚刚我们创建的元件组名称—“查询搜索”,及起分类组下的两个元件—“查询模板1”、”查询模板2“。
在这里插入图片描述
7、查询搜索,右边的小三角可折叠/显示其下面的两个“元件”,鼠标左键选择按住其中一个,可直接拖到右边的画板中使用。
在这里插入图片描述

总结

以上就是今天要讲的内容,如果大家有更好的建议,欢迎共同探讨提高。


http://chatgpt.dhexx.cn/article/kLMLtSJG.shtml

相关文章

Axure RP 9 基础教程 元件基础1

第一章:Axure RP 9的元件(1) 1、元件的概念 首先我们来认识一下Axure RP 9元件,元件是组成我们原型的零件,也有人翻译成组件。Axure RP 9默认给我们提供了三套元件库,默认元件库、流程图元件库、图标元件库。可以根据自己的需要选…

Axure元件库汇总分享

最近公司要前端参与产品设计的工作,对于从无产品经验的门外汉来说,真的是太难了,而且领导还一直催着要结果,心里面瞬间都一万个。。。。。在奔跑,然后就开始疯狂的查找资料,首先开始的就是《产品经理社区》…

Axure 元件库

一、默认元件库 1)默认元件库包含基本元件、表单元件、菜单和标签、标记元件 二、基本元件库 1)基本元件是由形状元件、图片元件、线段元件及容器构成。 2)形状元件:矩形 1、矩形 2、矩形 3、椭圆形、一级标题、二级标题、三级 标…

使用js进行string和json之间转换的方法

一、string类型转换成Json对象方法 1、Javascript支持的转换方式:eval eval(( jsonstr )); 注意:需要在json字符外包裹一对小括号,ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式;缺…

JSON转JS对象,JS对象转JSON

JSON转JS对象&#xff0c;JS对象转JSON </h1><div class"clear"></div><div class"postBody"><div id"cnblogs_post_body" class"blogpost-body"><p>一、从服务端发来的json字符串&#xff0c;怎…

将JS对象转换为JSON |将JSON转换为JS对象

一、将JSON字符串为JS对象 在JS中&#xff0c;如果直接输入 var arr {arr:[1,2,3]}; 返回的是一个object对象 因此如果我们需要将其转换为JSON&#xff0c;可以用如下方式进行转换 var json {"arr":1}; console.log("json的类型"typeof json) var js…

JSON的转换

1、在html页面中json的转换 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body> <script type"text/javascript">var a{"id":…

Python时间模块之datetime模块

目录 简介 函数介绍及运用 date&#xff1a;日期类 1.获取当前时间 2.日期对象的属性 3.date类中时间和时间戳的转换&#xff1a; 4.修改日期使用replace方法 time&#xff1a;时间类 time类操作 datetime&#xff1a;日期时间类 timedelta&#xff1a;时间间隔&…

Python统计代码运行时间

Python统计代码运行时间 前言方法1&#xff08;推荐&#xff09;&#xff1a;通过代码统计说明步骤单位完整示例 方法2&#xff1a;通过Pycharm编辑器 前言 Python代码想统计运行时间有很多种方法&#xff0c;这里介绍比较常用的2种方法。方法1&#xff0c;通过代码统计&#…

Python时间格式数据与字符串格式数据互相转换

import time import datetime# 时间转字符串格式 now_time datetime.datetime.now() print("now_time: ", now_time) print("now_time: ", type(now_time)) time_str datetime.datetime.strftime(now_time, "%Y-%m-%d") print(time_str, type(…

【python 获取时间】

获取时间的几种格式 获得当前时间时间戳获取当前时间获取昨天日期生成日历运行效果如下&#xff1a; 计算每个月天数计算3天前并转换为指定格式获取时间戳的旧时间获取时间并指定格式 pandas 每日一练&#xff1a;21、读取本地EXCEL数据22、查看df数据前5行23、将popularity列数…

python—时间复杂度

一、时间复杂度规则 1、计算时&#xff0c;往往只关注时间频度中最高次项&#xff0c;其他次要项和常数项忽略 例如&#xff1a; T3*n^32*n^210000时间的复杂度&#xff1a; O(n^3) 2、顺序结构&#xff0c;时间复杂度按加法来计算 让用户输入2个列表&#xff0c;一个列表的长…

Python 时间比较

Python 时间比较 需要判断的时间以mysql数据库中的datetime字段类型为例 数据库中取值为&#xff1a; 2021-02-01 19:55:32.696041 # 导包 from datetime import datetime import time# 设置所需时间 times "2021-02-01 19:55:32.696041"# 转换数据类型&#xff…

python 时间处理datetime

python datetime 时间处理 数据分析过程中经常会处理一些时间序列&#xff0c;需要进行一些时间格式的转换&#xff0c;或者提取一些时间信息 pandas 处理 datetime csv数据中某一列为日期 使用 parse_dates 参数 在读取的过程中&#xff0c;直接将存储时间的列读取为 dat…

Python时间差计算

Python时间差计算 一、获取当前时间 使用datatime库 import time from datetime import datetime# 格式化成2016-03-20 11:45:39形式cur_time time.strftime("%Y-%m-%d %H:%M", time.localtime()) print(out_t)输出结果&#xff1a; 2021-10-04 17:44二、计算时间…

Python时间数据类型

目录 1 datetime基本知识点1.1 存储精细度1.2 计算时间差1.3 加减求另一个时间 2 日期与字符串的转换2.1 时间类型转为字符串2.2 字符串转为时间数据类型 时间类型数据在生活中非常常见&#xff0c;经济、金融、物理等方面都会使用到&#xff0c;在观测数据过程中&#xff0c;对…

【Python】关于日期和时间的用法大汇总

文章目录 前言一、Python 中处理日期和时间的模块1.time 模块2.使用time模块查找日期和时间3.datetime 模块4.使用 datetime 查找日期和时间2.读入数据 总结 前言 时间无疑是生活各个方面中最关键的因素之一&#xff0c;因此&#xff0c;记录和跟踪时间变得非常重要。在 Pytho…

python 获取时间(各种格式)

-----------前置条件&#xff1a; import datetime import time1.输出格式&#xff1a; 年-月-日 时:分:秒.毫秒 curr_time datetime.datetime.now() 输出&#xff1a; 2.输出格式&#xff1a;年-月-日 时:分:秒 curr_time datetime.now()timestamp datetime.strftime(cu…

Python 日期和时间用法超强总结

时间无疑是生活各个方面中最关键的因素之一&#xff0c;因此&#xff0c;记录和跟踪时间变得非常重要。在 Python 中&#xff0c;可以通过其内置库跟踪日期和时间。今天我们来介绍关于 Python 中的日期和时间&#xff0c;一起来了解如何使用time和datetime模块查找和修改日期和…

超全!Python 处理日期与时间的全面总结!

Python的时间处理模块在日常的使用中用的较多多&#xff0c;但是使用的时候基本上都是要查资料&#xff0c;还是有些麻烦的&#xff0c;梳理下&#xff0c;便于以后方便的使用。 目录 时间相关概念 Python time模块 时间格式化 计时器功能 time模块其他内置函数 time模块包…