Axure学习之路01——元件介绍

article/2025/9/30 8:19:22

本系列博客的目的是记录Auxure软件使用的一些要点。

学习课程来自：Axure 9从入门到精通。

目录

  • 一些设计资源
  • 基本元件
    • 图片
    • 占位符
    • 图像热区
    • 动态面板
    • 内联框架
    • 中继器
  • 表单元件
    • 文本框
    • 文本域
    • 下拉列表
    • 列表框
    • 复选框
    • 单选按钮
  • 菜单表格
    • 树
    • 表格
    • 水平菜单
    • 垂直菜单
  • 标记元件
    • 快照
    • 箭头
    • 便签
    • 标记

一些设计资源

Iconfont网站： Iconfont链接。
该网站提供许多图标：
在这里插入图片描述
使用方式：选用图标→点击“下载”→点击“复制SVG”→到Axure编辑区中粘贴，图标出现→右键该图标，选“变换图像”-“将SVG格式转换为形状”，即可随意改变该图标颜色与大小。
在这里插入图片描述

阿里云DataV.GeoAtlas矢量地图：阿里云地图。可以下载.svg格式的矢量地图。
AxhubMaps：链接。可以不用下载直接复制，然后和Iconfont图标的形式一样改变图片格式即可。
世界地图的选择：链接

基本元件

图片

插入图片，可以选择不改变原图片尺寸或者按照图片元件大小缩放（双击边框，白色即可固定为元件尺寸）。

占位符

表示，占位符所在的位置有一个功能或者图标。

图像热区

图像热区可以在一片区域添加同一个交互动作。作用：增加元件点击范围。

也可以作为锚点使用，例如某些网页回到顶部的功能，就可以在网页顶部添加一个图像热区，在底部新建按钮，添加交互动作“滚动到元件”，元件选择顶部已经添加的图像热区即可。

动态面板

一个动态面板可以添加多个状态。双击该原件添加状态。

交互动作经常结合动态面板使用。

内联框架

可以链接到当前原型的页面或其他url。
应用场景：小窗口加载一段视频。例如，微信朋友圈的广告。

中继器

应用场景：
模板相同内容不同，例如，购物网站搜索某商品展示出来的所有商品。
实现表格的增删改查；

表单元件

文本框

可以根据输入内容的不同，选择不同的类型，例如：密码、
邮箱等，产生不同的效果。

文本域

类似文本框，范围更大。

下拉列表

应用场景：地址选择，某某省-某某市-某某区。

列表框

类似下拉列表，范围更大。

复选框

多选功能

单选按钮

对于网页里的单选功能按钮，需要把同一组的单选按钮全选编组，不然该单选问题可以选中多个选项按钮。

菜单表格

树

表格

水平菜单

横向导航

垂直菜单

纵向导航

标记元件

快照

箭头

便签

标记


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

相关文章

Axure基础：元件库与基础原件

Axure基础：元件库与基础原件

一、元件库 目前主流B端的两套元件库一个是Ant Desgin ,一个是Element UI,这也是为啥你看B端的管理系统大家的样子差不多都一样的原因。下面以Ant Desgin为例子 1、元件库下载 Resources - Ant Design 目前不清楚是官方想要升级这个文件，还是什么原因。点进去页面…
阅读更多...
Axure建立自己的元件库（超详细）

Axure建立自己的元件库（超详细）

前言 大家在利用Axure在平常的原型设计过程中，大家经常想利用之前做好的模块化的元件来应用到新的设计工作中，但之前设计的模块化的组件要么没有保存，要么分布在N多不同的rp文件里，要找出来，不仅要花费大量的时间&…
阅读更多...
Axure RP 9 基础教程 元件基础1

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

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

Axure元件库汇总分享

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

Axure 元件库

一、默认元件库 1）默认元件库包含基本元件、表单元件、菜单和标签、标记元件 二、基本元件库 1）基本元件是由形状元件、图片元件、线段元件及容器构成。 2）形状元件：矩形 1、矩形 2、矩形 3、椭圆形、一级标题、二级标题、三级 标…
阅读更多...
使用js进行string和json之间转换的方法

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

一、string类型转换成Json对象方法 1、Javascript支持的转换方式：eval eval(( jsonstr )); 注意：需要在json字符外包裹一对小括号，ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象，但不推荐这些方式；缺…
阅读更多...
JSON转JS对象，JS对象转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对象

将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的转换

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模块

Python时间模块之datetime模块

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

Python统计代码运行时间

Python统计代码运行时间 前言方法1&#xff08;推荐&#xff09;&#xff1a;通过代码统计说明步骤单位完整示例 方法2&#xff1a;通过Pycharm编辑器 前言 Python代码想统计运行时间有很多种方法&#xff0c;这里介绍比较常用的2种方法。方法1&#xff0c;通过代码统计&#…
阅读更多...
Python时间格式数据与字符串格式数据互相转换

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 获取时间】

【python 获取时间】

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

python—时间复杂度

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

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

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

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时间数据类型

Python时间数据类型

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

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

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

python 获取时间（各种格式）

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

Copyright @ 2022~2023