在没有listview的情况下实现语义缩放,Gridview?

时间:2013-07-26 07:20:24

标签: c# windows-8 windows-runtime winrt-xaml semantic-zoom

我正在尝试实现语义缩放控件,但没有使用listview,Gridview或分组。我的UI有以下XAML

ZoomIn

<!--Your ZoomIn view here-->
                <ScrollViewer>
                    <StackPanel>
                        <Grid x:Name="Item1" />
                        <Grid x:Name="Item2" />
                        <Grid x:Name="Item3" />
                        <Grid x:Name="Item4" />
                        <Grid x:Name="Item5" />
                    </StackPanel>
                </ScrollViewer>

缩小(ZoomOut)

         <!--Your ZoomOut view here-->
            <ScrollViewer>
                <StackPanel>
                    <Image x:Name="ImageItem1" />
                    <Image x:Name="ImageItem2" />
                    <Image x:Name="ImageItem3" />
                    <Image x:Name="ImageItem4" />
                    <Image x:Name="ImageItem5" />
                </StackPanel>
            </ScrollViewer>

点击Zoomout中的图像时,它应该在Zoomin视图中对应Grid。

我怎样才能做到这一点?到目前为止,我已经使用listview,gridview和分组实现了语义缩放。

1 个答案:

答案 0 :(得分:1)

使用像SemanticZoom之类的控件来控制它不打算使用它是很草率的。

话虽如此,你可以这样做:

<SemanticZoom>
    <SemanticZoom.ZoomedInView>
        <GridView>
            <GridView.Header>
                <StackPanel>
                    <TextBlock>One</TextBlock>
                    <TextBlock>Two</TextBlock>
                    <TextBlock>Three</TextBlock>
                </StackPanel>
            </GridView.Header>
        </GridView>
    </SemanticZoom.ZoomedInView>
    <SemanticZoom.ZoomedOutView>
        <GridView>
            <GridView.Header>
                <StackPanel>
                    <TextBlock>Four</TextBlock>
                    <TextBlock>Five</TextBlock>
                    <TextBlock>Six</TextBlock>
                </StackPanel>
            </GridView.Header>
        </GridView>
    </SemanticZoom.ZoomedOutView>
</SemanticZoom>

祝你好运!