具有子视图的动态宽度视图

Question

我正在尝试在xib中创建以下内容：

https://imgur.com/nyLv65t

请忽略可怜的图画。基本上，黑色边框是主视图。在该主视图内，我有一个较小的视图（蓝色），应位于主视图的右侧，垂直居中。蓝色视图还具有标签作为子视图，因此我需要蓝色视图具有基于标签长度的动态宽度。

但是，我似乎无法正确理解约束条件。每次，我都会遇到红色的限制和错误。正确的约束条件是什么？

Answer 1

您需要给以下三个constraints

• 垂直居中superview

• 恒定的尾随空格。

• 具有>=值的主导约束以指定x的值

故事板限制：

Download demo code