Etiqueta: ComoNET

El código Xaml

En VB usa esta definición de la ventana:

<Window x:Class="MainWindow"

En C# usa esta definición de la ventana (o pon el nombre del espacio de nombres del proyecto delante de MainWindows):

<Window x:Class="WpfListView_cs.MainWindow"

<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" 
    Height="380" Width="525">
    <Grid>
        <StackPanel Orientation="Vertical" Margin="10,10">
            <ListView Name="lvDatos" Margin="0" MinHeight="240"
                  VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                  SelectionChanged="lvDatos_SelectionChanged" >
            <ListView.View>
                <GridView AllowsColumnReorder="True">
                    <!-- Utilizo valores en Binding distintos a los nombres de las cabeceras
                         para que se vea que no hay relación entre el nombre del Header
                         y el nombre de Binding -->
                        <GridViewColumn Header="Nombre y apellidos" 
                                        DisplayMemberBinding="{Binding Nombre}" Width="150"/>
                        <GridViewColumn Header="Correo" 
                                        DisplayMemberBinding="{Binding email}" Width="190"/>
                        <GridViewColumn Header="How old" 
                                        DisplayMemberBinding="{Binding Edad}" Width="70"/>
                </GridView>
            </ListView.View>
            </ListView>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="10">
                <Button Content="Rellenar" Click="Button_Click_1" />
                <Label />
                <Button Name="btnMostrar" Content="Mostrar seleccionado" 
                        IsEnabled="False" Click="btnMostrar_Click" />
                <Label />
                <CheckBox Name="chkAnonimo" IsChecked="True" 
                          Content="Usar tipo anónimo (si no, tipo definido)" />
            </StackPanel>
            <TextBlock Name="txtMostar" Text="Una fila"/>
            <TextBlock Name="txtMostar2" Text="Una fila"/>
        </StackPanel>
    </Grid>
</Window>

El código para Visual Basic .NET

'------------------------------------------------------------------------------
' Ejemplo de ListView usando WPF para Desktop                       (27/Dic/12)
' y cómo acceder a las columnas (sin usar SubItems)
'
' ©Guillermo 'guille' Som, 2012
'------------------------------------------------------------------------------

Option Strict Off
Option Infer On

Class MainWindow

    Private Sub Button_Click_1(sender As Object, e As RoutedEventArgs)
        ' Rellenar el listview con datos
        lvDatos.Items.Clear()
        For i = 1 To 10

            '' Esto añadirá el mismo texto a todas las columnas
            '' siempre y cuando no hayamos usado ningún Binding
            '' si no, esto no añade nada de nada...
            '.Items.Add("Item número " & i.ToString("00"))


            If chkAnonimo.IsChecked Then
                ' Asignamos un tipo anónimo
                ' Si las columnas (GridViewColumn) tienen un Binding a las propiedades
                ' los valores se asignarán a cada columna, si no están enlazadas
                ' se agregará el valor de ToString a cada columna (estará el texto repetido)
                lvDatos.Items.Add(New With
                                  {.Nombre = "Nombre anónimo" & i.ToString,
                                   .email = "correo" & i.ToString & "@outlook.com",
                                   .Edad = 17 + i
                                  })

            Else
                ' Asignamos un valor de un tipo definido (Colega)
                ' que tiene como mínimo las propiedades que vamos a usar
                ' en el listiView

                lvDatos.Items.Add(New Colega With
                                  {.Nombre = "Nombre " & i.ToString,
                                   .email = "email" & i.ToString & "@outlook.com",
                                   .Edad = 17 + i
                                  })

            End If

        Next

    End Sub

    Private Sub btnMostrar_Click(sender As Object, e As RoutedEventArgs)
        ' Mostar en el TextBlock el elemento seleccionado

        ' Dependiendo de que sea el tipo anónimo o el definido
        ' el valor mostrado será diferente.
        ' En el caso de la clase Colega, si no tenemos sobrecargado el método ToString
        ' mostrará el nombre de la clase: WpfListView_vb.Colega
        txtMostar2.Text = lvDatos.SelectedItem.ToString

        If chkAnonimo.IsChecked Then
            ' Si tenemos Option Strict Off podemos hacer esto:
            Dim v = lvDatos.SelectedItem

            txtMostar.Text = v.Nombre & " (" & v.email & ")"

            ' El problema es que queramos acceder a una propiedad que no exista
            ' (esto dará error)
            'txtMostar.Text = v.Nombre & " (" & v.cagonto & ")"

        Else

            Dim v = TryCast(lvDatos.SelectedItem, Colega)

            txtMostar.Text = v.Nombre & " (" & v.email & ")"

            ' como ahora usamos un tipo previamente definido
            ' si usamos esto:
            '   txtMostar.Text = v.Nombre & " (" & v.cagonto & ")"
            ' nos dirá que "cagonto" no es un miembro de Colega

        End If

    End Sub

    Private Sub lvDatos_SelectionChanged(sender As Object, e As SelectionChangedEventArgs)
        ' habilitar según haya o no elementos seleccionados
        btnMostrar.IsEnabled = (lvDatos.SelectedItems.Count > 0)
    End Sub

