我一直在嘗試使用 MVVM 學習 Xamarin，但我仍在苦苦掙扎。我遇到的問題主要是嘗試從 ListView 中的 JSON 檔案輸出資訊。
如果我只是忽略 MVVM 并將代碼直接添加到視圖中，它會完美運行。但是，當我嘗試使用 ViewModel 中的代碼時，它找不到系結的 Itemssource。
代碼：
ListPageVM
using SaveUp.Model;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.IO;
using SaveUp.View;
using System.Reflection;
using System.Text;
using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace SaveUp.ViewModel
{
public class ListPageVM : INotifyPropertyChanged
{
private ObservableCollection<MainModel> data;
public ListPageVM()
{
var assembly = typeof(ListPageVM).GetTypeInfo().Assembly;
Stream stream = assembly.GetManifestResourceStream("SaveUp.eintraege.json");
using (var reader = new StreamReader(stream))
{
var json = reader.ReadToEnd();
List<MainModel> dataList = JsonConvert.DeserializeObject<List<MainModel>>(json);
data = new ObservableCollection<MainModel>(dataList);
lw.ItemsSource = data;
}
}
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
}
ListPage.xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="SaveUp.View.ListPage"
xmlns:viewModel="clr-namespace:SaveUp.ViewModel"
x:DataType="viewModel:ListPageVM">
<ContentPage.BindingContext>
<viewModel:ListPageVM/>
</ContentPage.BindingContext>
<ContentPage.Content>
<StackLayout>
<ListView x:Name="lw"
Footer="">
<ListView.ItemTemplate>
<DataTemplate>
<TextCell Text="{Binding Geld}" Detail="{Binding Detail}"/>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</StackLayout>
</ContentPage.Content>
</ContentPage>
eintraege.json
[
{
"Geld": 500.00,
"Detail": "Kaffee"
},
{
"Geld": 250.00,
"Detail": "Creme"
},
{
"Geld": 100.00,
"Detail": "Yogurt"
}
]
uj5u.com熱心網友回復：
首先，這需要有一個公共財產
private ObservableCollection<MainModel> data;
應該看起來像
private ObservableCollection<MainModel> data;
public ObservableCollection<MainModel> Data {
get
{
return data;
{
set
{
data = value;
OnPropertyChanged();
}
}
如果您使用的是 MVVM，那么您的 VM 不會直接與您的視圖互動
// get rid of this
lw.ItemsSource = data;
然后在您的 XAML 中使用系結來設定ItemsSource
<ListView ItemsSource="{Binding Data}" ...
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/463903.html