Zugriff auf Objekt innerhalb von CarouselView Xamarin.Forms

Question

Ich habe eine Xamarin.Forms App, die einen ViewFlipper (https://github.com/TorbenK/ViewFlipper) in einem CarouselView anzeigt.

Ich möchte, dass der ViewFlipper beim Wechseln der Seiten im Karussell wieder nach vorne kippt. Aber ich kann nicht herausfinden, wie ich auf den ViewFlipper zugreifen kann.

Ich habe folgende Arbeits Code:

public class CarouselContent 
{ 
    public string FrontImg { get; set; } 
    public string BackImg { get; set; } 
} 

public class MainPage : ContentPage 
{ 
    public MainPage() 
    { 
     var pages = new ObservableCollection<CarouselContent>(); 

     var page1 = new CarouselContent(); 
     page1.FrontImg = "page1Front"; 
     page1.BackImg = "page1Back"; 

     var page2 = new CarouselContent(); 
     page2.FrontImg = "page2Front"; 
     page2.BackImg = "page2Back"; 

     pages.Add(page1); 
     pages.Add(page2); 

     var carouselView = new Carousel(pages); 

     Content = carouselView; 
    } 
} 

public class Carousel : AbsoluteLayout 
{ 
    private DotButtonsLayout dotLayout; 
    private CarouselView carousel; 

    public Carousel(ObservableCollection<CarouselContent> pages) 
    { 
     carousel = new CarouselView(); 

     var template = new DataTemplate(() => 
     { 
      //create page 
      var absLayout = new AbsoluteLayout(); 

      //create images for the flipper 
      var frontImg = new Image 
      { 
       Aspect = Aspect.AspectFit 
      }; 
      frontImg.SetBinding(Image.SourceProperty, "FrontImg"); 

      var backImg = new Image 
      { 
       Aspect = Aspect.AspectFit 
      }; 
      backImg.SetBinding(Image.SourceProperty, "BackImg"); 

      //create flipper 
      var flipper = new ViewFlipper.FormsPlugin.Abstractions.ViewFlipper(); 
      flipper.FrontView = frontImg; 
      flipper.BackView = backImg;    

      //Add flipper to page 
      absLayout.Children.Add(flipper); 

      return absLayout; 
     }); 

     carousel.ItemsSource = pages; 
     carousel.ItemTemplate = template; 

     Children.Add(carousel); 
    } 
} 

Ich versuchte, die ViewFlipper zum CarouselContent Zugabe, aber ich konnte sie nicht bekommen zu arbeiten. Irgendwelche Ideen?

EDIT:

ich versuchte, eine AbsoluteLayout mit bindbare Artikeln zu schaffen und binden, die in CarouselContent erstellt Elemente in der Datatemplate des CarouselView, aber die Linie ‚(b als BindableAbsLayout) .Children.Add ((View) v) in BindableAbsLayout wird nie aufgerufen. Was mache ich falsch?

class BindableAbsLayout : AbsoluteLayout 
{ 
    public static readonly BindableProperty ItemsProperty = 
     BindableProperty.Create(nameof(Items), typeof(ObservableCollection<View>), typeof(BindableAbsLayout), null, 
      propertyChanged: (b, o, n) => 
      { 
       (n as ObservableCollection<View>).CollectionChanged += (coll, arg) => 
       { 
        switch (arg.Action) 
        { 
         case NotifyCollectionChangedAction.Add: 
          foreach (var v in arg.NewItems) 
           (b as BindableAbsLayout).Children.Add((View)v); 
          break; 
         case NotifyCollectionChangedAction.Remove: 
          foreach (var v in arg.NewItems) 
           (b as BindableAbsLayout).Children.Remove((View)v); 
          break; 
        } 
       }; 
      }); 

    public ObservableCollection<View> Items 
    { 
     get { return (ObservableCollection<View>)GetValue(ItemsProperty); } 
     set { SetValue(ItemsProperty, value); } 
    } 
} 


public class CarouselContent 
{ 
    private ViewFlipper.FormsPlugin.Abstractions.ViewFlipper _flipper; 
    private ObservableCollection<View> _items; 

    public ObservableCollection<View> Items 
    { 
     get { return _items; } 
    } 

    public CarouselContent(string frontImgStr, string backImgStr) 
    { 
     _items = new ObservableCollection<View>(); 

     _flipper = new ViewFlipper.FormsPlugin.Abstractions.ViewFlipper(); 

     var frontImg = new Image 
     { 
      Aspect = Aspect.AspectFit 
     }; 
     frontImg.Source = frontImgStr; 

     var backImg = new Image 
     { 
      Aspect = Aspect.AspectFit 
     }; 
     backImg.Source = backImgStr; 

     _flipper.FrontView = frontImg; 
     _flipper.BackView = backImg; 

     AbsoluteLayout.SetLayoutBounds(_flipper, new Rectangle(0.5, 0.05, 0.85, 0.85)); 
     AbsoluteLayout.SetLayoutFlags(_flipper, AbsoluteLayoutFlags.All); 

     Items.Add(_flipper); 
    } 
} 


public class Carousel : AbsoluteLayout 
{ 
    private DotButtonsLayout dotLayout; 
    private CarouselView carousel; 

    public Carousel(ObservableCollection<CarouselContent> pages) 
    { 
     carousel = new CarouselView(); 

      var template = new DataTemplate(() => 
      { 
       var absLayout = new BindableAbsLayout(); 
       absLayout.BackgroundColor = Color.FromHex("#68BDE4"); 
       absLayout.SetBinding(BindableAbsLayout.ItemsProperty,"Items"); 
       return absLayout; 
      }); 

     carousel.ItemsSource = pages; 
     carousel.ItemTemplate = template; 

     Children.Add(carousel); 
    } 
} 

Answer 1

nicht sicher, was die beste Praxis hier ist, aber man könnte versuchen, es über das itemSelected Ereignis zugreifen (was jedes Mal feuert Sie hin und her in der carouselview ändern)

Draht it up

carousel.ItemSelected += carouselOnItemSelected; 

Holen Sie sich Ihre ViewFlipper

private void carouselOnItemSelected(object sender, SelectedItemChangedEventArgs selectedItemChangedEventArgs) 
     { 
      CarouselContent carouselContent = selectedItemChangedEventArgs.SelectedItem; 
      ViewFlipper viewFlipper = carouselContent.Children[0]; 
      viewFlipper.FlipState = ViewFlipper.FrontView; 
     }