Blättern Sie horizontal in Xamarin.Formen ScrollView

Ich bin mit Xamarin.Formen und haben eine ScrollView, die enthält eine horizontale StackLayout. Ich möchte in der Lage sein, um horizontal zu scrollen, so dass ich:

Orientation  = ScrollOrientation.Horizontal;

Aber ich bekomme nicht horizontal scrollen. Der Inhalt des StackLayout ist breiter als der Bildschirm, und ich sehe die Inhalte werden abgeschnitten am Rand.

Wie kann ich erreichen, horizontales scrollen mit Xamarin.Formen ?

  • Können Sie veröffentlichen Sie Ihren code für die Erstellung der ScrollView und die Einstellung seiner Inhalte mit dem StackLayout?
InformationsquelleAutor driis | 2014-06-24
  1. 19

    Dies ist, wie ich es geschafft habe

          var scrollView = ScrollView
        {
            HorizontalOptions = LayoutOptions.Fill,
            Orientation = ScrollOrientation.Horizontal,

            Content = new StackLayout{
               Orientation = StackOrientation.Horizontal,
               Children = {}
            }
        };
    • In der Tat, wir müssen Orientierung = ScrollOrientation.Horizontal auf dem StackLayout. Danke.
    • Ich habe das gleiche problem, aber ich bin hinzufügen, das stacklayout Kinder programmgesteuert. und unten die Antwort funktioniert bei mir nicht!
    InformationsquelleAutor lee
  2. 1

    Dieses nuget-Paket funktioniert:

    https://github.com/SuavePirate/DynamicStackLayout

    Eigentum Worten ist eine Liste von strings:

        <ScrollView Orientation="Horizontal" HorizontalOptions="FillAndExpand">
        <dynamicStackLayout:DynamicStackLayout ItemsSource="{Binding Words}" HorizontalOptions="Fill" Orientation="Horizontal" Padding="10, -0, 50, 10">
            <dynamicStackLayout:DynamicStackLayout.ItemTemplate>
                <DataTemplate>
                    <StackLayout BackgroundColor="Gray" WidthRequest="80" HeightRequest="80">
                        <Label Text="{Binding .}" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" VerticalTextAlignment="Center" HorizontalTextAlignment="Center" />
                    </StackLayout>
                </DataTemplate>
            </dynamicStackLayout:DynamicStackLayout.ItemTemplate>
        </dynamicStackLayout:DynamicStackLayout>
    </ScrollView>

    Ich hoffe, es hilft 🙂

    InformationsquelleAutor Ricardo de Assuncao Goncalves
  3. 0

    Wenn Sie die Vorlagen in Visual Studio 2013 für Xamarin-apps, die version von Xamarin.Formen ist ein bisschen veraltet und unterstützt nicht scrollen. Um dies zu beheben, einfach nuget 'update-Paket' und dieser code

    public class MainPage : ContentPage
{
    public MainPage()
    {
        Label label = new Label {
            Text = "This is a very long label which I expect to scroll horizontally because it's in a ScrollView.",
            Font = Font.SystemFontOfSize(24),
        };

        this.Content = new ScrollView {
            Content = label,
            Orientation = ScrollOrientation.Horizontal, 
        };
    }
}

    code funktioniert auf android.

    Für iOS, funktioniert der code wie erwartet.

    Leider im Datum, für WP8 gibt es ein bug ist und der hack ist zum hinzufügen einer benutzerdefinierten renderer.

    using System.Windows.Controls;
using App2.WinPhone;
using Xamarin.Forms;
using Xamarin.Forms.Platform.WinPhone;

[assembly: ExportRenderer(typeof(ScrollView), typeof(FixedSVRenderer))]

namespace App2.WinPhone
{
    public sealed class FixedSVRenderer : ScrollViewRenderer
    {
        protected override void OnModelSet()
        {
            base.OnModelSet();

            if (Model.Orientation == ScrollOrientation.Horizontal)
            {
                //Enable horiz-scrolling
                Control.HorizontalScrollBarVisibility = ScrollBarVisibility.Auto;
            }
        }
    }
}
    InformationsquelleAutor Stefan Turcanu
Schreibe einen Kommentar