如何在Xamarin.Forms代码后台修改XAML创建的Grid布局

这事儿好办！我给你整理了一套在后台代码里实现需求的方案，适配ListView的控件复用逻辑，避免出现重复控件的问题：

步骤1：定义数据模型 #

首先我们需要一个带判断条件的模型类，用来决定每个列表项要显示Switch还是Entry，同时实现INotifyPropertyChanged确保数据绑定生效：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class ListItemModel : INotifyPropertyChanged
{
    // 控制显示Switch还是Entry的条件属性
    private bool _isSwitchNeeded;
    public bool IsSwitchNeeded
    {
        get => _isSwitchNeeded;
        set { _isSwitchNeeded = value; OnPropertyChanged(); }
    }

    // Switch对应的绑定值
    private bool _switchValue;
    public bool SwitchValue
    {
        get => _switchValue;
        set { _switchValue = value; OnPropertyChanged(); }
    }

    // Entry对应的绑定值
    private string _entryText;
    public string EntryText
    {
        get => _entryText;
        set { _entryText = value; OnPropertyChanged(); }
    }

    // INotifyPropertyChanged 实现
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

步骤2：后台构建ListView和动态控件 #

在页面的后台代码中，我们需要创建ListView的DataTemplate，并在BindingContextChanged事件中根据模型的条件动态添加控件——这个事件是关键，因为ListView会复用ViewCell，只有当绑定到具体数据项时，我们才能准确判断要添加的控件类型：

using Xamarin.Forms;
using System.Collections.Generic;
using System.Linq;

public class YourPage : ContentPage
{
    public YourPage()
    {
        InitializeComponent();

        // 创建ListView并配置属性
        var listView = new ListView
        {
            HasUnevenRows = true, // 可选：如果控件高度不同，开启自适应行高
            Margin = new Thickness(10)
        };

        // 设置ItemTemplate
        listView.ItemTemplate = new DataTemplate(() =>
        {
            // 创建一行两列的Grid布局
            var grid = new Grid
            {
                ColumnDefinitions =
                {
                    new ColumnDefinition { Width = GridLength.Star }, // 第一列占满剩余空间
                    new ColumnDefinition { Width = GridLength.Auto }  // 第二列自适应控件宽度
                },
                Padding = new Thickness(0, 5)
            };

            // 添加固定的第一个Label（Row=0, Column=0）
            var titleLabel = new Label
            {
                FontSize = 16,
                VerticalOptions = LayoutOptions.Center
            };
            // 绑定Label的文本（这里可以替换成你需要的属性名）
            titleLabel.SetBinding(Label.TextProperty, new Binding("."));
            Grid.SetRow(titleLabel, 0);
            Grid.SetColumn(titleLabel, 0);
            grid.Children.Add(titleLabel);

            // 创建ViewCell并关联Grid
            var viewCell = new ViewCell { View = grid };

            // 当ViewCell绑定到具体数据项时，动态添加右侧控件
            viewCell.BindingContextChanged += (sender, e) =>
            {
                if (viewCell.BindingContext is ListItemModel itemModel)
                {
                    // 先清除第二列已有的控件（解决ListView复用导致的重复控件问题）
                    var existingRightControl = grid.Children.FirstOrDefault(c => Grid.GetColumn(c) == 1);
                    if (existingRightControl != null)
                    {
                        grid.Children.Remove(existingRightControl);
                    }

                    // 根据条件添加Switch或Entry
                    View rightControl;
                    if (itemModel.IsSwitchNeeded)
                    {
                        rightControl = new Switch
                        {
                            VerticalOptions = LayoutOptions.Center,
                            Margin = new Thickness(10, 0, 0, 0)
                        };
                        // 绑定Switch的IsToggled属性
                        rightControl.SetBinding(Switch.IsToggledProperty, nameof(ListItemModel.SwitchValue));
                    }
                    else
                    {
                        rightControl = new Entry
                        {
                            Placeholder = "输入内容",
                            WidthRequest = 150,
                            Margin = new Thickness(10, 0, 0, 0)
                        };
                        // 绑定Entry的Text属性
                        rightControl.SetBinding(Entry.TextProperty, nameof(ListItemModel.EntryText));
                    }

                    // 设置控件的位置并添加到Grid
                    Grid.SetRow(rightControl, 0);
                    Grid.SetColumn(rightControl, 1);
                    grid.Children.Add(rightControl);
                }
            };

            return viewCell;
        });

        // 绑定数据源（示例数据，替换成你的实际数据）
        listView.ItemsSource = new List<ListItemModel>
        {
            new ListItemModel { IsSwitchNeeded = true, SwitchValue = false },
            new ListItemModel { IsSwitchNeeded = false, EntryText = "测试输入内容" },
            new ListItemModel { IsSwitchNeeded = true, SwitchValue = true },
            new ListItemModel { IsSwitchNeeded = false, EntryText = "另一行输入" }
        };

        // 将ListView设为页面内容
        Content = listView;
    }
}

关键注意点 #

• 处理ViewCell复用：一定要先清除第二列的现有控件，否则ListView滚动时会出现控件重复显示的问题
• 绑定时机：必须在BindingContextChanged事件中处理动态控件，因为此时才能拿到当前列表项的具体数据
• 数据绑定：给动态创建的Switch/Entry设置绑定，确保UI和数据能双向同步

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