Xamarin.Forms 如何通过代码动态增删CollectionView中的列

无法直接通过x:Name访问DataTemplate内控件的原因：DataTemplate是条目复用模板，运行时会为CollectionView的每个数据条目生成独立的Grid实例，模板内的x:Name作用域仅限于模板内部，外部无法直接访问。你可以通过以下两种方案实现需求：

方案一：预定义列+可见性绑定（最易实现，适合列数固定、仅需控制显隐的场景） #

• 步骤1：给你的ViewModel添加对应列的可见性布尔属性，需实现INotifyPropertyChanged接口，例如：

private bool _isPriceColumnVisible = true;
public bool IsPriceColumnVisible
{
    get => _isPriceColumnVisible;
    set 
    { 
        _isPriceColumnVisible = value;
        OnPropertyChanged();
    }
}
// 其他列的可见性属性以此类推

• 步骤2：实现布尔值转列宽的转换器，用于隐藏列时将宽度设为0：

public class BoolToWidthConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is bool isVisible && isVisible)
        {
            return new GridLengthTypeConverter().ConvertFromInvariantString(parameter.ToString());
        }
        return new GridLength(0);
    }
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

将转换器声明到页面资源中：

<ContentPage.Resources>
    <local:BoolToWidthConverter x:Key="BoolToWidthConverter" />
</ContentPage.Resources>

• 步骤3：给Header和ItemTemplate内的列绑定可见性和宽度：
  以价格列为例，Header部分：

<ColumnDefinition Width="{Binding IsPriceColumnVisible, Converter={StaticResource BoolToWidthConverter}, ConverterParameter='90'}" />
<Label Grid.Column="2"
       Text="price"
       IsVisible="{Binding IsPriceColumnVisible}"
       FontAttributes="Italic"
       LineBreakMode="TailTruncation" />

ItemTemplate部分：

<ColumnDefinition Width="{Binding BindingContext.IsPriceColumnVisible, Source={x:Reference lstl}, Converter={StaticResource BoolToWidthConverter}, ConverterParameter='0.7*'}" />
<StackLayout Grid.Column="2" Orientation="Vertical" IsVisible="{Binding BindingContext.IsPriceColumnVisible, Source={x:Reference lstl}}">
    <!-- 列内容保持不变 -->
</StackLayout>

• 步骤4：外部按钮点击时，直接修改ViewModel中对应列的可见性属性即可，所有条目会自动同步显隐状态。

方案二：动态生成DataTemplate（适合列数不固定、完全动态新增删除的场景） #

• 步骤1：在后台代码中定义需要显示的列配置集合，例如存储要显示的字段名、列宽、标题等信息。
• 步骤2：编写动态生成DataTemplate的方法：

private DataTemplate GenerateItemTemplate(List<ColumnConfig> columns)
{
    return new DataTemplate(() =>
    {
        var grid = new Grid { Padding = 0, ColumnSpacing = -1, RowSpacing = -1 };
        grid.RowDefinitions.Add(new RowDefinition { Height = 40 });
        foreach (var col in columns)
        {
            // 添加列定义
            grid.ColumnDefinitions.Add(new ColumnDefinition { Width = col.Width });
            // 构建列内容
            var container = new StackLayout { Orientation = StackOrientation.Vertical };
            container.Children.Add(new BoxView { HeightRequest = 1, Color = Color.Black });
            var innerStack = new StackLayout { Orientation = StackOrientation.Horizontal, HeightRequest = 40 };
            innerStack.Children.Add(new BoxView 
            { 
                Margin = new Thickness(0,-6,0,0),
                VerticalOptions = LayoutOptions.FillAndExpand,
                HorizontalOptions = LayoutOptions.Start,
                WidthRequest = 1,
                Color = Color.Black 
            });
            var label = new Label 
            { 
                HorizontalOptions = LayoutOptions.Center,
                TextColor = Color.FromHex("#ffc40c"),
                FontAttributes = FontAttributes.Bold,
                LineBreakMode = LineBreakMode.TailTruncation 
            };
            label.SetBinding(Label.TextProperty, col.FieldName);
            innerStack.Children.Add(label);
            container.Children.Add(innerStack);
            Grid.SetColumn(container, grid.ColumnDefinitions.Count - 1);
            grid.Children.Add(container);
        }
        return grid;
    });
}
// 列配置类示例
public class ColumnConfig
{
    public string FieldName { get; set; }
    public GridLength Width { get; set; }
    public string HeaderText { get; set; }
}

• 步骤3：外部按钮点击修改列配置集合后，同步更新Header的Grid列，再重新生成DataTemplate赋值给CollectionView：

// 示例：添加列操作
columns.Add(new ColumnConfig { FieldName = "batch", Width = new GridLength(0.7, GridUnitType.Star), HeaderText = "批次" });
// 更新Header
UpdateHeaderGrid(columns);
// 重新赋值ItemTemplate
lstl.ItemTemplate = GenerateItemTemplate(columns);

注意事项 #

• 方案一实现成本最低，没有性能损耗，优先推荐；方案二适合完全动态的场景，数据量较大时重新生成模板会有短暂的渲染延迟。
• 两种方案都不需要直接访问DataTemplate内的控件，规避了名称作用域的问题。

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