在Xaml Xamarin.Forms中的FlowListView中显示空屏幕

时间:2017-02-13 12:42:59

标签: xamarin.forms

如何在XAML Xamarin.Forms中执行FlowListView?

这是我的代码:

XAML:

<flv:FlowListView FlowColumnCount="3" SeparatorVisibility="None" HasUnevenRows="true" x:Name="grid_list" ItemsSource="{Binding list_grid}" HeightRequest="100" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <flv:FlowListView.FlowColumnTemplate>
      <DataTemplate>
        <Image Source="{Binding Image}" Margin="20" VerticalOptions="Fill" HorizontalOptions="Fill" XAlign="Center" YAlign="Center"/>
      </DataTemplate>
    </flv:FlowListView.FlowColumnTemplate>
  </flv:FlowListView>

CODE.cs

 public partial class PlanCampaign_DetailPage : ContentPage
{
    ObservableCollection<CarosualImages> list_grid { get; set; }
    public PlanCampaign_DetailPage()
    {
        InitializeComponent();
        this.BindingContext = this;

        list_grid = new ObservableCollection<CarosualImages>()
        {

             new CarosualImages { Image="maharastra.jpg"},
             new CarosualImages {Image="delhi.jpg"},
             new CarosualImages {Image="delhi.jpg"},
             new CarosualImages {Image="delhi.jpg"},
             new CarosualImages {Image="delhi.jpg"},

        };

        grid_list.ItemsSource = list_grid;

    }

ModelClass:

public class CarosualImages
{
    public string Image { get; set; }
}

有谁可以告诉我这里的错误,这显示空屏幕。

2 个答案:

答案 0 :(得分:2)

以下是INotifyPropertyChanged的代码

public class CarosualImages : INotifyPropertyChanged
{
    private string _name = String.Empty;

    public CarosualImages()
    {
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

     public string ImageName
     {
        get { return _name; }
        set
        {
            _name= value;
            OnPropertyChanged();
        }
     }
 }

答案 1 :(得分:0)

Public放在

之前
ObservableCollection<CarosualImages> list_grid { get; set; }