初级2界面UI - 图1

初级2界面UI - 图2

初级2界面UI - 图3

iVX可视化编程课-LV1-5-01-15编程通识:UI搭建

初级2界面UI - 图4

初级2界面UI - 图5

案例

初级2界面UI - 图6

初级2界面UI - 图7

设计师-前端

初级2界面UI - 图8

初级2界面UI - 图9

原点

初级2界面UI - 图10

2

初级2界面UI - 图11

初级2界面UI - 图12

点击-拖拽生成按钮(相对-按钮自动下移)

初级2界面UI - 图13

图片-拖拽 保持原有比例(默认 改为插入框的大小)

初级2界面UI - 图14

左右 +-1

初级2界面UI - 图15

ctrl 多选-对齐

初级2界面UI - 图16

对齐~有点像PPT

iVX可视化编程课-LV1-7-01-18原点

初级2界面UI - 图17

初级2界面UI - 图18

初级2界面UI - 图19

可视组件-原点

初级2界面UI - 图20

坐标轴

原点0 基于组件

初级2界面UI - 图21

比例变化,可能调节多个页面部件时有用

设置原点-修改动效

iVX可视化编程课-LV1-7-03-21堆叠次序

初级2界面UI - 图22

初级2界面UI - 图23

初级2界面UI - 图24

后添加-靠上,新

高级排版-比数字大小

父子层级,高于内部数字顺序

iVX可视化编程课-LV1-8-01-22相对定位原则

初级2界面UI - 图25

初级2界面UI - 图26

自然排序

初级2界面UI - 图27

按顺序,上下-同级 挤压、下移

自动

初级2界面UI - 图28

初级2界面UI - 图29

没有自动保存-退出前要加设置

初级2界面UI - 图30

初级2界面UI - 图31

初级2界面UI - 图32

行组件

初级2界面UI - 图33

横向布局。

纵向:列组件(矩形块)

初级2界面UI - 图34

内嵌

初级2界面UI - 图35

iVX可视化编程课-LV1-9-01-24对齐方式

初级2界面UI - 图36

初级2界面UI - 图37

初级2界面UI - 图38

初级2界面UI - 图39

底部文字被字幕挡住了==

初级2界面UI - 图40

默认对齐方式

初级2界面UI - 图41

~力

初级2界面UI - 图42

等间距

~自适应,预览-全屏

初级2界面UI - 图43

检测,改变高度、平滑切换

行组件-等间距~

初级2界面UI - 图44

同级排列

初级2界面UI - 图45

2个元素,分别居最左、右

~两端固定

初级2界面UI - 图46

父级-竖向居中

初级2界面UI - 图47

iVX可视化编程课-LV1-9-03-25边距

初级2界面UI - 图48

外边距-元素相关

相互距离=两个之和

初级2界面UI - 图49

-互补,重叠

堆叠次序1,没设置的在下方

初级2界面UI - 图50

初级2界面UI - 图51

布局组件

初级2界面UI - 图52

初级2界面UI - 图53

默认0

内边距-行列容器用

初级2界面UI - 图54

初级2界面UI - 图55

电脑截图-显示在前方

初级2界面UI - 图56

常用边距-手机25

外部-微调

初级2界面UI - 图57

初级2界面UI - 图58

初级2界面UI - 图59

位置自适应

初级2界面UI - 图60

预览界面

初级2界面UI - 图61

透明度

初级2界面UI - 图62

弹窗-灰色蒙版

初级2界面UI - 图63

组件-复制、粘贴