1. 前言
本文的登录案例源文件已上传到Github,有兴趣的同学可以下载来看看: https://github.com/ylw-github/Axure-Demo
前面写了相关的Axure文章,有兴趣的同学可以参阅:
- 《Mac 下Axure RP9下载与安装》
- 《Axure快速入门教程》
- 《Axure快速入门(01) - 面板介绍》
- 《Axure快速入门(02) - 入门例子(登录案例)》
- 《Axure快速入门(03) - 丰富的元件库》
元件的位置可以调整 前后左右
,并可以精确到像素,本文来讲解!
2. 元件左右位置调整
首先拖入三个矩形元件,分别设置颜色为红黄蓝,如下:
2.1 像素级调整
可以点击某个元件,使用键盘的←
、→
、↑
、↓
按键来进行像素级调整:
2.2 选中元件对齐
可以对选中元件进行左对齐、右对齐、居中对齐的操作,如下:
选中 | 左对齐 |
右对齐和居中对齐操作一样。
3. 元件前后位置调整
如果我们要把蓝色矩形最底下,选中蓝色矩形,然后点击工具栏的底层:
点击底层 | 操作后 |
同理,点击顶层,蓝色矩形就会置于顶层。
4. 设置多个元件为一个组合
当然我们可以把上面的三个元件设置为一个组合,全选元件后直接这样操作:
点击组合 | 组合后 |
选中组合后就可以整块拖动了,当然也可以取消组合。
本文完!