none
Hacer que SemanticZoom muestre el elemento seleccionado centrado al hacer ZoomIn RRS feed

  • Pregunta

  • 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
    martes, 1 de diciembre de 2015 13:17

Todas las respuestas

  • 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.
    miércoles, 2 de diciembre de 2015 4:16
  • 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>

    miércoles, 2 de diciembre de 2015 8:01