Curso Windows Phone – Criando caixas de texto personalizadas com o componente PhoneTextBox

Olá pessoal, tudo bom?

O desenvolvimento da interface de uma APP baseada em XAML conta com um conjunto de componentes padrão para o WP, como por exemplo, Button, TextBox, ListBox, CheckBox, dentre outros, porém, podemos contar com a Windows Phone Toolkit para obter outros componentes mais aperfeiçoados e que possibilitam melhor visual e usabilidade para o usuário.

Para referenciar a Windows Phone Toolkit em seu projeto WP, basta acessar o menu Tools >> NuGet Packager Manager >> Package Manager Console e digitar a instrução: install-package WPToolkit

Particularmente neste post, iremos tratar sobre o PhoneTextBox, que é um componente pertencente à Toolkit e permite mais recursos que o TextBox padrão do WP, como por exemplo: hint, botão de ação, indicador de caracteres digitados, indicador de quantidade máxima de caracteres, entre outros. Vejamos um exemplo de sua declaração:

...

<toolkit:PhoneTextBox Hint="Digite aqui..." ActionIcon="Assets/add.png"
    ActionIconTapped="PhoneTextBox_ActionIconTapped" x:Name="txtTeste"
    DisplayedMaxLength="20" LengthIndicatorVisible="true"
    MaxLength="20" />

...

No trecho de código acima podemos observar que definimos uma caixa de texto que irá apresentar um hint, um botão de ação (ActionIcon) e seu respectivo evento, um valor máximo de caracteres para o campo e a indicação de visibilidade para seu tamanho máximo e quantos caracteres já foram digitados.

Para que o código acima funcione, além de referenciar a Toolkit ao seu projeto também é necessário incluir seu XML Namespace ao código da página XAML que irá utilizar a mesma:

<phone:PhoneApplicationPage
...
xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

...

Grande abraço,

Eduardo Henrique Rizo

Post Relacionado: 

• Curso Windows Phone gratuito

[twitter-follow screen_name=’eduardorizo’ show_count=’yes’]