通过 ViewModel 进行 Xamarin MVVM 数据绑定，同时在其中包含带有对象列表的类答案

【问题标题】：Xamarin MVVM Data Binding through ViewModel while having class with an object list inside it通过 ViewModel 进行 Xamarin MVVM 数据绑定，同时在其中包含带有对象列表的类
【发布时间】：2021-06-22 17:48:16
【问题描述】：

我的问题是我有一个 Location 类，LocationsDb 类，在 LocationsDb 中我有一个包含硬编码数据的公共列表。现在我在尝试绑定来自 LocationsDb 类中的 List 的数据时遇到了 ViewModel 类的问题。我希望我的 Listview 只显示城市。我的代码有什么问题？

位置类

public class Location
{
    public string city { get; set; }
    public string street { get; set; }
    public int emptySpaces { get; set; }

    public Location(string city, string street, int emptySpaces)
    {
        this.city = city;
        this.street = street;
        this.emptySpaces = emptySpaces;
    }
}

LocationsDb 类

public class LocationsDb
{
    public List<Location> Locations = new List<Location>
    {
        new Location("Vilnius", "Ateities g. 91", 5),
        new Location("Vilnius", "S. Nėries g. 91", 10),
        new Location("Vilnius", "Lukiškių g. 6", 1),
        new Location("Vilnius", "Dominikonų g. 4", 0),
        new Location("Kaunas", "Jonavos g. 1", 8),
        new Location("Kaunas", "Vytauto pr. 24", 3),
        new Location("Kaunas", "Žemaičių g. 31B", 0),
        new Location("Kaunas", "Ateities g. 91", 5),
        new Location("Klaipėda", "Smiltelės g. 2A", 13),
        new Location("Klaipėda", "Žvejų g. 27", 7),
        new Location("Klaipėda", "Minijos g. 90", 0),
        new Location("Klaipėda", "Bangų g. 5", 0),
    };

    public List<Location> GetLocations()
    {
        return this.Locations;
    }
}

ViewModel 类

public class MainPageViewModel
{
    public ObservableCollection<Location> AllCities { get; set; }
    public ObservableCollection<Location> allCities { get { return AllCities; } }

    public MainPageViewModel()
    {
        AllCities = new ObservableCollection<Location>(new LocationsDb().Locations);
    }
}

Xaml

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         x:Class="ParkingApp.Views.MainPage"
         ControlTemplate="{StaticResource MyTemplate}"
         >
<ContentPage.Content>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>

        <Label Grid.Row="0" Text="Select City" 
               BackgroundColor="#e8e8e8" HorizontalTextAlignment="Center" 
               HeightRequest="50" VerticalTextAlignment="Center"
               FontSize="30"/>

        <ListView x:Name="CitiesListview" Grid.Row="1" ItemsSource="{Binding AllCities}" SeparatorColor="Black">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextCell TextColor="Black" Text="{Binding city}" />
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>
</ContentPage.Content>

【问题讨论】：

请不要将代码或错误作为图片发布
抱歉，第一次来，以后不会再来了：）
您在哪里为您的页面分配 BindingContext？我可以看到你的代码看起来不错。您还没有真正描述您遇到的具体问题是什么。 “我的 ViewModel 类有问题”不是很具有描述性
我正在尝试解决如何在我的列表视图中仅显示城市，但我不明白我做错了什么，因为在调试时我可以看到我的 ObservableCollection 从 LocationDb 列表中获取所有对象但是它没有在屏幕上显示任何数据绑定。哦，我忘记粘贴了，但是 MainPage.cs 上有 BindingContext = new MainPageViewModel()
尝试为您的 ListView 分配高度，或者使用 StackLayout 而不是 Grid

标签： listview xamarin mvvm binding

【解决方案1】：

我使用您的代码将 observablecollection 绑定到 ListView，没有问题。我没有更改 ContentPage.xaml 的任何代码

请检查我的 ContentPage.cs：

public partial class Page8 : ContentPage
{     
    public Page8()
    {
        InitializeComponent();
       
        this.BindingContext = new MainPageViewModel();
    }
}

public class MainPageViewModel
{
    public ObservableCollection<Location> AllCities { get; set; }
    public MainPageViewModel()
    {
        AllCities = new ObservableCollection<Location>(new LocationsDb().Locations);
    }
}

关于ListView绑定，请看：

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/listview/data-and-databinding

【讨论】：

【解决方案2】：

我不知道出了什么问题，但是当我下次启动我的应用程序时，它就像一个魅力一样工作。我的代码没有变化。所以我不知道，可能是某种绑定延迟或错误，但代码很好，我的列表视图显示了我想要的。

【讨论】：

很高兴听到您现在解决了问题。