首页 > 其他分享 >从0开始学习Axure(三)Axure元件相关知识

从0开始学习Axure(三)Axure元件相关知识

时间:2022-09-29 17:14:45浏览次数:56  
标签:1.4 1.5 菜单 知识 元件库 Axure 元件 页面

1.元件相关

1.1画布操作

在页面模块中,可以双击任意一个页面,打开相应的画布,在画布的上方也会出现相应的标签

image

也可以通过拖动页面改变页面顺序等操作

1.2元件操作

若想使用某个元件,我们仅仅需要将元件从元件库中拖出即可

image

操作基本方式

旋转:按住Ctrl,同时选择元件的任意顶点拖动即可
圆角:矩形元件可以点击小三角进行角度过滤
变换形状:选择元件右击,点击变换形状即可
复制粘贴:对于一个标准的CV战士来说必备!

image

↑↑↑旋转

image

↑↑↑圆角

image

↑↑↑变换形状

1.3流程图

对于一名产品人员来说,流程图是必备技能之一。

image

image

1.4基本元件

1.4.1形状元件

形状元件包好了很多样式,例如样式、矩形、圆形、按钮等,这些元件可以通过样式更改相互转换

image

1.4.2图片元件

图片类型元件拖入画布中,可以通过双击,导入本地的图片文件素材

image

1.4.3文本元件

文本主要是起到辅助,标识,警示等作用。

image

1.4.4热区元件

热区元件是一个透明元件,不可以进行文字输入。

热区元件可以覆盖到其他元件上实现一些交互的需求,也可以用来做页面滚动的定位等操作。

image

1.4.5内联框架元件

内联框架主要是往页面中嵌入相关内容,例如:

1.项目中的其他页面

2.链接外部的页面地址

3.视频音频等相关文件

image

1.4.6动态面板元件

动态面板是一个允许添加多状态的容器(个人多用于下拉框的多种选择项)

动态面板默认只有一个状态,可以根据自身要求添加多个状态

每一个状态都可以放入一个或多个元件【也包括其他的动态面板】

image

1.4.7中继器元件

中继器是一个模拟列表的元件,如商品列表,邮件列表,审核列表等

而且,中继器是支持添加交互模拟,模拟增删改查排序等相关操作

image

1.5表单元件

表单是需要用户填写的内容,所以所有表单元件都是用于用户输入数据的元件。

1.5.1文本框

文本框是用来输入一行文字的内容。

比较常见的使用场景是用户登录功能中用户名和密码输入框等相关操作。

image

1.5.2文本域

文本域顾名思义的意思是一个区间范围,所以他的作用域是多排文字内容

image

1.5.3下拉列表

下拉列表一般是用来进行选择过滤使用,如多个条件限制查询

image

1.5.4列表框

列表框与下拉列表的区别为,列表框一般用于存放数据,可以设置为单选或者多选

image

1.5.5复选框

复选框支持单选或多选的选择方式

image

1.5.6单选按钮

用于多个选项的单项选择,也可用下拉列表进行代替

image

1.6菜单表格元件

菜单表格元件是用来绘制线框图,菜单等类型内容

1.6.1树

树一般用于,层级关系组织机构用,左侧导航菜单不常用

image

1.6.2表格

表格一般用于记录数据,菜单等相关配置,一个合理的表格可以很大程度提升展示效果

image

1.6.3经典菜单-横向

经典菜单横向一般用于页面上方导航页操作

image

1.6.4经典菜单-纵向

纵向的打开方式是左右打开

image

1.7标记元件

1.7.1快照

快照元件是用来引用页面。

实现效果为放入快照元件,双击选择引用页面即可,操作是点击图片内容即可

image

1.8添加元件库

若想添加元件库的话,点击+选择元件对应的元件库即可(元件库命名为.rplib格式)

image

image

【备注】RP文件可以更改为rplib文件当做元件库使用

1.9图片文件夹

