Winrt ItemScontrol，带有缩放，水平滚动和中心内容

Question

我已经与此战斗了几个小时，似乎找不到解决我的问题的方法。

我的问题是，我有一个占用整个屏幕的项目控件。它显示一个水平图像列表，只能水平滚动。它们垂直居中，最初占据屏幕的33％左右。

我希望用户能够放大此列表，直到图像占用可用空间的100％为止。我已经通过设置scrollviewer.zoomenabled =" true"来完成此操作。通过将itemscontrols scrollviewer的垂直内容对齐设置到"中心"应用程序在中心周围放大。

但是...

当我使用触摸触摸或模拟器在设备上运行它时，缩放行为按预期工作，直到我使用触摸输入并尝试垂直滚动。

然后，这些项目立即"跳到底部"而不是中心，而正确定位它们的唯一方法是缩放并再次放大。

这种行为令人沮丧，因为我似乎无法解决它。任何帮助将不胜感激！

这是重复问题的最小解决方案https://skydrive.live.com/redir?Resid=ee9df7d217df3EA6！1060＆amp; amp; authkey = ajjvgrlotroz8hyk

代码如果要重新创建它：

itemscontrol.xaml

<Style x:Key="ItemsControlStyle" TargetType="ItemsControl">
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <VirtualizingStackPanel Orientation="Horizontal" Margin="90,0" ManipulationMode="TranslateX"/>
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ItemsControl">
                <ScrollViewer ZoomMode="Enabled"
                              VerticalSnapPointsType="None"
                              MinZoomFactor="0.5"
                              VerticalScrollMode="Disabled"
                              VerticalScrollBarVisibility="Disabled"
                              HorizontalScrollMode="Enabled" 
                              HorizontalScrollBarVisibility="Visible"
                              VerticalContentAlignment="Center">
                    <ItemsPresenter VerticalAlignment="Center" IsHitTestVisible="False" ScrollViewer.VerticalScrollMode="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled"/>
                </ScrollViewer>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

mainpage.xaml（摘录）

<ItemsControl Grid.Row="1" ItemsSource="{Binding Pages}" Style="{StaticResource ItemsControlStyle}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Border Padding="5" VerticalAlignment="Center"  Margin="10">
                    <Border.Background>
                        <ImageBrush ImageSource="../Images/Shadow.png"/>
                    </Border.Background>
                    <Grid>
                        <ProgressRing IsActive="True" VerticalAlignment="Center" HorizontalAlignment="Center" Height="50" Width="50" Foreground="White" Visibility="{Binding HasLoaded, Converter={StaticResource BooleanToVisibilityConverter}}"/>
                    <Image Opacity="0" Source="{Binding LocalUrl, Converter={StaticResource LocalImagePathConverter}}" Height="{Binding Height}" Width="{Binding Width}" ImageOpened="ImageLoaded" />
                    </Grid>
                </Border>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

Answer 1

好吧，所以我测试了：

1. 在触摸显示器（本地机器）上 - 工作正常
2. 在触摸显示器（模拟器）上 - 工作正常
3. 在表面RT（远程机器）上 - 工作正常
4. 在普通监视器（模拟器）上 - 工作正常

您是否尝试过触摸耳朵？：）

我不认为这是一个普遍的问题，因为我无法复制它。