主页 / 问题 / 947661
Accepted
Leksor
Asked:2020-02-21 22:35:41 +0800 CST2020-02-21 22:35:41 +0800 CST

根据值更改 ListView 项的背景。WPF

  • 772

我有一个ListView文件显示列表。添加到ListView项目时，background添加的元素应该是红色的，因为最初添加的文件具有MessageFileId == null. 然后对于任何元素，我更改MessageFileId为任何值。当 时MessageFileId != null，您需要background此元素变为绿色。这个怎么做？目前，所有元素都只有background红色。

视图模型：

public class TicketAttachFiles
{
    public string AttachFilePath { get; set; }

    public int? MessageFileId { get; set; }
}

public ObservableCollection<TicketAttachFiles> AttachFiles { get; set; }

看法：

<ListView Grid.Row="2" Grid.Column="0" Background="Transparent"
          ItemsSource="{Binding AttachFiles, UpdateSourceTrigger=PropertyChanged}">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>

    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem" d:DataContext="{Binding AttachFiles, UpdateSourceTrigger=PropertyChanged}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding TicketMessageFileId, UpdateSourceTrigger=PropertyChanged}" Value="{x:Null}">
                    <Setter Property="Background" Value="Red" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>

    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>

                <fa:ImageAwesome Icon="PictureOutline" />
                <TextBlock Grid.Row="1"
                           Text="{Binding Path=AttachFilePath}" />
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

在我为某个元素设置字段的值后MessageFileId，该元素不会失去其红色背景。

c#

1 个回答

  1. Best Answer

    1. 你应该记住一个简单的规则。
      如果您从代码中更改绑定属性的值并希望在 View 层中跟踪此更改，则此属性必须调用INotifyPropertyChanged(INPC)！

      • 也就是说，您在某处创建一个将实现 INPC 的类。
        最简单的例子：

        public class BaseVM : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    public void RaisePropertyChanged([CallerMemberName] String propertyName = "")
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

      • 接下来，您从先前创建的类继承您的 VM 类：

        class TicketAttachFiles : BaseVM

      • 在所有必要的属性中，调用通知方法，执行如下操作：

        private int? messageFileId;
public int? MessageFileId
{
    get => messageFileId;
    set
    {
        messageFileId = value;
        RaisePropertyChanged();
    }
}

    2. 在这一行<DataTrigger Binding="{Binding TicketMessageFileId, UpdateSourceTrigger=PropertyChanged}" Value="{x:Null}">中，您的错误是TicketMessageFileId将在主 VM（您拥有的地方）中查找该属性AttachFiles。对于胜任的工作，触发器应放置在DataTemplate模板本身中。
      标记将是这样的：

      <ListView ItemsSource="{Binding AttachFiles}" >
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextBlock x:Name="TextBlock" Grid.Row="1" Text="{Binding AttachFilePath}"/>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding MessageFileId}" Value="{x:Null}">
                    <Setter TargetName="TextBlock" Property="TextBlock.Background" Value="Red"/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

    结果：

    结果

    • 2

相关问题