全景图和图像数组

Question

所以我有一个编码问题需要帮助，简单地说我不知道​​我在做什么。仅供参考，我没有将工具包与手势监听器一起使用。

我有一个全景页面，其中包含 3 个全景项目：BigImageCenter、BigImageLeft、BigImageRight。

在我的应用程序中，有一堆图像将随应用程序一起下载。此全景页面的目标是在页面底部设置一个滚动查看器，以小缩略图形式显示应用程序附带的整个图像列表，并且页面的顶部是全景项目，如果您向左或向右滑动图像可以有条不紊地在列表中前进（如果向左滑动则返回）。

此外，如果您点击底部滚动查看器中的缩略图之一，它将用该缩略图替换当前的全景图像。如果您在全景页面上向左或向右滑动，您将在数组中得到该缩略图的 -1 或 +1。

您在页面上看到的第一张图片是 BigImageCenter。

我不必使用 3 个全景项目，而且我也许可以只使用 1 个。但是，当仅使用 1 个进行测试时，在我通过单击缩略图并向左或向右滑动全景来更改图像后，下一个即将加载到屏幕上的图像在更改之前始终是相同的图像（这是有道理的，因为我没有编写任何数组来动态更改下一个图像等）。

但是我不知道如何执行以下操作：

1）创建一个数组，其中全景项目中的第一个图像设置为 X。 2）判断用户是否向左或向右滑动到数组中的-1或+1 3) 设置点击时缩略图替换当前全景图像，然后将数组扔到该缩略图位置。

这是全景控件和缩略图滚动查看器的 XAML：

<Grid x:Name="ControlPanel" Grid.Row="1" Margin="-8,-22,-49,90">
        <controls:Panorama Name="Image_Panorama" Height="auto" Width="auto">
            <!--Panorama item one-->
            <controls:PanoramaItem>
                <Rectangle Height="auto" Width="auto" x:Name="BigImageCenter">
                    <Rectangle.Fill>
                        <ImageBrush ImageSource="image030.jpg" />
                    </Rectangle.Fill>
                </Rectangle>
            </controls:PanoramaItem>

            <controls:PanoramaItem>
                <Rectangle Height="auto" Width="auto" x:Name="BigImageLeft">
                    <Rectangle.Fill>
                        <ImageBrush ImageSource="pics/image002.jpg" />
                    </Rectangle.Fill>
                </Rectangle>
            </controls:PanoramaItem>


            <controls:PanoramaItem>
                <Rectangle Height="auto" Width="auto" x:Name="BigImageRight">
                    <Rectangle.Fill>
                        <ImageBrush ImageSource="pics/image003.jpg" />
                    </Rectangle.Fill>
                </Rectangle>
            </controls:PanoramaItem>


        </controls:Panorama>     
    </Grid>



<Grid x:Name="MiniPicturePanel" Grid.Row="1" Margin="0,390,0,0">
 <ScrollViewer x:Name="svSmall" Grid.Row="1" HorizontalContentAlignment="Center">
  <StackPanel x:Name="smallImages" Orientation="Horizontal" VerticalAlignment="Bottom" Margin="330,0,0,0">

     <Rectangle Height="70" Width="110" Margin="0,0,30,0" StrokeThickness="3" MouseLeftButtonUp="smallImage_Tap" Stroke="#FF004080" x:Name="Bat1">
                    <Rectangle.Fill>
                        <ImageBrush ImageSource="image030.jpg" />
                    </Rectangle.Fill>
                </Rectangle>


     <Rectangle Height="70" Width="110" Margin="0,0,30,0" StrokeThickness="3" MouseLeftButtonUp="smallImage_Tap" Stroke="#FF004080" x:Name="Bat2">
                    <Rectangle.Fill>
                        <ImageBrush ImageSource="pics\image002.jpg" />
                    </Rectangle.Fill>
                </Rectangle>

.... 等等

现在我已经完成了一些操作，但不是按照我想要的方式：

MouseLeftButtonUp="smallImage_Tap" 是一个函数，它将更改将“BigImageCenter”的全景项目填充到当前矩形的 image.fill 中。我只是无法对其进行编码来更改视图中的当前枢轴项目。我需要帮助。

private void smallImage_Tap(object sender, RoutedEventArgs e) {
    BigImageCenter.Fill = (sender as Rectangle).Fill;

如果您想知道为什么我使用矩形，这是我在点击较小的缩略图时使用后面的代码更改图像的最简单方法。

这几乎就是我的代码隐藏。我实际上是从头开始进行动态编码，并且需要一些帮助来实现这个梦想。

PS：我还需要知道与图像相关的数组编号，以便我可以允许用户“收藏”它并将其放置在另一个页面中。

Answer 1

我认为这会给您带来认证问题，即使您确实让它工作（假设我正确理解您）。这是全景图的非标准使用。

我认为更好的解决方案是使用手势的完全自定义控件......这并不难做到，并且您将完全控制演示文稿。这样做比破解全景图做你想做的事情要容易得多。

祝你好运，
约翰