水平滚动视图 - xamarin.forms

Question

我知道有很多关于这个话题的(Scroll horizontally in Xamarin.Forms ScrollView)，但是我无法实现水平滚动的水平滚动视图。

public class DetailView : ContentPage
{
    public DetailView ()
    {
        StackLayout stack = new StackLayout {
            Orientation = StackOrientation.Horizontal,
            };
        for (int i = 0; i < 40; i++)
            stack.Children.Add (new Button { Text = "Button" });
        var scrollView = new ScrollView
        {
            Orientation = ScrollOrientation.Horizontal,
            Content = stack
        };
        Content = scrollView;
    }   
}

有什么想法吗？

Answer 1

试试这个：

public DetailView()
{
    var scrollableContent = new StackLayout()
    {
        Orientation = StackOrientation.Horizontal,
        HorizontalOptions = LayoutOptions.Fill,
        Children =
        {
            new BoxView(){HeightRequest=40, WidthRequest=40, BackgroundColor = Color.Red},
            new BoxView(){HeightRequest=40, WidthRequest=40, BackgroundColor = Color.Green},
            new BoxView(){HeightRequest=40, WidthRequest=40, BackgroundColor = Color.Blue},
            new BoxView(){HeightRequest=40, WidthRequest=40, BackgroundColor = Color.Maroon},
        }
    };

    Content = new ScrollView()
    {
        HorizontalOptions = LayoutOptions.FillAndExpand,
        Orientation = ScrollOrientation.Horizontal,
        Content = scrollableContent,
    };
}

水平滚动视图 - xamarin.forms

Horizontal ScrollView - xamarin.forms

xamarin

scrollview

xamarin.forms

content-pages