UWP ListView未加载项目

最后发布: 2016-03-20 14:21:20


问题

我将以最简单的方式解释我的问题。 我已经处理listview和gridview以及绑定很长时间了,但是现在我遇到了一个无法解释的问题,因此我确实需要一些帮助。

以下是我的listview的xaml代码。

 <ListView Name="OtherVideosList"  ItemsSource="{x:Bind VideoFiles}" SelectionChanged="OtherVideosList_SelectionChanged">
    <ListView.ItemTemplate>
        <DataTemplate x:DataType="data:VideoFile">
            <StackPanel Orientation="Horizontal">
                <Image Source="{x:Bind Thumbnail}"/>
                <StackPanel>
                    <TextBlock Text="{x:Bind FileName}"/>
                    <TextBlock Text="{x:Bind Duration}"/>
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

我将其绑定到ObservableCollection下面是它的数据类型类。

public class VideoFile
{
    public string FileName { get; set; }
    public string Duration { get; set; }
    public StorageFile File { get; set; }
    public BitmapImage Thumbnail { get; set; }
}

使用此类,我正在创建项目源

public ObservableCollection<VideoFile> VideoFiles { get; set; }

我使用一个按钮打开多个文件,然后将它们放到项目源中,以便稍后在media元素上播放。 以下是事件处理程序的代码。

private async void OpenClick(object sender, RoutedEventArgs e)
    {
        try
        {
            var p = new FileOpenPicker();
            foreach (var item in videoTypes)
            {
                p.FileTypeFilter.Add(item);
            }
            //Curentplayingfiles is IReadOnlyList<StorageFiles>
            CurrentlyPlayingFiles = await p.PickMultipleFilesAsync();
            if (CurrentlyPlayingFiles.Count != 0)
            {
                if (CurrentlyPlayingFiles.Count == 1)
                {   //this if block works absolutely fine
                    CurrentlyPlayingFile = CurrentlyPlayingFiles[0];
                    var s = await CurrentlyPlayingFile.OpenReadAsync();
                    ME.SetSource(s, CurrentlyPlayingFile.ContentType);
                }
                else
                {
                    VideoFiles = new ObservableCollection<VideoFile>();
                    foreach (var file in CurrentlyPlayingFiles)
                    {
                        //Thumbnail and GetDuration are my own static methods to get thumbnail
                        //and duration property of the file respectively
                        VideoFiles.Add(new VideoFile { Thumbnail = await Thumbnail(file), Duration = await GetDuration(file), File = file, FileName = file.DisplayName });
                    }
                    //exception occurs on this very line below, because here OtherVideosList has zero items.
                    OtherVideosList.SelectedIndex = 0;
                }

            }

        }
        catch (Exception s){ var dr = s.Message; }
    }

我在评论中提到了要点。 任何帮助将不胜感激,非常感谢..

listview win-universal-app itemsource
回答

看起来在您的代码中,您已经绑定到一个可观察的集合视频文件。 添加项目之前,请勿将其设置为new。 如果集合已经绑定,这将破坏您的绑定。 清除列表中的所有项目


回答

因此,您的页面未实现InotifyPropertyChanged ,您可以通过以下两种方法对其进行修复:

  1. 您可以在构造函数中初始化VideoFiles集合,然后一切都可以使用。

  2. 另一种方法是实现INotifyPropertyChanged接口。 顺便说一句,默认的x:Bind模式为OneTime因此在此步骤中,您需要将Mode更改为OneWay

C#

    public sealed partial class MainPage : Page, INotifyPropertyChanged
    {
        private ObservableCollection<VideoFile> _videoFiles { get; set; }

        public MainPage()
        {
            this.InitializeComponent();
        }

        public ObservableCollection<VideoFile> VideoFiles
        {
            get
            {
                return _videoFiles;
            }
            set
            {
                if (_videoFiles != value)
                {
                    _videoFiles = value;
                    RaisePropertyChanged(nameof(VideoFiles));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        private void OpenClick(object sender, RoutedEventArgs e)
        {
            VideoFiles = new ObservableCollection<VideoFile>();
            VideoFiles.Add(new VideoFile()
            {
                Duration = "02:00",
                FileName = "file name",
                Thumbnail = new BitmapImage(new Uri("http://s.ill.in.ua/i/news/630x373/298/298656.jpg"))
            });

        }

        private void RaisePropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

XAML:

<ListView Name="OtherVideosList"  
          ItemsSource="{x:Bind VideoFiles, Mode=OneWay}">


回答

您仅在侦听CollectionChanged事件,而不在VideoFiles属性本身的更改。 尝试以下方法:

// Assuming you're using C# 6. If not, assign it in constructor
public ObservableCollection<VideoFile> VideoFiles { get; set; } = new ObservableCollection<VideoFile>();

然后在else子句中:

else
{
    VideoFiles.Clear();
    foreach (var file in CurrentlyPlayingFiles)
    {
        //Thumbnail and GetDuration are my own static methods to get thumbnail
        //and duration property of the file respectively
        VideoFiles.Add(new VideoFile { Thumbnail = await Thumbnail(file), Duration = await GetDuration(file), File = file, FileName = file.DisplayName });
    }
    //exception occurs on this very line below, because here OtherVideosList has zero items.
    OtherVideosList.SelectedIndex = 0;
}

当您将新集合分配给VideoFiles它将中断绑定,并且您将不会再收到任何内容已更改的通知。