none
VisualState con ListView - vista móvil y pc RRS feed

  • Pregunta

  • Buenas tardes, 

    He creado un ListView para mostrar la puntuación del usuario. En PC la visualización es la deseada pero tengo que ajustar para móvil y tablet. 

    <ListView Margin="0"  ItemsSource="{Binding RankingLast}" HorizontalAlignment="Stretch" Header="Posición" >
                            <ListView.ItemTemplate>
                                <DataTemplate>
                                    <RelativePanel HorizontalAlignment="Stretch" VerticalAlignment="Center"  Padding="10">
                                        <TextBlock Text="{Binding Id}" TextAlignment="Center" x:Name="id2" Width="20"  Margin="20,0,0,0" />
                                        <Image Source="{Binding Country}" x:Name="pais2" Height="30" Width="50" RelativePanel.RightOf="id2"  Margin="20,0,0,0" ></Image>
                                        <TextBlock Text="{Binding Name}" x:Name="jugador2"  MinWidth="400"  RelativePanel.RightOf="pais2"  Margin="20,0,0,0" />
                                        <TextBlock Text="{Binding Percentage}" x:Name="percentaje2" Width="150" RelativePanel.RightOf="jugador2" TextAlignment="Right"  Margin="20,0,0,0"  />
                                        <TextBlock Text="%" x:Name="percentajeSimbolo2" RelativePanel.RightOf="percentaje2" TextAlignment="Right"  Margin="4,0,0,0"  />
                                        <TextBlock Text="{Binding NumberHit}" x:Name="acierto2" Width="150" RelativePanel.RightOf="percentaje2" TextAlignment="Right"  Margin="20,0,0,0"  />
                                        <TextBlock Text="{Binding Point}" x:Name="puntos2" RelativePanel.RightOf="acierto2" Width="150" Margin="50,0,0,0" TextAlignment="Right" FontWeight="Bold" FontStyle="Normal" />
                                        <Grid RelativePanel.RightOf="puntos2" BorderThickness="0,0,0,0">
                                            <Grid Name="backgroundGrid" Width="30" Height="30" Visibility="Visible"   />
                                            <Path Data="M16.001007,0L20.944,10.533997 32,12.223022 23.998993,20.421997 25.889008,32 16.001007,26.533997 6.1109924,32 8,20.421997 0,12.223022 11.057007,10.533997z" Stretch="Uniform" Fill="#FFE69C20" Width="20" Height="20" Margin="0,0,0,10" RenderTransformOrigin="0.5,0.5">
                                                <Path.RenderTransform>
                                                    <TransformGroup>
                                                        <TransformGroup.Children>
                                                            <RotateTransform Angle="180" />
                                                            <ScaleTransform ScaleX="-1" ScaleY="-1" />
                                                        </TransformGroup.Children>
                                                    </TransformGroup>
                                                </Path.RenderTransform>
                                            </Path>
                                        </Grid>
                                    </RelativePanel>
    
                                </DataTemplate>
    
                            </ListView.ItemTemplate>
                        </ListView>

    Problema, como el elemento se repite por el bucle, no puedo modificar el elemento en VisualState por Identificador, ya que se repiten...

    Como puedo ocultar algunos elementos y modificar el tamaño del ancho en móvil?

    muchas gracias y un saludo



    Elbrinner

    viernes, 29 de julio de 2016 19:50

Respuestas

  • Al final para salir del paso he creado dos listas, una para pc y otra para móvil y lo oculto una usando VisualState.

    No creo que sea la forma correcta de hacer, pero para salir del paso me ha servido.


    Elbrinner

    • Marcado como respuesta ElbrinnerMVP lunes, 29 de agosto de 2016 8:35
    lunes, 29 de agosto de 2016 8:35