ViewController中UIScrollView未显示，锚点约束问题求助

核心问题总结 #

你的UIScrollView无法显示、内部子视图不显示，核心原因是约束缺失、约束逻辑错误，以下是具体问题和修复步骤：

1. ScrollView自身约束缺失（直接导致不可见） #

你只给ScrollView设置了Leading、Top、Bottom约束，但未设置宽度相关约束（Trailing或Width），Auto Layout无法确定ScrollView的宽度，最终会让它的宽度变为0，自然看不到。

修复：添加Trailing约束到父视图的LayoutMarginsGuide：

scrollView.TrailingAnchor.ConstraintEqualTo(margins.TrailingAnchor).Active = true;

2. ScrollView内部子视图的约束逻辑错误 #

（1）第一个TextField的约束错误 #

你把第一个TextField的LeadingAnchor绑定到scrollView.TrailingAnchor，这会让TextField直接跑到ScrollView外部，完全不可见：

// 错误代码
MyTextField.LeadingAnchor.ConstraintEqualTo(scrollView.TrailingAnchor).Active = true;

修复：改成绑定到Label的TrailingAnchor并留间隔，或者绑定到ScrollView的LeadingAnchor偏移一段距离：

// 示例：TextField在Label右侧，间隔10pt
MyTextField.LeadingAnchor.ConstraintEqualTo(Mylabel.TrailingAnchor, 10f).Active = true;

（2）非第一个Label的Top约束错误 #

循环中你用labellist[x].BottomAnchor作为当前Label的Top参照，但x是当前循环索引，labellist[x]就是当前的Mylabel，等于让Label的Top绑定到自己的Bottom，逻辑完全错误：

// 错误代码
Mylabel.TopAnchor.ConstraintEqualTo(labellist[x].BottomAnchor, 5f).Active = true;

修复：绑定到上一个Label的BottomAnchor：

Mylabel.TopAnchor.ConstraintEqualTo(labellist[x-1].BottomAnchor, 5f).Active = true;

（3）子视图缺少尺寸约束 #

你的Label和TextField没有设置宽度、高度或Trailing约束，Auto Layout无法确定它们的大小和位置，导致无法正确显示。

示例修复：给Label设置固定宽度，给TextField绑定Trailing约束并设置高度：

// Label固定宽度
Mylabel.WidthAnchor.ConstraintEqualTo(120f).Active = true;
Mylabel.HeightAnchor.ConstraintEqualTo(40f).Active = true;

// TextField绑定到ScrollView右侧，设置高度
MyTextField.TrailingAnchor.ConstraintEqualTo(scrollView.TrailingAnchor, -10f).Active = true;
MyTextField.HeightAnchor.ConstraintEqualTo(40f).Active = true;

3. ScrollView的ContentSize与Auto Layout冲突 #

你手动设置了ContentSize，但使用Auto Layout时，ScrollView的ContentSize应该由内部子视图的约束自动计算，手动设置会干扰布局逻辑。

修复：删除手动设置的ContentSize代码：

// 删除这一行
ContentSize = new SizeF((w + padding) * 7, (h + padding) * n),

同时给最后一个子视图添加Bottom约束到ScrollView的BottomAnchor，让ScrollView自动计算ContentSize：

// 循环结束后绑定最后一个子视图的Bottom约束
if (labellist.Count > 0)
{
    labellist.Last().BottomAnchor.ConstraintEqualTo(scrollView.BottomAnchor, -10f).Active = true;
}

4. 其他零散问题 #

• 重复创建ScrollView：你先UIScrollView scrollView = new UIScrollView();，随后又重新赋值，去掉第一行即可。
• Line视图缺少宽度约束：给Line添加Trailing约束，让它的宽度适配父视图：

line.TrailingAnchor.ConstraintEqualTo(margins.TrailingAnchor).Active = true;

修复后的核心约束代码片段（参考） #

// ScrollView自身约束
scrollView.LeadingAnchor.ConstraintEqualTo(margins.LeadingAnchor).Active = true;
scrollView.TrailingAnchor.ConstraintEqualTo(margins.TrailingAnchor).Active = true;
scrollView.TopAnchor.ConstraintEqualTo(line.BottomAnchor).Active = true;
scrollView.BottomAnchor.ConstraintEqualTo(margins.BottomAnchor).Active = true;

// 内部子视图约束循环修正
int x = 0;
foreach (UILabel Mylabel in labellist) {
    scrollView.Add(Mylabel);
    var MyTextField = fieldlist[x];
    scrollView.Add(MyTextField);

    // Label基础约束
    Mylabel.LeadingAnchor.ConstraintEqualTo(scrollView.LeadingAnchor, 10f).Active = true;
    Mylabel.WidthAnchor.ConstraintEqualTo(120f).Active = true;
    Mylabel.HeightAnchor.ConstraintEqualTo(40f).Active = true;

    // TextField基础约束
    MyTextField.LeadingAnchor.ConstraintEqualTo(Mylabel.TrailingAnchor, 10f).Active = true;
    MyTextField.TrailingAnchor.ConstraintEqualTo(scrollView.TrailingAnchor, -10f).Active = true;
    MyTextField.HeightAnchor.ConstraintEqualTo(40f).Active = true;
    MyTextField.TopAnchor.ConstraintEqualTo(Mylabel.TopAnchor).Active = true;

    // 垂直布局约束
    if (x == 0)
    {
        Mylabel.TopAnchor.ConstraintEqualTo(scrollView.TopAnchor, 5f).Active = true;
    } else
    {
        Mylabel.TopAnchor.ConstraintEqualTo(labellist[x-1].BottomAnchor, 5f).Active = true;
    }
    x += 1;
}

// 让ScrollView自动计算ContentSize
if (labellist.Count > 0)
{
    labellist.Last().BottomAnchor.ConstraintEqualTo(scrollView.BottomAnchor, -10f).Active = true;
}

内容的提问来源于stack exchange，提问作者Prescott Chartier