c# - 如何正确滚动水平全景项目？

Question

我有一个全景应用程序，其中一个项目是水平的，但是当我向左或向右滚动时，一个项目的一半出现在左侧或右侧，并且不会出现在屏幕中间：就像这里的第三个图块

<phone:PanoramaItem Header="third item" Orientation="Horizontal">

</phone:PanoramaItem>

我希望分三个阶段查看该项目，以使其所有内容在中间出现一次。我怎样才能做到这一点？谢谢

Answer 1

在示例 Windows Phone 全景应用程序中，“图块”的大小为 173x173。如果将大小调整为 140x140，您将能够看到整个正方形

<phone:PanoramaItem Header="third item" Orientation="Horizontal">
    <!--Double wide Panorama with large image placeholders-->
    <Grid>
        <StackPanel Margin="0,4,16,0" Orientation="Vertical" VerticalAlignment="Top">
            <StackPanel HorizontalAlignment="Left" Orientation="Horizontal">
                <Border Background="#FFFFC700" Height="140" Width="140" Margin="12,0,0,0"/>
                <Border Background="#FFFFC700" Height="140" Width="140" Margin="12,0,0,0"/>
                <Border Background="#FFFFC700" Height="140" Width="140" Margin="12,0,0,0"/>
                <Border Background="#FFFFC700" Height="140" Width="140" Margin="12,0,0,0"/>
            </StackPanel>
            <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" Margin="0,12,0,0">
                <Border Background="#FFFFC700" Height="140" Width="140" Margin="12,0,0,0"/>
                <Border Background="#FFFFC700" Height="140" Width="140" Margin="12,0,0,0"/>
                <Border Background="#FFFFC700" Height="140" Width="140" Margin="12,0,0,0"/>
                <Border Background="#FFFFC700" Height="140" Width="140" Margin="12,0,0,0"/>
            </StackPanel>
        </StackPanel>
    </Grid>
</phone:PanoramaItem>