Axure快速入门(04) - 元件位置调整

简介: Axure快速入门(04) - 元件位置调整

1. 前言

本文的登录案例源文件已上传到Github,有兴趣的同学可以下载来看看: https://github.com/ylw-github/Axure-Demo

前面写了相关的Axure文章,有兴趣的同学可以参阅:

元件的位置可以调整 前后左右,并可以精确到像素,本文来讲解!

2. 元件左右位置调整

首先拖入三个矩形元件,分别设置颜色为红黄蓝,如下:

2.1 像素级调整

可以点击某个元件,使用键盘的按键来进行像素级调整:

2.2 选中元件对齐

可以对选中元件进行左对齐、右对齐、居中对齐的操作,如下:

选中 左对齐

右对齐和居中对齐操作一样。

3. 元件前后位置调整

如果我们要把蓝色矩形最底下,选中蓝色矩形,然后点击工具栏的底层:

点击底层 操作后

同理,点击顶层,蓝色矩形就会置于顶层。

4. 设置多个元件为一个组合

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

点击组合 组合后

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

本文完!

目录
相关文章
|
4月前
游戏开发实战教程(15):形状放置预提示
游戏开发实战教程(15):形状放置预提示
23 0
|
5月前
Axure快速入门(08) -网格和参考线
Axure快速入门(08) -网格和参考线
33 0
|
JavaScript 前端开发
|
Python
matplotlib绘制雷达图之基本配置——万能模板案例
matplotlib绘制雷达图之基本配置——万能模板案例
744 0
matplotlib绘制雷达图之基本配置——万能模板案例
|
前端开发
前端项目实战217-拖拽目标盒子设置函数
前端项目实战217-拖拽目标盒子设置函数
52 0
|
前端开发
前端项目实战216-拖拽初始盒子设置函数
前端项目实战216-拖拽初始盒子设置函数
52 0
|
计算机视觉 Python
openCV实践项目:拖拽虚拟方块
openCV实践项目:拖拽虚拟方块
openCV实践项目:拖拽虚拟方块
|
数据可视化
【Axure教程】用中继器制作动态切换的柱状图
【Axure教程】用中继器制作动态切换的柱状图
【Axure教程】用中继器制作动态切换的柱状图
【Axure教程】中继器图片列表(放大效果)
【Axure教程】中继器图片列表(放大效果)
【Axure教程】中继器图片列表(放大效果)