在 semantizoom 内的网格视图中翻转视图

本文关键字：视图 翻转 网格 semantizoom | 更新日期: 2023-09-27 18:31:05

我在语义缩放中的网格视图中有一个翻转视图。 网格视图之所以存在，是因为我无法将翻转视图嵌套在语义缩放中。 在翻转视图中，我全屏显示图像。 用户点击图像时，图像描述可见性从可见切换到"已折叠"。 当我用鼠标在图像上单击鼠标左键时，它会得到"选择"（它被推到背景一点）， 并保持选中状态，直到我用鼠标右键单击（它被推回地面）。我已经禁用了在网格视图上的选择，并且 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>

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

在 semantizoom 内的网格视图中翻转视图

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

相关文章：