Zugriff auf einen Canvas in einer ItemsSource in einem UserControl, von der MainPage

Question

Ich habe eine FlipView in meinem MainPage. Es ist ItemTemplate gebunden an eine UserControl namens landscapeControl. Es ist ItemsSource ist an eine Liste einer Klasse namens MyLandscape gebunden.

landscapeControl:

<Grid> 
    <ScrollViewer x:Name="LScrollViewer" MaxZoomFactor="2.0" MinZoomFactor="1.0" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" DoubleTapped="LScrollViewer_DoubleTapped" > 
     <Canvas x:Name="inkCanvas" Background="Transparent"> 
      <StackPanel x:Name="LStackPanel" Orientation="Horizontal" Margin="0,0,0,0"> 
       <Image x:Name="LImage0" HorizontalAlignment="Right" Source="{Binding firstImage}" Width="570"/> 
       <Image x:Name="LImage1" HorizontalAlignment="Left" Source="{Binding nextImage}" Width="570"/> 
      </StackPanel> 
     </Canvas> 
    </ScrollViewer> 
</Grid> 

MyLandscape Klasse:

public class MyLandscape 
    { 
     public ImageSource firstImage { get; set; } 
     public ImageSource nextImage { get; set; } 
     public Canvas inkCanvas { get; set; } 
    } 

Meine Bilder perfekt zeigen. Alles, was ich will, ist 3 Dinge:

1) Ich möchte auf meine Canvas von meinem MainPage zugreifen. Ich versuche, dies in flipView_SelectionChanged Ereignis zu tun:

 landscapeControl pc = flipView1.SelectedItem as landscapeControl; 

     if (flipView1.Items.Count > 0) 
     { 
      var myCanvas = pc.getCanvas(); 
      m_CanvasManager = new CanvasManager(myCanvas); 
     } 

aber der PC Variable ist immer null! Ich möchte meine Canvas binden, also habe ich eine Canvas für jeweils zwei Bilder? Ist das möglich?

Answer 1

Eine Möglichkeit besteht darin, eine Command zu verwenden, um eine UIElement zurück an Ihr Modell zu übergeben.

Grundsätzlich wird Ihr inkCanvas Element mit einem CanvasLoadedCommand wie folgt verbunden werden. Beachten Sie, dass dieser Befehl nur aufgerufen wird, wenn der inkCanvas vollständig geladen ist.

<Canvas x:Name="inkCanvas" Background="Transparent"> 
     <Interactivity:Interaction.Behaviors> 
      <Core:EventTriggerBehavior> 
       <Core:InvokeCommandAction Command="{Binding CanvasLoadedCommand}" CommandParameter="{Binding ElementName=inkCanvas}" /> 
      </Core:EventTriggerBehavior> 
     </Interactivity:Interaction.Behaviors> 

Ich habe eine einfache DelegateCommand für diese kleine demo (Arbeits Quellcode) hier erstellt. Wenn die inkCanvas geladen wird,

this.inkCanvas = (Leinwand) Leinwand;

wird aufgerufen und die inkCanvas Eigenschaft wird dann gefüllt werden.

private DelegateCommand _canvasLoadedCommand; 
    public DelegateCommand CanvasLoadedCommand 
    { 
     get 
     { 
      if (_canvasLoadedCommand == null) 
      { 
       _canvasLoadedCommand = new DelegateCommand((canvas) => 
       { 
        this.inkCanvas = (Canvas)canvas; 
       }, 
       (canvas) => canvas != null); 
      } 

      return _canvasLoadedCommand; 
     } 
    } 

Hoffe, das hilft!

Answer 2

aus dem Code ändern:

if (flipView1.Items.Count > 0) { 
    var myCanvas = pc.getCanvas(); 
    m_CanvasManager = new CanvasManager(myCanvas); 
} 

zu

if (e.AddedItems.Count > 0) { 
    var myCanvas = (e.AddedItems[0] as LandscapeControl).getCanvas(); 
    m_CanvasManager = new CanvasManager(myCanvas); 
} 

Answer 3

Nun, nach langer Suche in Windows Store Apps: Wir kann nicht Zugang ein Canvas, die in einem FlipView ist, wenn entweder Es befindet sich direkt in der FlipView oder in der DataTemplate der FlipView.