垂直Stack View(含3张图片)的布局约束问题
垂直Stack View布局内容截断问题的解决方法
检查Stack View核心属性
把Stack View的Distribution改成Fill Proportionally或者Equal Spacing,别用默认的Fill——后者会硬塞内容导致截断。另外图片视图的Content Mode一定要设为Aspect Fit,保证图片按比例完整显示,不会被切边。设置正确的约束逻辑
给Stack View加顶部、底部、左右四个约束绑定到父视图,别给它设固定高度。如果父视图是Scroll View,得确保Scroll View的约束拉满父容器,Stack View能跟着内容滚动;如果是普通View,要么控制子视图总高度不超屏幕,要么让Stack View自动适配空间。调整图片约束的优先级
如果图片还被截断,看看是不是给图片加了固定高度约束。要是有,把这个约束的Priority调到750(低于系统默认的1000),让Stack View的布局优先级更高,空间不够时图片会先缩放而不是被截断。依赖内在尺寸布局
确保所有子视图都能正确计算Intrinsic Content Size——图片会根据自身尺寸算,标签会根据文字长度算。Stack View靠这些内在尺寸来分配空间,能避免强制拉伸或截断的问题。

内容的提问来源于stack exchange,提问作者Andeng
相关产品推荐
相关产品推荐

