快速叠加视图之间的间隙

Question

我想知道如何在快速叠加视图之间留出空隙。这对我来说真的很难解释，因此我添加了一些图像来解释我在谈论This is the effect in iMessage The same effect in Facebook Messenger And again in facebook messenger。我说的是分钟数与个人资料图片（在第3张图片中）之间的空隙。我想知道如何在Swift中实现相同的目标，因为我想将其集成到我的应用程序中。非常感谢！

Answer 1

这有点棘手，起初并不明显，但也不太困难。

对于圆形图像，请尝试以下操作：

customView.layer.cornerRadius = customView.bounds.size.width / 2.0
customView.layer.borderWidth = 2.0
customView.layer.borderColor = UIColor.white.cgColor

对于具有圆角的矩形图像，第一行将根据高度计算.cornerRadius（或者您可以在所有情况下都可以这样做，并且它也可以工作）：

customView.layer.cornerRadius = customView.bounds.size.width / 2.0

只需将customView替换为yourCustomViewName，然后为每个视图写这3行。那应该做的。

Answer 2

您可以通过多种方式进行操作。

其中一种方式，我正在发布。

一个视图UIView应该是方形的。其中有一个UIImageView和一个SmallView

约束如下：

OuterView：宽度和高度分别为120，顶部50和水平居中

ImageView = {4,4,4,4}，

SmallView =右侧和底部为0，宽度和高度为40 [平方]

PlusSignImgVw = {4,4,4,4}

类似以下内容：

编码：

override func viewDidAppear(_ animated: Bool) {

    imageVw.layer.cornerRadius = imageVw.frame.size.width / 2

    smallSquareView.layer.cornerRadius = smallSquareView.frame.size.width / 2
    smallSquareView.clipsToBounds = true

    plusSign.layer.cornerRadius = plusSign.frame.size.width / 2
    plusSign.clipsToBounds = true

}

输出：