图片文件夹一般是用来放自己下载的素材库内容,点击红框,选择文件夹即可

image

1.10元件样式

元件样式也可进行修改

image

不透明性:调整元件整体的透明度,包括元件与元件中的文字。
排版:设置元件上文字的样式,包括字体,字号,字色,文字阴影等方式
填充:将矩形颜色进行填充,或添加图像。
线段:设置元件边框、线段元件以及连接线的线型、线宽以及颜色,也能设置指向性类型线段
阴影:可已设置元件内部以及外部的阴影。
圆角:设置矩形与图片的圆角,并可以单独取消部分圆角。
边距:设置元件中文字与边框之间的间距,

2.元素相关

2.1布局排列

每个原型都会用到多个元件,所以布局排列也很直观重要

image

关于元素的有更便捷的操作方式

将元素放最底层:Ctrl+Shift+[
将元素放最上层:Ctrl+Shift+]
将元素快速组合:Ctrl+G
将元素快速拆分:Ctrl+Shift+G

标签:1.4,1.5,菜单,知识,元件库,Axure,元件,页面
From: https://www.cnblogs.com/jiachao/p/16742205.html

相关文章

  • JavaScript 语言基础知识点
    1、JavaScript数据类型2、JavaScript变量3、Javascript运算符4、JavaScript流程控制5、JavaScript函数基础6、JavaScript数组7、JavaScript字符串函数8、JavaS......
  • JavaScript ES6常用基础知识总结
    ​ES6let与const及其相关块级作用域ES6新增了块级作用域,总结一句话大致就是:大括号{}包起来的代码块基本山都可以当做块级作用域。常见的有直接使用{}包起来:{vara=4}函数......
  • Zookeeper必知必会知识点(二)
    Zookeeper队列管理(文件系统、通知机制)两种类型的队列:1、同步队列,当一个队列的成员都聚齐时,这个队列才可用,否则一直等待所有成员到达。2、队列按照FIFO方式进行入队和......
  • Docker基础知识 (13) - 部署 MariaDB 集群 (一) | 主从复制
    MariaDB数据库是MySQL的一个分支,主要由开源社区维护,采用GPL授权许可MariaDB的目的是完全兼容MySQL,包括API和命令行,使之能轻松成为MySQL的代替品。在存储引擎方......
  • PCIE背景知识学习(13)
    PCIE背景知识学习(13)CommonRefclk(SharedRefclk)ArchitectureCommonRefclk(SharedRefclk)Architecture的示意图如下图所示,  这种参考时钟架构是Spec推荐使用......
  • PCIE背景知识学习(12)
    PCIE背景知识学习(12)LTSSMPCIe总线中的链路初始化与训练(LinkInitialization&Training)是一种完全由硬件实现的功能,处于PCIe体系结构中的物理层。整个过程由链路训练状态......
  • nginx Location 语法基础知识
    URL地址匹配是Nginx配置中最灵活的部分Location支持正则表达式匹配,也支持条件匹配,用户可以通过location指令实现Nginx对动丶静态网页的过滤处理。Nginxlocation配置......
  • 计算机基础知识
    计算机基础知识计算机的本质计算机的本质,俗称为电脑,仅仅通过字面意思,我们可以将其理解为”通电的大脑“,而计算机需要通电才能够运行。电所产生的信号只有正负两种,在此基......
  • 循环与range基本知识
    今日内容详细while循环补充说明1.死循环真正的死循环是一旦执行CPU功耗会急速上升直到系统采取紧急措施尽量不要让CPU长时间不间断运算2.嵌套及全局标志位强调:一......
  • 基础知识(5) --Matlab中特殊符号使用总结
    前言:上篇文章分享了Matlab经常会遇到(),[],与{}三种符号,下面接着捋一捋其他的特殊符号使用方法,主要有:冒号'分号&  &&与|   || 或~非.点1、:冒号冒号的主要用途是用......