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

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:


...

<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

MCP

Post Relacionado: 

 

Anúncios

Coordenador de Internet da Universidade do Oeste Paulista (Unoeste) e professor universitário de disciplinas relacionadas ao desenvolvimento de sistemas para Web, gerenciamento de servidores, serviços e redes.

Marcado com: , , , , , , , , ,
Publicado em Windows Phone
3 comentários em “Curso Windows Phone – Criando caixas de texto personalizadas com o componente PhoneTextBox
  1. […] Criando caixas de texto personalizadas com o componente PhoneTextBox […]

  2. Rodrigo disse:

    Bom dia, gostaria de parabenizá-lo pelo blog, Eduardo, ótima fonte de conteúdo!

    Aproveito para, a título de sugestão, divulgar o blog http://www.windowsphonedoctor.com ,
    recentemente criado, prometendo a publicação de um novo artigo diariamente no mínimo, com conteúdo original de fonte autêntica. Trabalho sozinho para Windows Phonéfilos, daí a restrita capacidade de entrega. De qualquer forma, estou investindo no site e pretendo contratar um web designer.

    Desde já, obrigado pela atenção e, se possível, apareçam, deixem sugestões, ou até mesmo, publiquem qualquer artigo meu. Seria uma honra para mim.

    Atenciosamente, SI.

    • Olá Rodrigo, tudo bom?

      Atualmente eu colaboro com o pessoal do site Windows Phone Brasil (http://www.windowsphonebrasil.com.br), no entanto, caso queira replicar um dos meus posts no seu site fique à vontade, não esquecendo de divulgar a fonte. OK?

      Grande abraço e boa sorte na divulgação das informações para esse ramo do mercado Mobile, pois quanto mais pessoas fazendo isso, melhor para todos nós.

      Eduardo H. Rizo

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

Sorocaba e Região
Prestadora de serviços RIZZO GS - Sorocaba/SP

Serviços de limpeza, conservação, recepção, copa, portaria, vigia, zeladoria, jardim, elétrica, hidráulica, pintura, etc.

Contato: (15) 3357-4263 / (15) 3357-4502 - contato@rizzogs.com.br

Website: http://www.rizzogs.com.br

%d blogueiros gostam disto: