[Desenvolvimento] Criando caixas de texto personalizadas com o componente PhoneTextBox

6

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

phonetextbox

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:

1
2
3
4
5
6
7
8
9
 
...
 
<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:

1
2
3
4
5
6
 
<phone:PhoneApplicationPage
...
xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
 
...

 

Grande abraço,

Eduardo Henrique Rizo (@eduardorizo)

MCP

Post Relacionado: 

Fonte: Blog do Eduardo H. Rizo

Share.

About Author

Bacharel em Ciência da Computação pela FIPP/Unoeste, Pós-Graduado em Desenvolvimento de Sistemas Web, Segurança da Informação e Avaliação do Ensino e da Aprendizagem, Professor universitário e responsável pelo setor de desenvolvimento de sistemas web da Universidade do Oeste Paulista. MCP e MCPS pela Microsoft e nas horas vagas dedica um pouco do seu tempo escrevendo posts técnicos sobre desenvolvimento de sistemas web, windows phone, gerenciamento de servidores e outros assuntos para a comunidade.

  • Fábio Radicchi Belotto

    Essas informações sobre programação são muito interessantes para quem está estudando, como meu caso.

    • Vinicius Barros

      Onde você está aprendendo XAML? Está tendo facilidade? Para desenvolver app para WP tem que ser com PC 64 Bits? Não encontrei VS Studio em 32!

      • Fábio Radicchi Belotto

        Kkkk você já está na lição dois kkkk eu não sei o que é isso ainda.

        Estou fazendo as vídeo aulas da Microsoft virtual academy. C# for absolute beginners kkkk

        • Vinicius Barros

          Logo você verá! Boa sorte.

          • Fábio Radicchi Belotto

            Boa noite!

            Será que você consegue me orientar em uma questão bem noob?

            Baixei o código fonte de um app do google drive que está disponível, porém ele foi compilado com uma versão anterior das bibliotecas disponíveis no nugget, aí não sei como resolver isso kkkk

            https://github.com/PedroLamas/GDrive/blob/master/PedroLamas.GDrive.WP8/packages.config

            Como eu posso “Atualizar” as referências? As versões anteriores não estão disponíveis para download kkkk

          • Vinicius Barros

            Cara eu não sei te falar porque eu não estou programando para mobile. Eu ainda estou aprendendo mas para PC mesmo. Recomendo procurar fóruns na web. Tem muitos conteúdos legais e ajuda muito.