在winUI3中切换具有相同对象的视图

Question

例如，我有4个图像，我想创建一个按钮来切换显示这些图像的视图: view1(view1.xaml)作为统一网格(2x2)，view2(view2.xaml)作为列表视图(1x4)，两个视图使用相同的数据板(图像)。

做这件事最好的方法是什么？

我将重新创建对象(图像)和视图，或者我可以保留相同的对象，在切换视图时查看实例化？

我应该把数据板放在resourceDictionary中吗?两个视图会引用它吗？

如果有任何代码示例，我将非常感激。谢谢

Answer 1

你可以做这样的事。

<Pivot>
    <PivotItem Header="2x2">
        <Grid ColumnDefinitions="*,*" RowDefinitions="*,*">
            <Image
                Grid.Row="0"
                Grid.Column="0"
                Source="/Assets/LockScreenLogo.scale-200.png" />
            <Image
                Grid.Row="0"
                Grid.Column="1"
                Source="/Assets/LockScreenLogo.scale-200.png" />
            <Image
                Grid.Row="1"
                Grid.Column="0"
                Source="/Assets/LockScreenLogo.scale-200.png" />
            <Image
                Grid.Row="1"
                Grid.Column="1"
                Source="/Assets/LockScreenLogo.scale-200.png" />
        </Grid>
    </PivotItem>
    <PivotItem Header="1x4">
        <Grid ColumnDefinitions="*,*,*,*">
            <Image Grid.Column="0" Source="/Assets/LockScreenLogo.scale-200.png" />
            <Image Grid.Column="1" Source="/Assets/LockScreenLogo.scale-200.png" />
            <Image Grid.Column="2" Source="/Assets/LockScreenLogo.scale-200.png" />
            <Image Grid.Column="3" Source="/Assets/LockScreenLogo.scale-200.png" />
        </Grid>
    </PivotItem>
</Pivot>