Axure8.0基础教程

2024-05-24 02:10:47

基础1. 添加元件到画布

在左侧元件库中选择要使用的元件，按住鼠标左键不放，拖动到画布适合的位置上松开。（图1-1）

基础2. 添加元件名称

文本框属性中输入元件的自定义名称，建议采用英文命名。

建议格式：PasswordInput01或Password01

名称含义：序号01的密码输入框

格式说明：“Password”表示主要用途；“Input”表示元件类型，一般情况下可省略，当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用；“01”表示出现多个同名元件时的编号；单词首字母大写的书写格式便于阅读。（图1-2）

基础3. 设置元件位置/尺寸

元件的位置与尺寸可以通过鼠标拖拽调整，也可以在快捷功能或元件样式中进行输入调整。（图1-3）

x：指元件在画布中的x轴坐标值。

y：指元件在画布中的y轴坐标值。

w：指元件的宽度值。

h：指元件的高度值。

在输入数值调整元件尺寸时，可以在样式中设置，让元件【保持宽高比例】。（图1-4）

基础4. 设置元件默认角度

方式一：选择需要改变角度的元件，按住键的同时，用鼠标拖动元件的节点到合适的角度。（图1-5）

方式二：在元件样式中进行角度的设置，元件的角度与元件文字的角度可以分开设置。（图1-5）

基础5. 设置元件颜色与透明

选择要改变颜色的元件，点击快捷功能区中的背景颜色设置按钮，选取相应的颜色，或者在元件样式中进行设置。（图1-6）

基础6. 设置形状或图片圆角

可以通过拖动元件左上方的圆点图标进行调整，也可以在元件样式中设置圆角半径来实现。（图1-7）

基础7. 设置矩形仅显示部分边框

在Axure RP 8的版本中，矩形的边框可以在样式中设置显示全部或部分。（图1-8）

基础8. 设置线段/箭头/边框样式

线段、箭头和元件边框的样式可以在快捷功能或者元件样式中进行设置。（图1-9）

基础9. 设置元件文字边距/行距

在元件样式中可以设置元件文字的【行间距】与【填充】。（图1-10）

行间距：是指文字段落行与行之间的空隙。

填充：是指文字与形状边缘之间填充的空隙。

基础10. 设置元件默认隐藏

选择要隐藏的元件，在快捷功能或者元件样式中勾选【隐藏】选项。（图1-11）

Axure8.0基础教程相关推荐

软件开发实训（720）科技---Axure8.0基础教程01
基础51. 生成部分原型页面发布原型时,如果不需要将所有页面生成或发布,可以在生成HTML的设置中打开[页面]的设置,取消[生成所有页面]的勾选,则可以设置生成指定的页面.注意,子级页面无法单独 ...
Axure8.0基础教程（1-10）AxureRP8实战手册
本文转载自小楼老师博客:http://www.iaxure.com/3768.html Axure新手必须掌握的56个基础操作. 基础操作篇本篇包含56种常见的基础操作,初学者应在掌握本篇内容后再进 ...
Axure8.0基础教程一
1.添加元件到画布在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开.(图1-1) 2. 添加元件名称文本框属性中输入元件的自定义名称,建议采用英文命名. 建议格式:Pa ...
《ActionScript 3.0基础教程》——第2章　往舞台动态地添加对象2.1　创建库资源，并为它命名...
本节书摘来自异步社区<ActionScript 3.0基础教程>一书中的第2章,第2.1节,作者: [美]Doug Winnie 更多章节内容可以访问云栖社区"异步社区" ...
《ActionScript 3.0基础教程》——1.4　对象参数
本节书摘来自异步社区<ActionScript 3.0基础教程>一书中的第1章,第1.4节,作者: [美]Doug Winnie 更多章节内容可以访问云栖社区"异步社区" ...
Android程序开发0基础教程(一)
程序猿学英语就上视觉英语网 Android程序开发0基础教程(一) 平台简单介绍令人激动的Google手机操作系统平台-Android在2007年11月13日正式公布了,这是一个开放源码的操作系统, ...
《ActionScript 3.0基础教程》——1.3　在显示面板输出信息
本节书摘来自异步社区<ActionScript 3.0基础教程>一书中的第1章,第1.3节,作者: [美]Doug Winnie 更多章节内容可以访问云栖社区"异步社区" ...
《ActionScript 3.0基础教程》——2.2　显示队列概述
本节书摘来自异步社区<ActionScript 3.0基础教程>一书中的第2章,第2.2节,作者: [美]Doug Winnie 更多章节内容可以访问云栖社区"异步社区" ...
今日头条自媒体搬运原创视频批量去水印消重包推荐0基础教程如何快速找素材进行伪原创-自媒体爆文之如...
今日头条自媒体运营推广视频教程学习资料短视频运营从零到精通今日头条趣东方头条凤凰新浪看点网易企鹅UC大鱼一点资讯自媒体快传视频处理软件今日头条推广视频教程自媒体推广短视频教程今日头条引流小白入门 ...
SMIL 2.0 基础教程[转]
SMIL 2.0 基础教程[转] 转自:http://www.5d.cn/Tutorial/server/200205/1326.html 来源:5D多媒体 | 作者:litteruser ----- ...

最新文章

热门文章