Godot-StartUP

创建于:2018-07-28

创建人: Justus

44 信息 150 成员
讨论基于Godot以及Unity引擎的游戏开发经验,理论和最佳实践。共享一些通用思路以启发另一种生产工具中的实践。独立开发群QQ: 122017359

Godot中锚点(anchor)和边界(margin)的用法

logoss 2018-10-12

在godot中,Control类都有anchor和margin属性。

Image title

这两个属性是给ui自适配用的。

每个control都有四个边,上(top),下(bottom),左(left),右(right)

anchor(锚点):表示每条边的参照值。这个参照值是相对于父节点的百分比取值,一般会取0,0.5,1这三个值。

以anchor_left属性为例,

anchor_left=0表示当前节点的左边界以父节点的左边界为参照值,

archor_left=0.5表示当前节点的左边界以父节点的中心为参照值,

archor_left=1表示当前节点的左边界以父节点的右边界为参照值。

margin(边界):表示每条边和参照值得相对位置,这个值的就是像素距离。


举例来说明比较好理解,我新建了一个Panel,一个TextureRect

Image title

Image title

1.我希望TextureRect和Panel的边界始终保持50个像素

Image title

TextureRect的Anchor和Margin要这么设置

Image title

2.接下来新建个按钮,是它始终位于右上方,长度保持100,高度保持50

Image title

按钮的anchor和margin属性

Image title

3.接下来新建个开始游戏按钮,长100,宽50,x方向居中,y方向距离底面50的距离

Image title

开始游戏按钮的anchor和margin

Image title


顺便说一下布局其实就是一些常用的anchor和margin的组合
Image title

(转发自:原日志地址

近期喜欢的会员

 

加入 indienova

  • 建立个人/工作室档案
  • 建立开发中的游戏档案
  • 关注个人/工作室动态
  • 寻找合作伙伴共同开发
  • 寻求线上发行
  • 更多服务……
登录/注册