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. 设置多个元件为一个组合

当然我们可以把上面的三个元件设置为一个组合，全选元件后直接这样操作：

点击组合

组合后

选中组合后就可以整块拖动了，当然也可以取消组合。

本文完！