如何构建动态问题与输入类型的Wizard UI并捕获表单提交数据

下面按适用场景排序给出3种可落地的实现方案：

1. 绑定层数据同步方案（通用推荐） #

在code-behind层维护一个和问题唯一ID关联的答案存储字典，动态生成控件时同步给控件绑定值变更事件，用户输入的内容会实时同步到字典中，提交时直接读取字典即可，完全不需要遍历UI控件。

优点：性能最优，不受控件回收、UI层级变化影响，支持任意数量的动态问题
示例代码（C# 类Xamarin/MAUI 场景）：

// 全局声明答案存储字典，key为问题唯一ID，value为用户输入值
private readonly Dictionary<int, object> _formAnswerMap = new();

// 动态生成控件时绑定事件
foreach (var question in loadedQuestionList)
{
    if (question.InputType == "text")
    {
        var inputEntry = new Entry { Placeholder = question.Desc };
        int qid = question.Id;
        // 绑定文本变更事件，同步更新字典
        inputEntry.TextChanged += (sender, args) => 
        {
            _formAnswerMap[qid] = args.NewTextValue;
        };
        formContainer.Children.Add(inputEntry);
    }
    else if (question.InputType == "dropdown")
    {
        var selectPicker = new Picker { ItemsSource = question.OptionList };
        int qid = question.Id;
        selectPicker.SelectedIndexChanged += (sender, args) => 
        {
            _formAnswerMap[qid] = ((Picker)sender).SelectedItem;
        };
        formContainer.Children.Add(selectPicker);
    }
    // 其他输入类型同理扩展
}

// 提交时直接读取字典即可
private void OnFormSubmit(object sender, EventArgs e)
{
    var submitData = _formAnswerMap;
    // 后续提交逻辑
}

2. UI遍历方案（适合10个问题以内的小表单） #

动态生成控件时，给每个控件的Tag属性赋值为对应问题的唯一ID，提交时递归遍历表单容器的所有子控件，按控件类型和Tag匹配收集答案。

注意：不要在使用CollectionView/ListView等可回收容器的场景下使用该方案，可视区域外的控件会被系统回收导致数据缺失。
示例代码：

private void OnFormSubmit(object sender, EventArgs e)
{
    var answerMap = new Dictionary<int, object>();
    // 遍历表单容器的所有子控件
    foreach (var child in formContainer.Children)
    {
        if (child is Entry entry && entry.Tag is int questionId)
        {
            answerMap[questionId] = entry.Text;
        }
        else if (child is Picker picker && picker.Tag is int qid)
        {
            answerMap[qid] = picker.SelectedItem;
        }
        // 其他控件类型同理扩展
    }
    // 后续提交逻辑
}

3. MVVM双向绑定方案（适合已使用MVVM架构的项目） #

如果项目采用MVVM架构，可以定义动态答案集合作为ViewModel属性，每个问题对应一个AnswerItem实例，包含QuestionId、InputValue等属性。动态生成UI时直接给每个控件做双向绑定到对应AnswerItem的InputValue属性，提交时直接读取ViewModel中的答案集合即可。

优点：完全符合MVVM规范，方便接入输入校验、错误提示等通用能力，和Web端Vue的v-model逻辑一致，跨端逻辑对齐成本低。

实现注意事项 #

• 所有方案都必须用问题的唯一ID做关联键，不要使用问题下标作为关联标识，避免问题顺序变更后数据匹配错误
• 如有必填、格式校验需求，直接在数据层（字典/Answer集合）做校验即可，不需要操作UI控件

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