C# -  Apresentando a classe ObservableCollection<T>


 Neste artigo eu vou apresentar os conceitos e os recursos da classe ObservableCollection da plataforma .NET.

Uma ObservableCollection representa uma coleção de dados dinâmicos que fornece notificações quando os itens são adicionados, removidos, ou quando toda a coleção é atualizada. Essa coleção esta disponível no namespace System.Collection.ObjectModel.

Assim, uma ObservableCollection trabalha essencialmente como uma coleção regular, exceto por dois pontos importantes: ela implementa as interfaces :

E isso é que a torna especial, pois além de ser uma coleção dinâmica de objetos de um dado tipo, onde os objetos podem ser adicionados, removidos ou atualizados, ela apresenta o recurso de notificar automaticamente os seus observadores quando um novo objeto foi adicionado, removido ou atualizado.

Dessa forma ao usar uma ObservableCollection você pode receber notificações das atualizações feitas na coleção de forma automática através de um evento e assim tratar a respectiva ação.

A utilização das coleções desse tipo em aplicações que suportam o data binding, como o WPF, SilverLight (finado), Xamarin Forms, etc. tornam muito simples atualizar a interface do usuário refletindo qualquer alteração feita em uma lista de itens da coleção.

Neste artigo eu vou apresentar um exemplo básico de utilização de uma ObservableCollection em uma aplicação WPF.

Recursos usados:

Criando a solução no VS 2015 Community

Abra o VS Community 2015 e crie um projeto do tipo WPF Application usando a linguagem C#, com o nome UsandoObservableCollection;

Vamos criar uma classe de domínio para usar como exemplo.

No menu Project clique em Add Class e informe o nome Pessoa. A seguir digite o código abaixo neste arquivo:

    public class Pessoa
    {
        public string Nome { get; set; }
        public string Endereco { get; set; }
    }

Criamos uma classe Pessoa com duas propriedades : Nome e Endereco.

A seguir vamos criar um objeto ObservableCollection do tipo Pessoa e vincular esse objeto ao controle de lista que vamos usar na interface.

Na janela Solution Explorer, abra o arquivo MainWindow.xaml e inclua a partir da ToolBox os seguintes controles:

Disponha os controles conforme o leiaute da figura abaixo:

A seguir vemos o código XAML gerado :

<Window x:Class="UsandoObservableCollection.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:UsandoObservableCollection"
        mc:Ignorable="d"
        Title="Usando ObservableCollection" Height="350" Width="500">
    <Grid>

        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        
        <StackPanel Grid.Row="0" Grid.Column="0" Margin="5,5,5,5">
            <TextBlock x:Name="lblNome" Text="Nome"></TextBlock>
            <TextBox x:Name="txtNome"></TextBox>
            <TextBlock x:Name="lblEndereco" Text="Endereço"></TextBlock>
            <TextBox x:Name="txtEndereco"></TextBox>
            <Button Grid.Column="0" Width="100" Height="20" Margin="5,5,5,5" x:Name="btnNomes" Click="btnNomes_Click" Content="Incluir"></Button>
        </StackPanel>
        <ListView x:Name="lstNomes" Margin="5,5,5,5" Grid.Column="1" Grid.Row="0">
            <ListView.View>
                <GridView x:Name="grdNomes">
                    <GridViewColumn Header="Nome"  DisplayMemberBinding="{Binding Nome}"/>
                    <GridViewColumn Header="End."  DisplayMemberBinding="{Binding Endereco}"/>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

Observe que estamos usando o data binding no controle ListView vinculando as propriedades Nome e Endereco da classe Pessoa usando a propriedade DisplayMemberBinding que associa o tipo de dados a partir de uma fonte de dados a uma coluna de forma que a coluna possa exibir um conjunto de valores do tipo.

Vamos agora definir o código no arquivo code-behind MainWindow.xaml.cs.

Comece definindo os dois namespaces abaixo:

using System.Collections.ObjectModel;
using System.Windows;

A seguir vamos criar a coleção ObservableCollection do tipo da nossa classe Pessoa:

private ObservableCollection<Pessoa> pessoa;

No construtor da classe MainWindow() vamos criar uma instância da classe Pessoa e criar alguns objetos:
       public MainWindow()
        {
            InitializeComponent();
            pessoa = new ObservableCollection<Pessoa>()
            {
                new Pessoa(){Nome="Macoratti",Endereco="Rua Projetada 100"},
                new Pessoa(){Nome="Jefferson",Endereco="Rua Mexico, 34"},
                new Pessoa(){Nome="Miriam",Endereco="Av. Brasil, 200"}
            };
            lstNomes.ItemsSource = pessoa;
        }

Observe que atribuímos o objeto da coleção à propriedade ItemsSource da ListView. (Em geral usamos a propriedade ItemsSource do controle ListView para vincular uma coleção.)

Finalmente vamos tratar o evento Click do botão de comando para incluir um novo objeto Pessoa e atut

        private void btnNomes_Click(object sender, RoutedEventArgs e)
        {
            pessoa.Add(new Pessoa()
            {
                Nome = txtNome.Text,
                Endereco = txtEndereco.Text
            });
            txtNome.Text = string.Empty;
            txtEndereco.Text = string.Empty;
        }

Agora é só alegria...

Executando o projeto e incluindo novos dados veremos a atualização da ListView ocorrer de forma automática exibindo o novo objeto criado:

Agora vamos supor que você queira exibir os valores de um item selecionado no ListView nos controles TextBox.

Basta alterar o código em cada controle TextBox definindo o data binding para a fonte de dados lstNome e para o respectivo item selecionado :

        ...
        <StackPanel Grid.Row="0" Grid.Column="0" Margin="5,5,5,5">
            <TextBlock x:Name="lblNome" Text="Nome"></TextBlock>
            <TextBox x:Name="txtNome" Text="{Binding ElementName= lstNomes, Path=SelectedItem.Nome}"></TextBox>
            <TextBlock x:Name="lblEndereco" Text="Endereço"></TextBlock>
            <TextBox x:Name="txtEndereco" Text="{Binding ElementName= lstNomes, Path=SelectedItem.Endereco}"></TextBox>
            <Button Grid.Column="0" Width="100" Height="20" Margin="5,5,5,5" x:Name="btnNomes" Click="btnNomes_Click" Content="Incluir"></Button>
        </StackPanel>
...

Agora clicando em um item teremos o resultado abaixo:

O mesmo comportamento teremos para a exclusão e atualização de um item. (deixo para você implementar essas funcionalidades, ok !)

Pegue o projeto completo aqui :   UsandoObservableCollection.zip

Jesus dizia, pois, aos judeus que criam nele: Se vós permanecerdes na minha palavra, verdadeiramente sereis meus discípulos;
E conhecereis a verdade, e a verdade vos libertará.

João 8:31,32

Veja os Destaques e novidades do SUPER DVD Visual Basic (sempre atualizado) : clique e confira !

Quer migrar para o VB .NET ?

Quer aprender C# ??

Quer aprender os conceitos da Programação Orientada a objetos ?

Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

Quer aprender a criar aplicações Web Dinâmicas usando a ASP .NET MVC 5 ?


  Gostou
?   Compartilhe no Facebook   Compartilhe no Twitter

 

Referências:


José Carlos Macoratti