Hacer que SemanticZoom muestre el elemento seleccionado centrado al hacer ZoomIn

Question

Buenas, tengo un SemanticZoom con dos GridView dentro, en una aplicación Windows 8.1, y ahora mismo cuando está en ZoomOut y selecciono un elemento, en la transición se ve cómo se acerca la colección entera al punto donde he hecho Tap, antes de desaparecer y que se muestre la vista en ZoomIn. Lo que me gustaría es que lo que se viera en la transición es el elemento seleccionado acercándose hacia el centro de la pantalla, pero soy relativamente nueva con xaml y no enuentro ninguna guía donde se vea cómo podría hacerse. ¿Alguna idea? Muchas gracias

Answer 1

Si dices que eres nueva en XAML entonces quiere decir que lo estás haciendo de ese modo (y está muy bien), solo ayúdame a ver que es lo que tienes de código para tener una idea más clara por favor.

Answer 2

Hola Amin, gracias por tu respuesta. Sï, lo estoy haciendo con XAML, en el código lo que tengo es algo así:

		<SemanticZoom
                        Grid.Row="2" 
                        Grid.RowSpan="2" 
                        Grid.ColumnSpan="7" 
                        Grid.Column="0" 
                        IsZoomedInViewActive="{Binding IsViewZoomedIn, Mode=TwoWay}">
                        <i:Interaction.Behaviors>
                            <core:EventTriggerBehavior EventName="ViewChangeStarted">
                                <core:InvokeCommandAction Command="{Binding SetZoomedOutItemsForCollectionCommand}"></core:InvokeCommandAction>
                            </core:EventTriggerBehavior>
                        </i:Interaction.Behaviors>
                        <SemanticZoom.ZoomedOutView>
                            <GridView x:Name="ZoomedOutItemsList"
                                      d:DataContext="{Binding}"
                                      ItemsSource="{Binding ZoomedOutItems}"               
        			                  ItemTemplate="{StaticResource GridViewItemZoomedOut}" 
                                      SelectedIndex="{Binding SelectedIndexFromZoomedOut,Mode=TwoWay}"
                                      ScrollViewer.IsHorizontalScrollChainingEnabled="False"
                                      >
                                <GridView.Background>
                                    <SolidColorBrush Color="Transparent"></SolidColorBrush>
                                </GridView.Background>
                                <GridView.ItemContainerStyle>
                                    <Style TargetType="GridViewItem">
                                        <Setter Property="Background" Value="Transparent" />
                                        <Setter Property="Width" Value="300" />
                                        <Setter Property="Height" Value="250" />
                                    </Style>
                                </GridView.ItemContainerStyle>
                            </GridView>
                        </SemanticZoom.ZoomedOutView>
                        <SemanticZoom.ZoomedInView>
                            <GridView 
                            Loaded="GridViewTodosItems_OnLoaded"
        			        x:Name="ListaItems"      
                            SizeChanged="GridViewTodosItems_OnSizeChanged"
        			        d:DataContext="{Binding}" 
        			        Margin="0,0,0,0" 
                            ItemsSource="{Binding Collection}"        			                               
        			        ItemTemplate="{StaticResource GridViewItemZoomedIn}" 
                            SelectedIndex="{Binding SelectedIndex,Mode=TwoWay}"        			
        			        VerticalAlignment="Stretch"
                            ScrollViewer.IsHorizontalScrollChainingEnabled="False">
                                <GridView.ItemContainerStyle>
                                    <Style TargetType="GridViewItem">
                                        <Setter Property="Padding" Value="0,0,0,0"/>
                                        <Setter Property="Margin" Value="0,0,0,0"/>
                                    </Style>
                                </GridView.ItemContainerStyle>
                                <GridView.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <WrapGrid MaximumRowsOrColumns="2" ItemHeight="{Binding HeightItems}" Orientation="Vertical" Margin="0">
                                        </WrapGrid>
                                    </ItemsPanelTemplate>
                                </GridView.ItemsPanel>
                            </GridView>
                        </SemanticZoom.ZoomedInView>
                    </SemanticZoom>