Swiftui 基本篇章(一。VStack)

对于一个 手机页面的构建 总是少不了一些 位置怎么摆放的设置方法。 他们并不是我们可见的组件(text,button)。但是作为幕后工作者 它们是不可或缺的。他们为一个页面的构建的摆放 提供了不可或缺滴方法。

在这里 我们隆重的推出一号人物 VSTack。
VStack 是 Vertical Stack的缩写。它可以收纳一切的View 在自己的名下。并且可以一个接一个的纵向的摆放下去。

VStack

  1. VStack 自己也是一个View
  2. 它可以包纳其他的View 作为自己的 子Views。

当我们用xcode 创建简单的VStack 如下:


代码

那我们得到的结果如下:


结果

我们可以看出在没有进行任何配置的情况下,我们得到的结果 就是一个挨一个的紧凑排放。那如果我们想让每一个subview之间有一些空隙怎么办呢?
只需要传入一个spacing的参数 设置上我们想要的数值就好了


加上Spacing 配置

是不是感觉漂亮不少啊。说明一点代码也需要打扮打扮滴。

结果

在这里 我举例不当 导致subview 的长度一样了。但是现实生活中 很难保证大家都是一个模子刻出来滴。那怎么怎么办呢? 稍安勿躁。记住 只要不满意, 参数来揍

加了 对齐参数滴
对齐后的结果

是不是看着舒爽了很多。 在此就不展示去掉对齐参数的丑陋的一面了。有喜欢滴朋友自行独赏吧。

开篇的时候 讲过 VStack 可以让一切的view作为自己的子view。当然 也包括自己。

嵌套自己玩玩
sub VStack 作为整体

这里可以度出来几层意思:

  1. View的参数 只是对自己的更改。我们只对最外层的VStack进行了配参 那Sub VStack还是保持默认滴
  2. subview 作为整体 进行父view的展示

是不是很简单?
好了 今天就写到这里了 周末要嗨皮去了。

Fred Lei

你可能感兴趣的:(Swiftui 基本篇章(一。VStack))