Viewmodel类型为Observable Collection的MVVM ListView未更新视图
本文关键字:ListView 更新 新视图 MVVM 类型 Observable Collection Viewmodel | 更新日期: 2023-09-27 18:29:41
我的问题是,我在Viewmodel中添加了2个类型文件的对象(出于测试原因),这是一个可观察的集合,但视图不会随着应用程序的启动而更新。这是Mainview.cs:
public class MainView:ObservableCollection<Files>
{
public MainView()
{
Files x = new Files("picture", "jpg");
Files x1 = new Files("soundfile", "mp3");
Add(x);
Add(x1);
}}
我做错了什么?如何避免这种错误?如果我不更改Files类中的属性,并且只想在创建新的File对象时更新视图,那么是否真的需要INotifyPropertyChanged?
我上了这门课:
public class Files:INotifyPropertyChanged
{
private String _fileName;
public String FileName
{
get { return _fileName; }
set { _fileName = value; OnPropertyChanged("FileName"); }
}
private String _dataType;
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged(string propertyName)
{
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
public String DataType
{
get { return _dataType; }
set { _dataType = value; OnPropertyChanged("DataType"); }
}
public Files(string filename, string dataType)
{
this._fileName = filename;
this._dataType = dataType;
}
}
这个ViewModel:
public class MainView:ObservableCollection<Files>
{
public MainView()
{
Files x = new Files("picture", "jpg");
Files x1 = new Files("soundfile", "mp3");
Add(x);
Add(x1);
}
}
在xaml:中做到了这一点
<Window x:Class="ClientTestDesign.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:ClientTestDesign"
xmlns:vm="clr-namespace:ClientTestDesign.ViewModel"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525"
>
<Window.Resources>
<vm:MainView x:Key="View"></vm:MainView>
</Window.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="75"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Button Grid.Column="0" Style="{DynamicResource ForwardBackButton}" Content="Back"></Button>
<Button Grid.Column="1" Style="{DynamicResource StopButton}" Content="Pause"></Button>
<Button Grid.Column="2" Style="{DynamicResource ForwardBackButton}" Content="Forward"></Button>
<ListView Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.ColumnSpan="3">
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding /FileName, Source={StaticResource View}}"></TextBlock>
<TextBlock Text="{Binding /FileName, Source={StaticResource View}}"></TextBlock>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
这样更改代码;
你的"文件"类;这里没有太大变化。但是请看一下我实现属性和OnPropertyChanged的方式。
using System.ComponentModel;
namespace WpfApplication1
{
public class File:INotifyPropertyChanged
{
private string _fileName;
private string _dataType;
public string FileName
{
get { return _fileName; }
set
{
_fileName = value;
OnPropertyChanged("FileName");
}
}
public string DataType
{
get { return _dataType; }
set
{
_dataType = value;
OnPropertyChanged("DataType");
}
}
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged(string propertyName)
{
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
}
这是您的ViewModel。正如您所看到的,此视图模型与您的视图模型大不相同。这里有一些已注释的属性/方法。如果您计划实现一些命令,那么该代码可能会很有用。
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows.Input;
namespace WpfApplication1
{
public class MainWindowViewModel1:INotifyPropertyChanged
{
private ObservableCollection<File> _files;
private File _selectedFile;
//private ICommand _getFiles;
public ObservableCollection<File> Files
{
get { return _files; }
set
{
_files = value;
OnPropertyChanged("Files");
}
}
public File SelectedFile
{
get { return _selectedFile; }
set
{
_selectedFile = value;
OnPropertyChanged("SelectedFile");
}
}
//public ICommand GetFiles
//{
// get { return _getFiles; }
// set
// {
// _getFiles = value;
// }
//}
//public void ChangeFileName(object obj)
//{
// Files[0].FileName = "File_" + new Random().Next().ToString(CultureInfo.InvariantCulture);
//}
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged(string propertyName)
{
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
public MainWindowViewModel1()
{
Files = new ObservableCollection<File>();
Files.Add(new File() { FileName = "picture", DataType = "jpg"});
Files.Add(new File() { FileName = "soundfile", DataType = "mp3" });
//GetFiles = new RelayCommand(ChangeFileName, param => true);
}
}
}
您的观点;看一看绑定。那是你的问题之一。
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525"
xmlns:vm="clr-namespace:WpfApplication1">
<Window.Resources>
<vm:MainWindowViewModel1 x:Key="View"></vm:MainWindowViewModel1>
</Window.Resources>
<Grid>
<ListView HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ItemsSource="{Binding Source={StaticResource View}, Path=Files, Mode=TwoWay}" SelectedItem="{Binding Source={StaticResource View}, Path= SelectedFile, Mode=TwoWay}" Margin="28,27,31,146">
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding Path= FileName, Mode=TwoWay}"></TextBlock>
<TextBlock Text="{Binding Path= DataType, Mode=TwoWay}"></TextBlock>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
<!--<Button Content="Refresh" Command="{Binding Source={StaticResource View},Path = GetFiles}" HorizontalAlignment="Left" Height="33" Margin="347,236,0,0" VerticalAlignment="Top" Width="139"/>-->
</Grid>
您需要设置ListView的ItemsSource。在这种情况下,它与您的DataContext相同,所以只需这样做:
<ListView ItemsSource="{Binding}" ... etc...