Axure学习笔记(一)

本文是Axure学习笔记的第一部分,介绍了如何添加元件到画布、设置元件名称、位置和尺寸,以及调整颜色、透明度、形状圆角、边框显示、线段样式和文字间距。同时讲解了元件默认隐藏的设置方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

添加元件到画布

在左侧元件库中选择使用的元件,按住鼠标左键,拖动到画布适合的位置松开。如下所示

添加元件到画布

添加元件名称

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

建议格式:PasswordInput 或 Password01

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

格式说明:”Password” 表示主要用途;”Input” 表示元件类型,一般情况下可省略,当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用

添加元件名称

设置元件位置/尺寸

元件的位置与尺寸可以通过鼠标拖拽调节,也可以在快捷功能或元件样式中进行调节

X:指元件在画布中的 X 轴的坐标值

Y:指元件在画布中的 Y 轴的坐标值

设置元件位置/尺寸

W:指元件的宽度
H:指元件的高度。

再输入数值调整元件尺寸时,可以在样式中设置,让元件【保持宽高比例】

此处输入图片的描述

设置元件默认角度

  • 方法一:选择需要改变角度的元件,按住键的同时,用鼠标拖动元件的节点到合适的角度。
  • 方法二:在元件样式中进行角度设置,元件的角度与元件文字的角度可以分开设置。

设置元件默认角度

设置元件颜色与透明

选择要改变颜色的元件,点击快捷键功能区中的背景颜色设置按钮,选取相应的颜色,或者在元件样式中进行设置。

设置元件颜色与透明

设置形状或图片圆角

可以通过拖动元件上方的原点图标进行调节,也可以在元件样式中设置圆角半角来实现

设置形状或图片圆角

设置矩形仅显示部分边框

矩形的边框可以进行显示全部或者部分

设置矩形仅显示部分边框

设置线段/箭头/边框样式

线段、箭头和元件的样式可以在快捷功能或者元件样式中设置

设置线段/箭头/边框样式

设置元件文字边距/行距

在元件样式中可以设置元件文字的【行间距】与【填充】

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

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

设置元件文字边距/行距

设置元件默认隐藏

选择要隐藏的元件,在快捷功能或者元件样式中勾选【隐藏】选项

元件默认隐藏

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值