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

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

1. 前言

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

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

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

2. 元件左右位置调整

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

2.1 像素级调整

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

2.2 选中元件对齐

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

选中 左对齐

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

3. 元件前后位置调整

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

点击底层 操作后

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

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

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

点击组合 组合后

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

本文完!

目录
相关文章
|
4月前
|
API
【threejs教程】场景视角切换的神器:轨道控制器
【8月更文挑战第5天】threejs教程:场景视角切换的神器,轨道控制器
267 1
【threejs教程】场景视角切换的神器:轨道控制器
|
前端开发
前端学习笔记202305学习笔记第二十三天-区域文字和立体设置
前端学习笔记202305学习笔记第二十三天-区域文字和立体设置
48 0
【Axure教程】中继器图片列表(放大效果)
【Axure教程】中继器图片列表(放大效果)
【Axure教程】中继器图片列表(放大效果)
|
数据可视化
【Axure教程】用中继器制作动态切换的柱状图
【Axure教程】用中继器制作动态切换的柱状图
【Axure教程】用中继器制作动态切换的柱状图
|
数据可视化
【Axure教程】动态玫瑰图
【Axure教程】动态玫瑰图
【Axure教程】动态玫瑰图
Axure快速入门(04) - 元件位置调整
Axure快速入门(04) - 元件位置调整
364 0
Axure快速入门(04) - 元件位置调整
|
数据安全/隐私保护
Axure9 的元件用法
矩形是最常用最基本的作图工具,它主要功能有: 可以通过改变矩形大小,填充颜色来确定基本的框架 可以改变图形的形状,例如扇形,星型,圆形等。 可以隐藏边框,改变边框线段的形状和颜色 可以改变角度的弧度,建议用 5 开始调试 对矩形阴影进行设置,增加矩形阴影可以增加立体感,例如制作小卡片原型。 可以对矩形进行隐藏,经过触发显示。 矩形分为 3 种,建议使用矩形一,矩形二三是对矩形一填充灰色。除了需要使用灰色矩形外,不建议使用。
|
vr&ar 图形学
【Unity3D 灵巧小知识点】 ☀️ | 层级面板中的 ‘小手指‘ 作用: 在Scen中将该物体设置为不可选中状态
Unity 小科普 老规矩,先介绍一下 Unity 的科普小知识: Unity是 实时3D互动内容创作和运营平台 。 包括游戏开发、美术、建筑、汽车设计、影视在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和3D内容,支持平台包括手机、平板电脑、PC、游戏主机、增强现实和虚拟现实设备。
【Unity3D 灵巧小知识点】 ☀️ | 层级面板中的 ‘小手指‘ 作用: 在Scen中将该物体设置为不可选中状态
下一篇
DataWorks