c# - example - ¿Cómo puedo vincular el valor del índice al elemento param en la propiedad ScrollToAsync de ScrollView-formularios xamarin

xamarin picker displaymemberpath

Question

Soy nuevo en la programación. Estoy intentando vincular el valor del índice de un elemento en scrollview a una propiedad scrollview llamada ScrollToAsync, de modo que centre automáticamente el elemento seleccionado de scrollview.

Debajo está mi código para INotifyPropertyChanged

class LVItem : INotifyPropertyChanged
{
    private int _tIndex;

    public int TIndex
    {
        get { return _tIndex; }
        internal set
        {
            _tIndex = value;
            OnPropertyChanged("TIndex");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

y la propiedad ScrollToAsnyc de ScrollView

scroll.ScrollToAsync(sLayout.Children[index], ScrollToPosition.Center, true);

Quiero que ''index'' esté enlazado ... ¿podemos vincularlo? Si es así, ¿cómo? Por favor ayúdame con esto..

A continuación se muestra el código de scrollview horizontal

//horizontal list
StackLayout sLayout = new StackLayout()
{
  Orientation = StackOrientation.Horizontal
 };
for (int i = 0; i<itemLst.Count; i++)
 {
    Label label = new Label()
    {
       HorizontalTextAlignment = TextAlignment.Center,
       TextColor = Color.Black,
       FontSize = Device.GetNamedSize(NamedSize.Medium, new Label())
     };
    label.Text = itemLst[i];

    gestureRecognizer = new TapGestureRecognizer
    {
       Command = new Command(TapL_Tapped),
       CommandParameter = label,
     };

    label.GestureRecognizers.Add(gestureRecognizer);

    sLayout.Children.Add(label);
 }
   ScrollView scroll = new ScrollView
   {
      Orientation = ScrollOrientation.Horizontal,
      Content = new StackLayout
      {
        Children =
        {
            sLayout
        }
      }
   };

Answer 1

Puede crear un ScrollView personalizado con una propiedad indexable personalizable.

public class CustomScrollView : ScrollView
{
    public static readonly BindableProperty IndexProperty = BindableProperty.Create (
        propertyName: nameof (Index),
        returnType: typeof (int),
        declaringType: typeof (CustomScrollView),
        defaultValue: 0,
        defaultBindingMode: BindingMode.TwoWay,
        propertyChanged: HandleIndexChanged
    );

    static void HandleIndexChanged (BindableObject bindable, object oldValue, object newValue)
    {
        var view = (CustomScrollView)bindable;
        view.Index = (int)newValue;

        // Call your view.ScrollToAsync here.
        // Depending on the structure of your XAML you could call
        // it using view.Content to go through the control tree.
        // Such as (view.Content as StackLayout).Children[newValue]
    }

    public int Index
    {
        get { return (int)GetValue (IndexProperty); }
        set { SetValue (IndexProperty, value); }
    }
}

A continuación, puede hacer referencia a este ScrollView personalizado en su página XAML en lugar de la normal añadiendo esta parte a su declaración de ContentPage :

xmlns:custom="clr-namespace:[YourNamespace];assembly=[YourAssembly]"

Y haciendo referencia al control de la siguiente manera:

<custom:CustomScrollView Index="{Binding TIndex}" />