水平リストの表示Xamarinフォーム

Question

私はXamarinフォームで水平方向にスクロールリストビューを実装しようとしていますが、いくつかのライブラリを試しましたが、良い解決策が見つかりませんでした。これはXamrinフォーム（レンダリングなし）で可能ですか？使用できるライブラリがありますか？

Answer 1

は使用例https://www.nuget.org/packages/HorizontalListView1.1/

を試してみてください（XAML）

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
x:Class="test.ListPage" xmlns:Controls="clr-namespace:test;assembly=test"> 

<Controls:HorizontalListView ItemsSource="{Binding Categories}" ListOrientation="Horizontal"> 
    <Controls:HorizontalListView.ItemTemplate> 
    <DataTemplate> 
    <Label Text="{Binding Name}" Grid.Row="0" YAlign="Center" /> 
    </DataTemplate> 
    </Controls:HorizontalListView.ItemTemplate> 
    </Controls:myControl> 

Answer 2

INORDERは、あなたが以下のようにカスタムscrollViewを作成し、XAML

でこのカスタムコントロールを使用する必要が水平スクロールリストビューを取得します

パブリッククラスImageGallery：ScrollView { readonly StackLayout _imageStack;

public ImageGallery() 
    { 
     this.Orientation = ScrollOrientation.Horizontal; 

     _imageStack = new StackLayout 
     { 
      Orientation = StackOrientation.Horizontal 
     }; 

     this.Content = _imageStack; 
    } 

    public IList<View> Children 
    { 
     get 
     { 
      return _imageStack.Children; 
     } 
    } 


    public static readonly BindableProperty ItemsSourceProperty = 
     BindableProperty.Create<ImageGallery, IList>(
      view => view.ItemsSource, 
      default(IList), 
      BindingMode.TwoWay, 
      propertyChanging: (bindableObject, oldValue, newValue) => { 
       ((ImageGallery)bindableObject).ItemsSourceChanging(); 
      }, 
      propertyChanged: (bindableObject, oldValue, newValue) => { 
       ((ImageGallery)bindableObject).ItemsSourceChanged(bindableObject, oldValue, newValue); 
      } 
     ); 

    public IList ItemsSource 
    { 
     get 
     { 
      return (IList)GetValue(ItemsSourceProperty); 
     } 
     set 
     { 

      SetValue(ItemsSourceProperty, value); 
     } 
    } 
    void ItemsSourceChanging() 
    { 
     if (ItemsSource == null) 
      return; 
    } 
    void ItemsSourceChanged(BindableObject bindable, IList oldValue, IList newValue) 
    { 
     if (ItemsSource == null) 
      return; 

     var notifyCollection = newValue as INotifyCollectionChanged; 
     if (notifyCollection != null) 
     { 
      notifyCollection.CollectionChanged += (sender, args) => { 
       if (args.NewItems != null) 
       { 
        foreach (var newItem in args.NewItems) 
        { 

         var view = (View)ItemTemplate.CreateContent(); 
         var bindableObject = view as BindableObject; 
         if (bindableObject != null) 
          bindableObject.BindingContext = newItem; 
         _imageStack.Children.Add(view); 
        } 
       } 
       if (args.OldItems != null) 
       { 
        // not supported 
        _imageStack.Children.RemoveAt(args.OldStartingIndex); 
       } 
      }; 
     } 
    } 
    public DataTemplate ItemTemplate 
    { 
     get; 
     set; 
    } 
    public static readonly BindableProperty SelectedItemProperty = 
     BindableProperty.Create<ImageGallery, object>(
      view => view.SelectedItem, 
      null, 
      BindingMode.TwoWay, 
      propertyChanged: (bindable, oldValue, newValue) => { 
       ((ImageGallery)bindable).UpdateSelectedIndex(); 
      } 
     ); 

    public object SelectedItem 
    { 
     get 
     { 
      return GetValue(SelectedItemProperty); 
     } 
     set 
     { 
      SetValue(SelectedItemProperty, value); 
     } 
    } 

    void UpdateSelectedIndex() 
    { 
     if (SelectedItem == BindingContext) 
      return; 

     SelectedIndex = Children 
      .Select(c => c.BindingContext) 
      .ToList() 
      .IndexOf(SelectedItem); 

    } 

    public static readonly BindableProperty SelectedIndexProperty = 
     BindableProperty.Create<ImageGallery, int>(
      carousel => carousel.SelectedIndex, 
      0, 
      BindingMode.TwoWay, 
      propertyChanged: (bindable, oldValue, newValue) => { 
       ((ImageGallery)bindable).UpdateSelectedItem(); 
      } 
     ); 

    public int SelectedIndex 
    { 
     get 
     { 
      return (int)GetValue(SelectedIndexProperty); 
     } 
     set 
     { 
      SetValue(SelectedIndexProperty, value); 
     } 
    } 

    void UpdateSelectedItem() 
    { 
     SelectedItem = SelectedIndex > -1 ? Children[SelectedIndex].BindingContext : null; 
    } 
}` 

今、あなたは、水平スクロールリスト

<custom:ImageGallery ItemsSource="{Binding ImageList}" HeightRequest="100"> <custom:ImageGallery.ItemTemplate> <DataTemplate> <取得するにはXAMLでカスタムScrollViewを使用することができます - レイアウトと関連の低いものを - > </DataTemplate> </custom:ImageGallery.ItemTemplate> </custom:ImageGallery>

Answer 3

一部は、リストビューを回転させることにより、水平方向のリストビューを作成します、次に要素を回転させます。

これはハックだから、レイアウトに混乱を与えないようにする必要があります（たとえば、グリッドに入れないなど）。しかし、それは正常に動作します。