从 MainPage 访问 UserControl 中 ItemsSource 内的 Canvas

Question

我的MainPage 中有一个FlipView。它是ItemTemplate 绑定到一个名为landscapeControl 的UserControl。它的ItemsSource 绑定到一个名为MyLandscape 的类的列表。

景观控制：

<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类：

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

我的图像显示完美。我想要的只是三件事：

1) 我想从我的MainPage 访问我的Canvas。我试图在flipView_SelectionChanged 事件中做到这一点：

        landscapeControl pc = flipView1.SelectedItem as landscapeControl;

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

但是 pc 变量始终为空！我想绑定我的Canvas，所以我每两张图片都有一个Canvas？ 那可能吗？

Answer 1

一种方法是使用Command 将UIElement 传递回您的模型。

基本上你的inkCanvas 元素会像这样附加CanvasLoadedCommand。请注意，此命令仅在 inkCanvas 完全加载时调用。

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

我在这里为这个小demo（工作源代码）创建了一个简单的DelegateCommand。当inkCanvas被加载时，

this.inkCanvas = (Canvas)canvas;

将被调用，然后inkCanvas 属性将被填充。

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

            return _canvasLoadedCommand;
        }
    }

希望这会有所帮助！

Answer 2

好吧，经过长时间的搜索，在 Windows Store Apps 中：我们无法访问位于 FlipView 内的 Canvas，无论它直接在 FlipView 内还是在FlipView 的 DataTemplate。

Answer 3

从以下位置更改您的代码：

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

到

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