语义缩放内的网格视图内的翻转视图答案

【问题标题】：Flipview inside a gridview inside a semantizoom语义缩放内的网格视图内的翻转视图
【发布时间】：2014-11-20 11:08:13
【问题描述】：

我在语义缩放内部的网格视图中有一个翻转视图。网格视图在那里，因为我不能直接将翻转视图嵌套在语义缩放中。在翻转视图中，我全屏显示图像。用户点击图像，图像描述可见性从可见切换到折叠。当我用鼠标左键单击图像时，它被“选中”（它被推到后台一点），并且一直保持选中状态，直到我用鼠标右键单击（它被推回前台）。我已经禁用了gridview上的选择，并且flipview没有选择项目的能力（我认为）。我希望选择行为停止，但我不知道是什么原因造成的。这只是一个不完整的示例，不是完整的完整代码

<SemanticZoom Name="ModalGallerySemanticZoom" Padding="0" Margin="0" Visibility="Collapsed" ViewChangeStarted="ModalGallerySemanticZoom_ViewChangeStarted"  ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled"  Grid.Row="0" Grid.RowSpan="3" Grid.ColumnSpan="3">
        <SemanticZoom.ZoomedInView>
            <GridView Name="ZoomedInGridView" IsItemClickEnabled="False" ScrollViewer.HorizontalScrollMode="Disabled" ScrollViewer.VerticalScrollMode="Disabled" SelectionMode="None" IsHoldingEnabled="False" IsSwipeEnabled="False" CanReorderItems="False" CanDragItems="False" VerticalAlignment="Center" HorizontalAlignment="Left" Padding="0" Margin="0" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.HorizontalScrollBarVisibility="Disabled" >
                <GridView.ItemContainerStyle >
                    <Style TargetType="GridViewItem">
                        <Setter Property="HorizontalContentAlignment" Value="Left"/>
                    </Style>
                </GridView.ItemContainerStyle>
                <Grid Margin="-5,-5,0,-10" VerticalAlignment="Center" HorizontalAlignment="Left" >
                    <FlipView Tapped="ModalGalleryFlipView_Tapped" Padding="0" SelectionChanged="ModalGalleryFlipView_SelectionChanged" Margin="0" Name="ModalGalleryFlipView" Grid.Row="0" Grid.RowSpan="3" Grid.ColumnSpan="3" ItemTemplate="{StaticResource GalleryMainTemplate}" /><Button Margin="10,0,0,0" Name="ModalGalleryBackButton" VerticalAlignment="Top" HorizontalAlignment="Left" BorderThickness="0" Click="ModalGalleryBackButton_Click" Padding="10,15,10,10" > <Image Stretch="None"  Source="/Assets/Left-Arrow.png"/>
                    </Button>
                </Grid>
            </GridView>
        </SemanticZoom.ZoomedInView>

我又试了一个更清晰的例子

<SemanticZoom.ZoomedInView>
            <GridView Name="ZoomedInGridView" IsItemClickEnabled="False" ScrollViewer.HorizontalScrollMode="Disabled" ScrollViewer.VerticalScrollMode="Disabled" SelectionMode="None" IsHoldingEnabled="False" IsSwipeEnabled="False" CanReorderItems="False" CanDragItems="False" VerticalAlignment="Center" HorizontalAlignment="Left" Padding="0" Margin="0" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.HorizontalScrollBarVisibility="Disabled" >
                <GridView.ItemContainerStyle >
                    <Style TargetType="GridViewItem">
                        <Setter Property="HorizontalContentAlignment" Value="Left"/>
                    </Style>
                </GridView.ItemContainerStyle>
                <FlipView>
                <Image Height="1000" Width="1000" Stretch="UniformToFill"  Source="/Assets/Twitter.png"/>
                <Image Height="1000" Width="1000" Stretch="UniformToFill"  Source="/Assets/Facebook.png"/>
                </FlipView>
            </GridView>
        </SemanticZoom.ZoomedInView>

结果是一样的，我可以在不应该的时候选择这两个图像。实际上它接缝了整个翻转视图被选中。如何阻止选择翻转视图？

【问题讨论】：

我找到了答案，但我还不能将其发布为答案。解决方案是对 gridviewitem 使用 costum 样式，如下所示：blogs.u2u.be/diederik/post/2012/07/09/… 现在我的翻转视图在被点击时不会进入“按下”状态

标签： c# windows xaml gridview flipview

【解决方案1】：

解决方案是为 gridviewitem 使用服装样式，如下所示：http://blogs.u2u.be/diederik/post/2012/07/09/The-taming-of-the-Metro-GridView.aspx 现在我的翻转视图在被点击时不会进入“按下”状态

【讨论】：