So erstellen Sie eine einfache Xamarin.Forms Elemente anzeigen

Question

Wenn Sie ein Xamarin.Forms-Entwickler sind, hatten Sie wahrscheinlich Probleme mit dem integrierten ListView. Wäre es nicht einfacher, mit einem einfachen Repeater einen ItemsSource mit einem DataTemplate zu binden? Das ist was ich dachte.

In SL/WPF gibt es eine ItemsControl, die genau so funktioniert - kein Design, keine Auswahl, nur Elemente zu wiederholen.

Jetzt gibt es einen in XLabs, aber wenn Sie nicht alle Pakete wollen, hier ist eine einfachere Lösung, basierend auf this article von QiMata.

Werkzeuge:

• Visual Studio 2015 @ Win 10 (oder Xamarin Studio/auf OS X)
• Xamarin 4 stabil (VS-Plugin)
• Xamarin.Forms 2.1.0.6529

Answer 1

Erstellen Sie eine neue Klasse in Ihrem Xamarin.Forms PCL-Projekt. Ich nannte meine HliItemsView (seit "View" ist der Begriff für "Controls" in XF und Hli ist meine Marke).

Fügen Sie diesen Code ein und ändern Sie ihn nach Bedarf.

Ich basierte meine Sicht auf eine ScrollView, da es eine Liste ist. Auf diese Weise scrollen die Elemente automatisch wie ListView.

using System; 
using System.Collections; 

using Xamarin.Forms; 

namespace HLI.Forms.Controls 
{ 
    public class HliItemsView : ScrollView 
    { 
     public static readonly BindableProperty ItemTemplateProperty = BindableProperty.Create(
      "ItemTemplate", 
      typeof(DataTemplate), 
      typeof(HliItemsView), 
      null, 
      propertyChanged: (bindable, value, newValue) => Populate(bindable)); 

     public static readonly BindableProperty ItemsSourceProperty = BindableProperty.Create(
      "ItemsSource", 
      typeof(IEnumerable), 
      typeof(HliItemsView), 
      null, 
      BindingMode.OneWay, 
      propertyChanged: (bindable, value, newValue) => Populate(bindable)); 

     public IEnumerable ItemsSource 
     { 
      get 
      { 
       return (IEnumerable)this.GetValue(ItemsSourceProperty); 
      } 

      set 
      { 
       this.SetValue(ItemsSourceProperty, value); 
      } 
     } 

     public DataTemplate ItemTemplate 
     { 
      get 
      { 
       return (DataTemplate)this.GetValue(ItemTemplateProperty); 
      } 

      set 
      { 
       this.SetValue(ItemTemplateProperty, value); 
      } 
     } 

     private static void Populate(BindableObject bindable) 
     { 
      var repeater = (HliItemsView)bindable; 

      // Clean 
      repeater.Content = null; 

      // Only populate once both properties are recieved 
      if (repeater.ItemsSource == null || repeater.ItemTemplate == null) 
      { 
       return; 
      } 

      // Create a stack to populate with items 
      var list = new StackLayout(); 

      foreach (var viewModel in repeater.ItemsSource) 
      { 
       var content = repeater.ItemTemplate.CreateContent(); 
       if (!(content is View) && !(content is ViewCell)) 
       { 
        throw new Exception($"Invalid visual object {nameof(content)}"); 
       } 

       var view = content is View ? content as View : ((ViewCell)content).View; 
       view.BindingContext = viewModel; 

       list.Children.Add(view); 
      } 

      // Set stack as conent to this ScrollView 
      repeater.Content = list; 
     } 
    } 
}