A plataforma do Windows Phone disponibiliza uma diversidade de componentes para enriquecer a interação usuário-dispositivo. Porém, na medida que a experiência dos usuários avança, sente-se mais a necessidade de novos componentes. O modelo de negócio das empresas também pode requisitar controles mais robustos e cabe a “terceiros” que façam seus próprios controles.
No post de hoje abordaremos a utilização de componentes de terceiros. Escolhemos o Silverlight Toolkit pois é um dos mais completos e possui controles muito interessantes para a aplicação.
Imagine aquele bom e velho formulário com diversos campos para preencher, e é óbvio que entre eles, existe o campo DATA. O campo data tem um formato pré-estabelecido e você quer armazená-lo no campo do tipo DateTime em sua model.
Utilizar uma TextBox não seria muito legal, uma vez que o usuário poderia inserir diversos caracteres.
A utilização de uma máscara fazendo a validação é uma, entre diversas outras opções, que podem ser usadas para garantir que os dados informados no campo são compativeis com sua ‘model’. Entretanto, existem formas mais elegantes de um usuário informar a data. Testaremos o DatePicker do Silverlight Toolkit e veremos o resultado final.
Acesse o link abaixo, baixe e instale o pacote do Silverlight Toolkit:
http://silverlight.codeplex.com/releases/view/78435
*********************************************************************
ATENÇÃO!!!!
Partimos do pressuposto que você já possui as bibliotecas e ferramentas instaladas para desenvolvimento de aplicações para o WINDOWS PHONE conforme abordagem anterior feita neste blog.
Caso você não tenha configurado seu ambiente de desenvolvimento para Windows Phone, sugirimos que leiam nosso post do link abaixo e prepare seu ambiente antes de iniciar esta abordagem que exige o Visual Studio 2010, os pacotes de desenvolvimento para Windows Phone. Os códigos serão testados via emulador.
TUTORIAL – Windows Phone – Parte 1 – Hello World
http://bit.ly/sx3hYg
*********************************************************************
Crie uma novo projeto conforme mostra a imagem abaixo:
Na tela seguinte, selecione a versão 7.1
Vá em Choose Toolbox Items
Vá até a aba Windows Phone Components e procure o nome do componente desejado, no nosso caso o DatePicker. Caso ele não esteja presente na lista, lembre-se de clicar em Browser e carregar a DLL do componente, marcá-lo e então clicar em OK.
Nossa DLL se encontra em:
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Toolkit\Oct11\Bin\ Microsoft.Phone.Controls.Toolkit.dll
Ou no diretório em que apontou a instalação do TOOLKIT.
Abrindo nossa Toolbox, verificamos que o componente já está lá, pronto para ser usado. Vamos arrastar um DatePicker para dentro de nossa Grid, salvar e executar a aplicação.
Ao clicar sobre o campo da data, o controle exibe uma nova tela para seleção da data.
Após testar o funcionamento do controle, vamos adicionar um StackPanel em nossa grid, vamos adicionar um nome para nosso DatePicker ‘MeetingDatePicker’ e movê-lo para dentro do StackPanel .
Em seguida, vamos adicionar um botão de nome ‘CheckDateButton’ e adicionamos um evento de Click para testar nosso controle no ‘code-behind’ de nossa aplicação.
Antes de continuar nossa implementação, note que o namespace Microsoft.Phone.Controls foi adicionado automaticamente pelo Visual Studio no ‘code-behind’ quando arrastamos o controle no modo Design.
Caso você precise utilizar um componente diretamente via código e não precisará adicioná-lo ao layout da página, lembre-se de adicionar o namespace precedido de ‘using’ ao topo do arquivo .cs.
Criamos uma nova instancia do DatePicker apenas para demonstrar como a DLL foi carregada com sucesso. Colocando o mouse sobre a classe DatePicker podemos ver a descrição da mesma.
Nós não utilizaremos essa nova instancia do controle pois já adicionamos anteriormente um DatePicker em nossa tela com o nome ‘MeetingDatePicker’.
No evento de ‘click’ de nosso botão, chamaremos o método CheckValues().
Este método busca o valor de nosso DatePicker e seta os valores de dia, mês e ano, então formata uma mensagem de alerta informando a data do compromisso.
Salve o projeto e execute a aplicação.
Selecione uma data e então clique no botão.
O alerta é exibido trazendo a data informada no DatePicker corretamente.
Conforme visto, é relativamente trivial a utilização de componentes externos em nossa aplicação, entretanto, alguns cuidados podem ser tomados:
>> Preste muita atenção se a versão da DLL é compativel com a versão do framework de sua aplicação.
>> Utilizando DLL’s você deverá cuidar o caminho de suas referências. Caso você abra o projeto em outros computadores, a DLL precisa estar no mesmo caminho referenciado previamente no projeto.
No próximo post, vamos aprender como criar nossos próprios componentes e sua utilização em projetos. Fique ligado!
Escrito por Luiz Roberto Lethang Rodolpho



















