semantic-zoom - SemanticZoom をズームして正しい領域にするにはどうすればよいですか

Question

私が見た SemanticZoom の例はすべて、ズームインされたビューの正しい位置にズームするカテゴリをクリックすると、ズームアウトされたビューでそのようにデータ ソースにリンクすることを含みます。

私の問題は、テキストボックスとテキストブロックを含むいくつかのグリッドで構成されるインターフェイスだけでデータを表示していないことです。

SemanticZoom は視覚的に機能していますが、ズームアウト ビューでカテゴリを選択すると、常にズームイン ビューの先頭に移動します。

ズームアウトされたビューにはどこへ行くかを示す参照がないため、これを行っていることはわかっていますが、これを機能させるために何を追加する必要があるかわかりません。私のXAMLは非常に長いです:

 <SemanticZoom Grid.Row="1">
        <SemanticZoom.ZoomedInView>
    <GridView  IsRightTapEnabled="False" IsTapEnabled="False" IsHoldingEnabled="False" SelectionMode="None">


                    <!-- Length Input Area -->
        <Grid Margin="70,0,70,0" Background="#FFBFFFD9" Width="320" Height="545" IsDoubleTapEnabled="False" IsHoldingEnabled="False" IsRightTapEnabled="False">
               <Grid.ColumnDefinitions>
                    <ColumnDefinition Width ="*"/>
                    <ColumnDefinition Width ="*"/>
               </Grid.ColumnDefinitions>
               <Grid.RowDefinitions>
                    <RowDefinition Height="80"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>

                </Grid.RowDefinitions>

                Various Text Boxes and Textblocks                   
            </Grid>

            <!-- Weight Input Area -->
                <Grid Margin="0,0,70,0" Background="#FFC7D6FF" Width="320" Height="545">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width ="*"/>
                    <ColumnDefinition Width ="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="80"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>

                </Grid.RowDefinitions>

                 Various Text Boxes and Textblocks                      </Grid>

            <!-- Speed Input Area -->
                <Grid Margin="0,0,70,0" Background="#FFF0B2BA" Width="320" Height="545">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width ="*"/>
                    <ColumnDefinition Width ="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="80"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>

                </Grid.RowDefinitions>

                 Various Text Boxes and Textblocks                    </Grid>

            <!-- Area Input Area -->
                <Grid Margin="0,0,70,0" Background="#FFFFFBB0" Width="320" Height="545">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width ="*"/>
                    <ColumnDefinition Width ="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="80"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>

                </Grid.RowDefinitions>

                Various Text Boxes and Textblocks                    </Grid>

            <!-- Volume Input Area -->
                <Grid Margin="0,0,70,0" Background="#FFFFD9A2" Width="320" Height="545">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width ="*"/>
                    <ColumnDefinition Width ="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="80"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>

                </Grid.RowDefinitions>

                 Various Text Boxes and Textblocks                    </Grid>

            <!-- Fuel Input Area -->
                <Grid Margin="0,0,70,0" Width="320"  Height="545" Background="#FFAA9C9B">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width ="*"/>
                    <ColumnDefinition Width ="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="80"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>

                </Grid.RowDefinitions>

                Various Text Boxes and Textblocks    
            </Grid>

            <!-- Pressure Input Area -->
                <Grid Margin="0,0,0,0" Width="320" Background="#FFB9F8FB" Height="545">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width ="*"/>
                    <ColumnDefinition Width ="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="80"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>

                </Grid.RowDefinitions>

                Various Text Boxes and Textblocks    
            </Grid>

    </GridView>

        </SemanticZoom.ZoomedInView>

        <SemanticZoom.ZoomedOutView>
             <GridView  Margin="100,0,0,0"  Height="300" IsRightTapEnabled="False" IsTapEnabled="False" IsHoldingEnabled="False" SelectionMode="None">

                    <!-- Length Input Area -->
                    <Grid Margin="0,0,0,0" Background="#FFBFFFD9" Width="150" Height="245" IsDoubleTapEnabled="False" IsHoldingEnabled="False" IsRightTapEnabled="False">


                <TextBlock TextWrapping="Wrap" Text="Length" Style="{StaticResource PageHeaderTextStyle}" Margin="10,10,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2" FontSize="40"/>
         </Grid>

            <!-- Weight Input Area -->
                <Grid Margin="0,0,0,0" Background="#FFC7D6FF" Width="150" Height="245">


                <TextBlock TextWrapping="Wrap" Text="Weight" Style="{StaticResource PageHeaderTextStyle}" Margin="10,10,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2" FontSize="40"/>
     </Grid>

            <!-- Speed Input Area -->
                <Grid Margin="0,0,0,0" Background="#FFF0B2BA" Width="150" Height="245">


                <TextBlock TextWrapping="Wrap" Text="Speed" Style="{StaticResource PageHeaderTextStyle}" Margin="10,10,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2" FontSize="40"/>
       </Grid>

            <!-- Area Input Area -->
                <Grid Margin="0,0,0,0" Background="#FFFFFBB0" Width="150" Height="245">


                <TextBlock TextWrapping="Wrap" Text="Area" Style="{StaticResource PageHeaderTextStyle}" Margin="10,10,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2" FontSize="40"/>
         </Grid>

            <!-- Volume Input Area -->
                <Grid Margin="0,0,0,0" Background="#FFFFD9A2" Width="150" Height="245">


                <TextBlock TextWrapping="Wrap" Text="Volume" Style="{StaticResource PageHeaderTextStyle}" Margin="10,10,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2" FontSize="40"/>
        </Grid>

            <!-- Fuel Input Area -->
                <Grid Margin="0,0,0,0" Width="150"  Height="245" Background="#FFAA9C9B">


                <TextBlock TextWrapping="Wrap" Text="Fuel" Style="{StaticResource PageHeaderTextStyle}" Margin="10,10,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2" FontSize="40"/>

            </Grid>

            <!-- Pressure Input Area -->
                <Grid Margin="0,0,0,0" Width="150" Background="#FFB9F8FB" Height="245">


                <TextBlock TextWrapping="Wrap" Text="Pressure" Style="{StaticResource PageHeaderTextStyle}" Margin="8,10,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2" FontSize="40"/>

            </Grid>

    </GridView>
        </SemanticZoom.ZoomedOutView>
    </SemanticZoom>