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

Posted

技术标签:

【中文标题】带有子视图的动态宽度视图【英文标题】:Dynamic width view with subviews 【发布时间】:2019-06-05 04:11:21 【问题描述】:

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

https://imgur.com/nyLv65t

请忽略可怜的绘图。基本上,黑色边框是主视图。在该主视图中,我有一个较小的视图(蓝色),它应该位于主视图的右侧,垂直居中。蓝色视图也有一个标签作为子视图,所以我需要蓝色视图具有基于标签长度的动态宽度。

但是,我似乎无法正确设置约束。每次,我都会遇到红色限制和错误。对此的正确限制是什么?

【问题讨论】:

一些代码或故事板的屏幕截图可能会有所帮助 很遗憾我现在不在电脑前 stackview 会帮助你 @karthikeyan 据我所知,您不能为 StackView 设置背景。 【参考方案1】:

你需要给下面三个constraints

垂直居中superview

恒定的尾随空格。

>=值作为前导约束来指定x的值

故事板限制:

Download demo code

【讨论】:

以上是关于带有子视图的动态宽度视图的主要内容,如果未能解决你的问题,请参考以下文章

根据其上方视图“元素”的宽度/高度“动态”生成子视图框架的 x 和 y 值?

带有故事板原型的 UITableViewCell 子视图的动态大小

动态宽度大小以适应堆栈视图中的控件

Segue 不适用于动态添加的子视图

带有图像视图和标签的 iOS UITableViewCell 动态大小的表格视图单元格

子视图内的 UIScrollview 高度动态变化