百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

Axure从入门到精通(axure 入门)

toyiye 2024-08-19 22:40 6 浏览 0 评论

第1章 准备工作和注意事项

1.1 下载与安装Axure

Axure官网:http://www.axure.com/download

Axure原创教程网:http://www.iaxure.com/

Axure相关插件下载:http://www.iaxure.com/menupage/download.html

1.2 原型相关文件类型

.rp:源文件

.rpprj:团队原型项目

.rplib:元件库文件

HTML:网页文件内容

1.3 文件自动备份与找回

【文件】-【自动备份设置】/【从备份中恢复文件】

1.4 功能区域的视图设置

【视图】-【功能区】/【重置视图】

第2章 创建项目结构

2.1 下载和安装XMind

XMind官网:https://www.xmind.cn/

2.2 XMind快捷键

在中心主题按<Enter>键,添加子主题

在任意子主题按<Enter>键,在下方添加同级主题

在任意子主题按<Shift>+<Enter>键,在上方添加同级主题

在任意主题按<Insert>键,可以添加子主题

在任意主题按<Delete>键,删除当前主题及其子主题

在任意主题按<Command>/<Ctrl>+<L>键,添加该主题与其他主题的关联

2.3 根据思维导图搭建原型页面结构

在页面管理面板中,单击面板右上方的图标添加文件夹与页面。文件夹用于页面分类。


第3章 元件功能概述

3.1 鼠标的操作

元件拖到画布,小圆点选图形,边缘节点调整宽高,小三角改变圆角半径

3.2 元件的使用

默认元件库、流程图元件库、图标元件库

3.2.1 默认元件库

1、基本元件

搭建页面内容的形状、图片、线段、热区、容器元件。

形状:矩形、形状按钮、文本。双击元件可编辑文字。常用于页面中的一些背景形状、文字标题、按钮。

图片:双击元件可导入默认显示的图片,单击元件可直接输入文字。一般用于为页面添加各种图片或图标。

线段:水平线、垂直线。常用于页面中的一些分隔线。

热区:透明元件。最常用的是它的透明特性。

动态面板:容器类元件。

内联框架:容器类元件。可以在页面的某个区域嵌入项目中的其他页面或某个URL指向的网页,以及一些多媒体文件(如 MP3、AVI、SWF等)。

中继器:容器类元件。

2、表单元件

获取用户输入的元件

文本框:单行/多行文本,获取用户输入的文字。

列表框:下拉列表框/列表框,获取用户选择的选项。双击元件进行设置。

单选按钮:选中、未选中。互斥。

复选框:选中、未选中。自由选择。

提交按钮:编程中,表示将用户填写完成的表单数据提交到服务器。

3、菜单和表格元件

在搭建对样式无要求或要求较低的线框图时,使用起来比较方便。

树:垂直方向的菜单,节点可以展开与折叠。

表格:可以添加行与列,但不可以合并多个单元格。

水平/垂直菜单:可以添加菜单项和子菜单项。

4、标记元件

进行功能标注或展开界面业务流程。

页面快照:指向项目中某个页面,呈现该页面的缩略图。

形状/线段元件:通过基本元件可制作。

Tips:【项目】-【项目设置】-边框重合

3.2.2 流程图元件库

构建流程图。各个形状之间的连线要选择【连接】工具,选中/双击某个连接线,可以为线段输入文字。

3.2.3 图标元件库

基于FontAwesome图标字体中的各种图标制作发布的形状元件。

3.2.4 自定义元件库

第4章 查看原型

4.1 本机预览

以web服务的方式,在浏览器中查看原型,是本机的IP地址和页面路径的组合。

4.2 共享发布

注册Axure Share账号,单击【共享】,设置访问密码,登录http://share.axure.com进行管理。成功发布一个项目后,通过自动生成的URL地址访问查看原型。

4.3 在线反馈

在预览原型时,工具栏带有“讨论”功能。

4.4 Axure Share App

【CLOUD】:查看云端服务器中的项目文件列表

- 显示/隐藏设备状态栏

- 下载项目文件到本地

- 使用浏览器打开项目

- 打开查看项目

【LOCAL】:打开本地存储的项目文件列表

- 显示/隐藏设备状态栏

- 删除本地副本

- 打开查看项目

【Tips】

- 快速点击设备屏幕3次,打开页面列表

- AxureShare的最大宽度为980px

4.5 生成文件

index:开启页面列表

start:关闭页面列表

start_c_1:最小化工具栏

start_g_1:不加载工具栏

其他页面:原型中的页面

4.6 浏览器插件、工具栏介绍

不安装插件,使用工具生成.bat文件

http://www.iaxure.com/menupage/download.html


第5章 创建自适应视图


第6章 概要与检视功能

6.1 概要功能

· 页面中所有元素都能在这个列表中找到。

· 单击概要面板中的元件,画布中也会同步选中。

· 选中元件列表中的某项,单击后可重命名。

· 可以拖到调整层级关系。

6.2 检视功能

6.2.1 页面样式

单击画布空白处,将检视面板切换到页面的设置。

6.2.2 页面说明

为当前页面添加注释说明,以便他人了解页面内容。

6.2.3 页面属性

给页面添加交互,设置页面自适应视图的启用或关闭。

6.2.4 元件命名

· 选中元件,在检视面板中命名。

· 格式:功能名称+元件类型+(序号)

· 举例:BackgroundImage01

6.2.5 元件样式

6.2.6 元件说明

为元件添加多个说明