End Class

''' <summary>
''' Tipo Colega, con las popiedades (o campos)
''' que tendrán las columnas del ListView.
''' Aunque puede tener más propiedades
''' aunque no estén enlazadas con las columnas
''' </summary>
Class Colega
    Public Property Nombre As String
    Public Property email As String
    Public Property Edad As Integer

    ' Podemos tener más propiedadas
    Public Property Apellidos As String
End Class

El código para C#

//-----------------------------------------------------------------------------
// Ejemplo de ListView usando WPF para Desktop                      (27/Dic/12)
// y cómo acceder a las columnas (sin usar SubItems)
//
// ©Guillermo 'guille' Som, 2012
//-----------------------------------------------------------------------------

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfListView_cs
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            // Rellenar el listview con datos
            lvDatos.Items.Clear();
            for (var i = 1; i <= 10; i++)
            {

                //' Esto añadirá el mismo texto a todas las columnas
                //' siempre y cuando no hayamos usado ningún Binding
                //' si no, esto no añade nada de nada...
                //.Items.Add("Item número " + i.ToString("00"));


                if ((bool)chkAnonimo.IsChecked)
                {
                    // Asignamos un tipo anónimo
                    // Si las columnas (GridViewColumn) tienen un Binding a las propiedades
                    // los valores se asignarán a cada columna, si no están enlazadas
                    // se agregará el valor de ToString a cada columna (estará el texto repetido)
                    lvDatos.Items.Add(new
                    {
                        Nombre = "Nombre anónimo" + i.ToString(),
                        email = "correo" + i.ToString() + "@outlook.com",
                        Edad = 17 + i
                    });

                }
                else
                {
                    // Asignamos un valor de un tipo definido (Colega)
                    // que tiene como mínimo las propiedades que vamos a usar
                    // en el listiView

                    lvDatos.Items.Add(new Colega
                    {
                        Nombre = "Nombre " + i.ToString(), 
                        email = "email" + i.ToString() + "@outlook.com", 
                        Edad = 17 + i
                    });
                }
            }

        }

        private void btnMostrar_Click(object sender, RoutedEventArgs e)
        {
            // Mostar en el TextBlock el elemento seleccionado

            // Dependiendo de que sea el tipo anónimo o el definido
            // el valor mostrado será diferente.
            // En el caso de la clase Colega, si no tenemos sobrecargado el método ToString
            // mostrará el nombre de la clase: WpfListView_vb.Colega
            txtMostar2.Text = lvDatos.SelectedItem.ToString();

            if ((bool)chkAnonimo.IsChecked)
            {
                // En C# debemos definir la variable como dynamic:
                dynamic v = lvDatos.SelectedItem;

                txtMostar.Text = v.Nombre + " (" + v.email + ")";

                // El problema es que queramos acceder a una propiedad que no exista
                // (esto dará error)
                //txtMostar.Text = v.Nombre + " (" + v.cagonto + ")";

            }
            else
            {
                
                var v = ((Colega)lvDatos.SelectedItem);

                txtMostar.Text = v.Nombre + " (" + v.email + ")";

                // como ahora usamos un tipo previamente definido
                // si usamos esto:
                //   txtMostar.Text = v.Nombre + " (" + v.cagonto + ")";
                // nos dirá que "cagonto" no es un miembro de Colega

            }
        }

        private void lvDatos_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            // habilitar según haya o no elementos seleccionados
            btnMostrar.IsEnabled = (lvDatos.SelectedItems.Count > 0);
        }        

    }

    /// <summary>
    /// Tipo Colega, con las popiedades (o campos)
    /// que tendrán las columnas del ListView.
    /// Aunque puede tener más propiedades
    /// aunque no estén enlazadas con las columnas
    /// </summary>
    class Colega
    {
        public string Nombre { get; set; }
        public string email { get; set; }
        public int Edad { get; set; }

        // Podemos tener más propiedadas
        public string Apellidos { get; set; }
    }
}