Usando AutoComplete TextBox Silverlight

Aprenda a usar um excelente recurso do Silverlight Toolkit para preenchimento automatico de formulários.

por Anderson Castro

Olá pessoal hoje iremos abordar um recurso que pode muito facilitar a vida do usuário em nossas aplicações Silverlight.

Estamos falando do AutoComplete TextBox presente no Silverlight Toolkit.

Esse recurso facilita muito quando temos algum tipo de formulário que o usuário precisa preencher e temos um grande números de opções para aquele campo.

Você vai precisar:

Visual Studio ou Expression Blend .
Silverlight Toolkit (http://www.codeplex.com/Silverlight)


Vamos iniciar um novo projeto Silverlight.

Figura 1 : Novo Projeto


Logo em seguida vamos adicionar dois namespaces em nosso projeto:

System.Windows.Controls

System.Windows.Controls.Input

Você as encontra em C:\Program Files\Microsoft SDKs\Silverlight\v3.0\Libraries\Client

Adicione em seu código XAML

Figura 2 : Incluindo Namespaces


E adicione em “References”

Figura 3: References

Para este exemplo vamos construir um formulário .

Primeiro vamos definir o layout de nosso grid.

Figura 4: Grid

Vamos inserir 4 “TextBlock”(Nome,Sobrenome,Profissão,Linguagem,Email),3 “TextBox(Nome,Sobrenome,Email)”.

Nesse ponto vamos adicionar os campos no qual queremos usar o recurso do autoComplete.Nesse exemplo vamos escolher profissão e linguagem.Lembre-se de identificar os campos x:Name=”ProfissaoBox” e x:Name=”LinguagemBox”.

E por fim um botão para envio do formulário.

Figura 5: Inserindo elementos.

Nosso formulário deve ficar da seguinte maneira.

Figura 6 : Design do formulário

Agora é hora de trabalhar em nossa MainPage.cs

Vamos chamar os controles criados em nosso xaml e popular.Para isso criamos um array de string com as informações que desejamos adicionar em nosso autoCompleteTextBox.

Figura 7: Populando controles

Vamos compilar a aplicação e ver o resultado

Repare que ao digitarmos o caractere “A” já vemos o resultado do nosso autoComplete

Figura 8 : AutoCompleteTextBox funcionando

Figura 9 : AutoCompleteTextBox funcionando

Espero que tenham gostado até a próxima.

www.blog.ronnin.com.br

Twitter : @andersoncastro