Xamarin.Forms:列表视图未在 Android 中显示

本文关键字：Android 显示 视图 Forms 列表 Xamarin | 更新日期: 2023-09-27 17:56:48

美好的一天。我正在创建一个简单的Xamarin.Forms（便携式）应用程序，该应用程序允许我创建员工的记录并将其保存在Visual Studio中的数据库中。所有记录都显示在列表视图中。

当我在 UWP 上运行它时，我的应用程序运行良好。它正确地在列表视图上显示所有创建的记录。

但是当我在Android平台上运行时，它不会在ListView中显示任何记录。我什至尝试检查 Web API 是否返回值。我确实得到了一个价值。意思是，问题出在Android平台上，为什么它没有显示任何记录。

你遇到过这个问题吗？您认为这背后的原因是什么？我现在能做什么？抱歉，我只是Xamarin的新手。希望你能帮助我。多谢。

这些是我拥有的一些代码：

EmployeeRecordsPage.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="XamarinFormsDemo.EmployeeRecordsPage"
         xmlns:ViewModels="clr-namespace:XamarinFormsDemo.ViewModels;assembly=XamarinFormsDemo"
         xmlns:controls="clr-namespace:ImageCircle.Forms.Plugin.Abstractions;assembly=ImageCircle.Forms.Plugin.Abstractions"
         BackgroundImage="bg3.jpg"
         Title="List of Employees">

  <ContentPage.BindingContext>
    <ViewModels:MainViewModel/>
  </ContentPage.BindingContext>
  <StackLayout Orientation="Vertical">

    <ListView ItemsSource="{Binding EmployeesList}"
        HasUnevenRows="True"
        IsPullToRefreshEnabled="True"
        >
<ListView.ItemTemplate>
  <DataTemplate>
    <ViewCell>
      <Grid Padding="10" RowSpacing="10" ColumnSpacing="5">
        <Grid.RowDefinitions>
          <RowDefinition Height="Auto"/>
          <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="Auto"/>
          <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <controls:CircleImage Source="icon.png"
               HeightRequest="66"
               HorizontalOptions="CenterAndExpand"
               Aspect="AspectFill"
               WidthRequest="66"
               Grid.RowSpan="2"
               />

        <Label Grid.Column="1"
               Text="{Binding EMPLOYEE_NAME}"
               TextColor="#24e97d"
               FontSize="24"/>

      <Label Grid.Column="1"
              Grid.Row="1"
               Text="{Binding EMP_NUMBER}"
               TextColor="White"
               FontSize="18"
               Opacity="0.6"/>

        <Label Grid.Column="1"
            Grid.Row="2"
            Text="{Binding DEPT_COMP}"
             TextColor="White"
             FontSize="18"
             Opacity="0.6"/>

          </Grid>
        </ViewCell>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>

<StackLayout Orientation="Vertical"
         Padding="30,10,30,10"
         HeightRequest="20"
         BackgroundColor="#24e97d"
         VerticalOptions="Center"
         Opacity="0.5">
  <Label Text="© Copyright 2016   SMESOFT.COM.PH   All Rights Reserved "
         HorizontalTextAlignment="Center"
         VerticalOptions="Center"
         HorizontalOptions="Center" />
    </StackLayout>
  </StackLayout>

</ContentPage>

..

员工视图模型.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Runtime.CompilerServices;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;
using XamarinFormsDemo.Models;
using XamarinFormsDemo.Services;
namespace XamarinFormsDemo.ViewModels
{
    public class MainViewModel : INotifyPropertyChanged
    {
        private List<Employee> _employeesList;
        private Employee _selectedEmployee = new Employee();


    public List<Employee> EmployeesList
    {
        get { return _employeesList; }
        set
        {
            _employeesList = value;
            OnPropertyChanged();
        }
    }

    public MainViewModel()
    {
        InitializeDataAsync();
    }
    private async Task InitializeDataAsync()
    {
        var employeesServices = new EmployeesServices();
        EmployeesList = await employeesServices.GetEmployeesAsync();
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        var handler = PropertyChanged;
        if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
    }
    }
}

..

员工服务.cs

using Plugin.RestClient;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using XamarinFormsDemo.Models;
namespace XamarinFormsDemo.Services
{
   public class EmployeesServices
    {
    public async Task<List<Employee>> GetEmployeesAsync()
    {
        RestClient<Employee> restClient = new RestClient<Employee>();
        var employeesList = await restClient.GetAsync();
        return employeesList;
        }
    }
}

Xamarin.Forms:列表视图未在 Android 中显示

我认为问题是您在获取项目后没有更新列表视图：

EmployeesList = await employeesServices.GetEmployeesAsync();

我建议使用ObservableCollection而不是List。对于可观察集合，在添加或删除可观察集合中的项时，ListView 应自动更新。所以代替：

private List<Employee> _employeesList;

尝试：

private ObservableCollection<Employee> _employeesList;

或者，您可以只将ListView.ItemsSource分配给null，然后在获取数据后返回到List<Employee>：

编辑：正如Jaycee所指出的，以下重置ItemsSource的代码不应该在视图模型中，因为视图模型将无法访问listView。但是，刷新listView.ItemsSource的方法是正确的。视图模型只需要让视图知道EmployeesList已更新，然后您可以在视图的隐藏代码中重置listView.ItemsSource。这可以通过我能想到的几种方式来完成。例如，您可以在视图模型中有一个委托，视图可以提供代码实现，或者视图模型可以引发视图可以订阅的事件。基本上，您只需要让视图知道它需要刷新其ListView的ItemsSource。但是所有这些都可以通过使用ObservableCollection而不是我之前提到的列表来避免。

EmployeesList = await employeesServices.GetEmployeesAsync();
listView.ItemsSource = null;
listView.ItemsSource = EmployeesList;

要执行上述操作，您必须为 ListView 提供一个可用于在代码中引用它的名称。您可以在列表视图的 XAML 中设置此名称：

<ListView 
    ItemsSource="{Binding EmployeesList}"
    HasUnevenRows="True"
    IsPullToRefreshEnabled="True"
    x:Name="listView"
>

但是 ObservableCollection 将是更可取的选择。

相关文章：