2017-02-13 16 views
0

XAML Xamarin.FormsでFlowListViewを実行する方法?ここで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; } 
} 

ここで私が間違っていた場所を空の画面で表示している人はいませんか?ここで

+0

ためのコードである私は、[OK]をINotifyPropertyChangedの –

+0

を実装する必要があると思うけど、あなたはどのように実装することを教えてもらえますか? –

答えて

1

が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(); 
     } 
    } 
} 
関連する問題