时间戳

首页 > 解决方案 > UWP TabView OneWay x：绑定不更新

c# - UWP TabView OneWay x：绑定不更新

问题描述

我有一个是这样TabView的：ItemTemplate

<controls:TabView.ItemTemplate>
    <DataTemplate x:DataType="data:Playlist">
        <local:HeaderedPlaylistControl
            IsPlaylist="True"
            Loaded="HeaderedPlaylistControl_Loaded"
            MusicCollection="{x:Bind Mode=OneWay}" />
    </DataTemplate>
</controls:TabView.ItemTemplate>

这是一部分HeaderedPlaylistControl：

<local:PlaylistControl
    AllowReorder="False"
    AlternatingRowColor="True"
    ItemsSource="{x:Bind MusicCollection.Songs, Mode=OneWay}">
    <local:PlaylistControl.Header>
        <controls:ScrollHeader Mode="Sticky">
            <UserControl>
                <Grid
                    x:Name="PlaylistInfoGrid"
                    Padding="10"
                    Background="{ThemeResource SystemColorHighlightColor}">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Image
                        x:Name="PlaylistCover"
                        Grid.RowSpan="3"
                        Width="180"
                        Height="180"
                        Margin="20"
                        Source="Assets/monotone_bg_wide.png" />
                    <TextBlock
                        x:Name="PlaylistNameTextBlock"
                        Grid.Column="1"
                        Margin="0,5"
                        VerticalAlignment="Center"
                        FontSize="36"
                        Foreground="White"
                        Style="{StaticResource HeaderTextBlockStyle}"
                        Text="{x:Bind MusicCollection.Name, Mode=OneWay}" />
                    <TextBlock
                        x:Name="PlaylistInfoTextBlock"
                        Grid.Row="1"
                        Grid.Column="1"
                        Margin="0,5"
                        VerticalAlignment="Top"
                        Foreground="White"
                        Text="{x:Bind MusicCollection.Songs, Converter={StaticResource SongCountConverter}, Mode=OneWay}" />
                </Grid>
            </UserControl>
        </controls:ScrollHeader>
    </local:PlaylistControl.Header>
</local:PlaylistControl>

当我在选项卡之间切换时，HeaderedPlaylistControl不会更新它的内容。这是为什么？

是因为MusicCollection属性（它是 type Playlist）在切换选项卡时没有通知绑定吗？如果是这样，我应该把通知放在哪里？的定义Playlist在这里。

HeaderedPlaylistControl 在这里：

标签： c#xamluwpwin-universal-app

解决方案

是的，正如您所怀疑的，问题在于该MusicCollection属性是一个普通属性，它不会通知更改。要使您的代码正常工作，您需要将该MusicCollection属性设置为依赖属性（请参阅文档）。这是一种最适合可视控件的数据绑定属性的属性，并且还具有许多附加功能。

public static readonly DependencyProperty MusicCollectionProperty =
    DependencyProperty.Register(
        nameof(MusicCollection), typeof(Playlist),
        typeof(HeaderedPlaylistControl), null
    );

public Playlist MusicCollection
{
    get { return (bool)GetValue(MusicCollectionProperty); }
    set { SetValue(MusicCollectionProperty, value); }
}

推荐阅读