6.2.7 元件属性

1、文本框

2、形状

【选择形状】将当前形状改为其他形状。

【交互样式设置】为元件的不同状态设置不同的视觉样式。

· 鼠标悬停:设置鼠标进入元件范围时,元件呈现的样式。

· 鼠标按下:设置在元件上按下鼠标按键时,元件呈现的样式。

· 选中/禁用:设置选中/禁用状态时,元件呈现的样式。

【引用页面】将形状链接到当前项目的某个页面,形状上显示该页面的名称。

【禁用】/【选中】勾选此复选框,设置元件默认状态为禁用/选中。

【设置选项组名称】为多个元件设置相同的选项组名称后,同组元件仅有一个能够设置为选中状态。

【元件提示】与文本框的元件提示相同,指鼠标指针停放在元件上面时,显示的提示内容。

3、图片

除了导入图片的设置,其他设置都和形状一样。

· 双击实现导入更快。

· 【属性】-【清初】恢复元件原来的样式。

4、框架

选择框架目标】为框架指定嵌入的页面、URL或文件。

【框架滚动条】设置镶嵌的页面尺寸超过框架尺寸时,滚动条的呈现方式

【隐藏边框】设置框架在页面上是否显示边框

【预览图片】当框架取消边框与滚动条,与页面的白色背景形成一体,可以添加预览图片,让框架在页面上显示出来,但仅在原型中有效。

5、单选按钮

为这些单选按钮添加相同的组名称,即可设置多个单选按钮中某一个被选中。

6、表格

未完待续

相关推荐

# Python 3 # Python 3字典Dictionary(1)

Python3字典字典是另一种可变容器模型,且可存储任意类型对象。字典的每个键值(key=>value)对用冒号(:)分割,每个对之间用逗号(,)分割,整个字典包括在花括号({})中,格式如...

Python第八课:数据类型中的字典及其函数与方法

Python3字典字典是另一种可变容器模型,且可存储任意类型对象。字典的每个键值...

Python中字典详解(python 中字典)

字典是Python中使用键进行索引的重要数据结构。它们是无序的项序列(键值对),这意味着顺序不被保留。键是不可变的。与列表一样,字典的值可以保存异构数据,即整数、浮点、字符串、NaN、布尔值、列表、数...

Python3.9又更新了:dict内置新功能,正式版十月见面

机器之心报道参与:一鸣、JaminPython3.8的热乎劲还没过去,Python就又双叒叕要更新了。近日,3.9版本的第四个alpha版已经开源。从文档中,我们可以看到官方透露的对dic...

Python3 基本数据类型详解(python三种基本数据类型)

文章来源:加米谷大数据Python中的变量不需要声明。每个变量在使用前都必须赋值,变量赋值以后该变量才会被创建。在Python中,变量就是变量,它没有类型,我们所说的"类型"是变...

一文掌握Python的字典(python字典用法大全)

字典是Python中最强大、最灵活的内置数据结构之一。它们允许存储键值对,从而实现高效的数据检索、操作和组织。本文深入探讨了字典,涵盖了它们的创建、操作和高级用法,以帮助中级Python开发...

超级完整|Python字典详解(python字典的方法或操作)

一、字典概述01字典的格式Python字典是一种可变容器模型,且可存储任意类型对象,如字符串、数字、元组等其他容器模型。字典的每个键值key=>value对用冒号:分割,每个对之间用逗号,...

Python3.9版本新特性:字典合并操作的详细解读

处于测试阶段的Python3.9版本中有一个新特性:我们在使用Python字典时,将能够编写出更可读、更紧凑的代码啦!Python版本你现在使用哪种版本的Python?3.7分?3.5分?还是2.7...

python 自学,字典3(一些例子)(python字典有哪些基本操作)

例子11;如何批量复制字典里的内容2;如何批量修改字典的内容3;如何批量修改字典里某些指定的内容...

Python3.9中的字典合并和更新,几乎影响了所有Python程序员

全文共2837字,预计学习时长9分钟Python3.9正在积极开发,并计划于今年10月发布。2月26日,开发团队发布了alpha4版本。该版本引入了新的合并(|)和更新(|=)运算符,这个新特性几乎...

Python3大字典:《Python3自学速查手册.pdf》限时下载中

最近有人会想了,2022了,想学Python晚不晚,学习python有前途吗?IT行业行业薪资高,发展前景好,是很多求职群里严重的香饽饽,而要进入这个高薪行业,也不是那么轻而易举的,拿信工专业的大学生...

python学习——字典(python字典基本操作)

字典Python的字典数据类型是基于hash散列算法实现的,采用键值对(key:value)的形式,根据key的值计算value的地址,具有非常快的查取和插入速度。但它是无序的,包含的元素个数不限,值...

324页清华教授撰写【Python 3 菜鸟查询手册】火了,小白入门字典

如何入门学习python...

Python3.9中的字典合并和更新,了解一下

全文共2837字,预计学习时长9分钟Python3.9正在积极开发,并计划于今年10月发布。2月26日,开发团队发布了alpha4版本。该版本引入了新的合并(|)和更新(|=)运算符,这个新特性几乎...

python3基础之字典(python中字典的基本操作)

字典和列表一样,也是python内置的一种数据结构。字典的结构如下图:列表用中括号[]把元素包起来,而字典是用大括号{}把元素包起来,只不过字典的每一个元素都包含键和值两部分。键和值是一一对应的...

取消回复欢迎 发表评论:

请填写验证码