0

セマンティック ズーム コントロールを実装しようとしていますが、リストビュー、グリッドビュー、またはグループ化を使用していません。私のUIには次のXAMLがあります

ズームイン

<!--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>

ズームアウトする

         <!--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 ビューの対応するグリッドに移動する必要があります。

どうすればこれを達成できますか? これまで、リストビュー、グリッドビュー、およびグループ化を使用してセマンティック ズームを実装してきました。

4

1 に答える 1

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>

頑張ってください！

于 2013-07-29T22:11:50.137 に答える