WinUI3中如何在ItemContainerStyle内用转换器设置ListViewItem背景？

需要根据Permiso类的布尔属性EstaGuardado的值，修改ListViewItem的背景色。当前遇到两个问题：

• 在ListView的ItemContainerStyle中绑定EstaGuardadoToBackgroundConverter时，转换器从未被调用；
• 将转换器放在ItemTemplate的StackPanel上时，转换器能触发，但背景仅作用于模板内控件，侧边仍留有间隙。

namespace Modelo.Autenticacion
{
    public class Permiso
    {
        public int Id { get; set; }
        public string Nombre { get; set; }
        public bool EstaGuardado { get; set; } = false;
    }
}

private void OnRolSeleccionado(object sender, SelectionChangedEventArgs e)
{
    _rolSeleccionado = RolesListView.SelectedItem as Rol;
    if (_rolSeleccionado != null)
    {
        Permisos.Clear();
        FilteredPermisos.Clear();

        foreach (var permiso in _rolSeleccionado.Permisos)
        {
            Permisos.Add(permiso);
            FilteredPermisos.Add(permiso);
        }

        PermisosHeaderTextBlock.Text = $"Permisos del rol {_rolSeleccionado.Nombre}";
    }
}

<Page.Resources>
    <local2:EstaGuardadoToBackgroundConverter x:Key="EstaGuardadoToBackgroundConverter"/>
</Page.Resources>

<ListView x:Name="PermisosListView" Grid.Row="1" ItemsSource="{x:Bind FilteredPermisos, Mode=OneWay}">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <ItemsWrapGrid Orientation="Horizontal" MaximumRowsOrColumns="5"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem" BasedOn="{StaticResource ListViewItemRevealStyle}">
            <Setter Property="Margin" Value="2"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Background" Value="{Binding EstaGuardado, Converter={StaticResource EstaGuardadoToBackgroundConverter}, Mode=OneWay}"/>
            <Setter Property="MinWidth" Value="150"/>
            <Setter Property="Padding" Value="0"/>
        </Style>
    </ListView.ItemContainerStyle>
    <ListView.ItemTemplate>
        <DataTemplate x:DataType="local1:Permiso">
            <StackPanel Orientation="Vertical" Padding="5" Spacing="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Top">
                    <TextBlock Text="{Binding Nombre}" FontWeight="Bold" FontSize="14" Grid.Column="0" VerticalAlignment="Center"/>
                    <Button Content="X" Click="OnEliminarPermisoClick" Tag="{Binding}" Grid.Column="1" Margin="5,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Top" Spacing="5">
                    <TextBlock Text="ID:" Style="{StaticResource FooterTextStyle}"/>
                    <TextBlock Text="{Binding Id}" Style="{StaticResource FooterTextStyle}"/>
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

1. 确保转换器正确实现 #

首先检查EstaGuardadoToBackgroundConverter是否正确实现IValueConverter接口，示例实现如下：

using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Media;

namespace TuEspacioDeNombres // 替换为你的转换器命名空间
{
    public class EstaGuardadoToBackgroundConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, string language)
        {
            if (value is bool estaGuardado)
            {
                return estaGuardado ? new SolidColorBrush(Windows.UI.Colors.LightGreen) : new SolidColorBrush(Windows.UI.Colors.Transparent);
            }
            return new SolidColorBrush(Windows.UI.Colors.Transparent);
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            throw new NotImplementedException();
        }
    }
}

2. 修正ItemContainerStyle的绑定问题 #

核心原因 #

原配置中转换器未触发，大概率是以下情况：

• 转换器的命名空间引用错误（XAML中local2未正确指向转换器所在命名空间）；
• ListViewItem的Background被默认样式的视觉状态（如选中、悬停）覆盖；
• HorizontalContentAlignment和VerticalContentAlignment设为Center，导致内容未填满容器，背景显示不完整。

修正方案 #

方式一：修复绑定并调整对齐方式

将内容对齐方式改为Stretch，确保内容填满ListViewItem容器，同时确认命名空间引用正确：

<Style TargetType="ListViewItem" BasedOn="{StaticResource ListViewItemRevealStyle}">
    <Setter Property="Margin" Value="2"/>
    <Setter Property="HorizontalContentAlignment" Value="Stretch"/> <!-- 改为Stretch -->
    <Setter Property="VerticalContentAlignment" Value="Stretch"/> <!-- 改为Stretch -->
    <Setter Property="Background" Value="{Binding EstaGuardado, Converter={StaticResource EstaGuardadoToBackgroundConverter}, Mode=OneWay}"/>
    <Setter Property="MinWidth" Value="150"/>
    <Setter Property="Padding" Value="0"/>
</Style>

方式二：使用DataTrigger替代转换器（无需转换器）

如果不想使用转换器，可直接在Style中添加DataTrigger来根据EstaGuardado值设置背景：

<Style TargetType="ListViewItem" BasedOn="{StaticResource ListViewItemRevealStyle}">
    <Setter Property="Margin" Value="2"/>
    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
    <Setter Property="VerticalContentAlignment" Value="Stretch"/>
    <Setter Property="MinWidth" Value="150"/>
    <Setter Property="Padding" Value="0"/>
    <Style.Triggers>
        <DataTrigger Binding="{Binding EstaGuardado}" Value="True">
            <Setter Property="Background" Value="LightGreen"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding EstaGuardado}" Value="False">
            <Setter Property="Background" Value="Transparent"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

3. 确保集合类型正确 #

FilteredPermisos需使用ObservableCollection<Permiso>类型，这样当集合中Permiso对象的属性变化时，UI才能自动更新：

public ObservableCollection<Permiso> FilteredPermisos { get; } = new ObservableCollection<Permiso>();

4. 验证命名空间引用 #

确认XAML中转换器的命名空间引用正确，例如如果转换器在Modelo.Autenticacion命名空间下，需添加：

xmlns:local2="clr-namespace:Modelo.Autenticacion"

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