scorrimento orizzontale in Xamarin.Forms ScrollView

Question

Sto usando Xamarin.Forms e hanno creato uno ScrollView, che contiene uno stackLayout orizzontale. Voglio essere in grado di scorrere orizzontalmente, quindi ho impostato:

Orientation = ScrollOrientation.Horizontal; 

Ma non ottengo lo scroll orizzontale. Il contenuto dello StackLayout è più ampio dello schermo e vedo che il contenuto viene ritagliato sul bordo.

Come posso ottenere di scorrimento orizzontale con Xamarin.Forms?

Answer 1

È così che ho preso a lavorare

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

      Content = new StackLayout{ 
       Orientation = StackOrientation.Horizontal, 
       Children = {} 
      } 
     }; 

Answer 2

Se stai usando i template in Visual Studio 2013 per applicazioni Xamarin, la versione di Xamarin.Forms è un po 'datato e non supporta lo scorrimento. Per risolvere questo problema, basta nuget 'update-package' e questo codice

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, 
     }; 
    } 
} 

codice funzionerà bene su Android.

Per iOS, il codice funzionerà come previsto.

Purtroppo, alla data, per WP8 c'è un bug e l'hack è quello di aggiungere un renderer personalizzato.

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; 
      } 
     } 
    } 
}