2017-02-13 36 views
0

如何在XAML中执行FlowListView Xamarin.Forms?在Xaml的FlowListView中显示空白屏幕Xamarin.Forms

这里是我的代码:

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; } 
} 

任何人都可以告诉我,我在这里犯的错误,这是显示空屏幕。

+0

代码 –

+0

好,不过,你能告诉我,如何实现? –

回答

1

这里是我认为你需要执行INotifyPropertyChanged为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(); 
     } 
    } 
}