Diretrizes e lista de verificação de entrada de texto (aplicativos da Windows Store)

Applies to Windows only

Siga estas diretrizes para adicionar controles de entrada de texto ao seu aplicativo da Windows Store em C++, C# ou Visual Basic.

Mapa: como este tópico está relacionado aos outros? Veja:

Este é o controle correto?

Controles de entrada de texto permitem que os usuários insiram e editem um valor de texto ou valor numérico. Considere estas questões ao decidir se usar um controle de entrada de texto.

  • É prático enumerar todos os valores válidos de forma eficiente? Se sim, então considere usar um dos controles de seleção.
  • Os dados válidos estão completamente irrestritos? Ou os dados válidos estão restritos apenas pelo formato (restrição de tamanho ou dos tipos de caractere)? Se sim, use um controle de entrada de texto.
  • O valor representa um tipo de dados que possui um controle comum especializado? Se sim, use o controle apropriado em vez de um controle de entrada de texto.
  • Se os dados forem numéricos:
    • Os usuários percebem a configuração como uma quantidade relativa? Em caso afirmativo, use um controle deslizante.
    • O usuário se beneficiaria com um feedback instantâneo sobre o efeito das alterações de configuração? Se sim, use um controle deslizante, possivelmente com um controle anexo.

Há controles de entrada de texto de linha única e multilinha. A próxima seção descreve quando usar controles de entrada de texto de linha única, e as seções posteriores descrevem controles de entrada de texto multilinha.

Escolhendo o controle de entrada de texto de linha única adequado

Para cadeias curtas, use um controle de entrada de texto de linha única. Esta tabela descreve quando usar os diferentes tipos de controles de entrada de texto.

Entrada de dados básicos

Use controles de entrada de texto de linha única para coletar pequenos textos dos usuários.

O exemplo a seguir mostra uma caixa de texto de linha única para capturar uma resposta a uma pergunta de segurança. A resposta deve ser curta, e uma caixa de texto de linha única é apropriada aqui. Como as informações coletadas não correspondem a nenhum dos tipos de entrada especializados reconhecidos pelo Windows, o tipo genérico TextBox é apropriado.

Caixa de entrada de dados básicos

Entrada de dados formatados

Use um conjunto de controles TextBox curtos e de tamanho fixo para inserir dados com um formato específico.

Caixa de entrada de dados formatados

Entrada de dados assistidos

Use um controle TextBox irrestrito e de linha única para inserir ou editar cadeias, combinado com um botão de comando que ajuda os usuários a selecionarem valores válidos.

Caixa de entrada de dados assistidos

Entrada numérica

Use um controle TextBox para inserir ou editar números. Defina o valor InputScope como InputScopeNameValue.Number.

Entrada do número de telefone

Use um controle TextBox ou um conjunto de controles TextBox curtos e de tamanho fixo para inserir números de telefone. Defina o valor InputScope como InputScopeNameValue.TelephoneNumber.

Entrada de email

Use um controle TextBox para inserir um endereço de email. Defina o valor InputScope como InputScopeNameValue.EmailSmtpAddress.

Caixa de entrada de endereço de email

Entrada de URL

Use o controle TextBox para inserir endereços da Web. Defina o valor InputScope como InputScopeNameValue.Url.

Entrada de senha e PIN

Use um controle PasswordBox para inserir senhas e PINs com segurança.

Caixa de entrada de senha

 

O que fazer e o que não fazer para caixas de entrada de linha única

Fazer

Use várias caixas de texto de linha única para capturar muitas informações de texto. Se as caixas de texto forem de natureza relacionada, você deve agrupá-las juntas.

Forneça o texto do espaço reservado em caixas de texto de linha única se você acredita que os usuários precisam de instruções adicionais para inserir um valor.

Faça com que o tamanho das suas caixas de texto de linha única seja um pouco maior do que a entrada antecipada mais longa. Se isso deixar o controle muito largo, separe-o em dois controles; por exemplo, você pode dividir uma entrada de endereço simples em "Linha 1 do endereço" e "Linha 2 do endereço"

Defina um comprimento máximo. Se a fonte de dados de backup não permitir uma cadeia de entrada longa, defina a propriedade MaxLength para limitar a entrada e use um pop-up de validação para que os usuários saibam quando chegaram ao limite.

O que não fazer

Não use uma caixa de texto como uma caixa de pesquisa. Em páginas da Web, é comum usar um elemento TextBox para criar uma caixa de pesquisa. No entanto, você cria uma experiência muito melhor e mais consistente usando o botão Pesquisar. O botão Pesquisar oferece uma experiência de pesquisa consistente ao qual seu aplicativo pode se conectar. Para saber mais, veja Adicionando pesquisa.

Não coloque outro controle bem ao lado de uma caixa de entrada de senha. A PasswordBox tem um botão de exibição da senha para que os usuários verifiquem a senha que digitaram. Outro controle bem ao lado dele pode fazer com que os usuários exibam acidentalmente suas senhas quando tentarem interagir com o outro controle. Para evitar isso, insira um espaçamento entre a PasswordBox e o outro controle ou coloque o outro controle na próxima linha.

 

Escolhendo o controle de entrada de texto multilinha adequado

Os usuários devem usar um controle de texto multilinha quando precisarem inserir ou editar cadeias longas. Existem dois tipos de controle de entrada de texto multilinha.

  • Se a finalidade principal da caixa de texto multilinha for criar documentos (como entradas de blog ou o conteúdo de uma mensagem de email), e esses documentos exigirem rich text, use um controle RichEditBox.
  • Se você quiser que os usuários consigam formatar seu texto, use um controle RichEditBox.
  • Ao capturar texto que só será consumido, e não exibido mais tarde aos usuários, use um controle TextBox. Por exemplo, suponha que você tenha uma pesquisa; o usuário responde a pesquisa e os dados são enviados para algum servidor, mas o usuário não a vê mais. Geralmente não é necessário permitir que os usuários projetem esse texto.
  • Para todos os outros cenários, use um controle TextBox sempre que possível.

O que fazer e o que não fazer para controles de entrada de texto multilinha

FazerAo criar uma caixa RTF, forneça botões de estilo e implemente suas ações. (Os aplicativos da Windows Store em C++, C# ou Visual Basic não fornecem esses controles automaticamente para você. )
Use uma fonte que represente a aparência de seu aplicativo.
Faça com que a altura do controle de texto seja suficiente para acomodar entradas típicas.

Ao capturar longos trechos de texto onde os usuários devem manter sua contagem de palavras ou contagem de caracteres abaixo de um máximo, use uma caixa de texto sem formatação e forneça um contador de movimento ativo para mostrar ao usuário quantos caracteres ou palavras ele deixou antes de atingir o limite. Você precisará criar o contador sozinho; coloque-o perto da caixa de texto e atualize-o dinamicamente à medida que o usuário inserir cada caractere ou palavra.

Caixa de entrada com contagem de caracteres

Não fazerNão deixe que seus controles de entrada de texto aumentem de tamanho enquanto os usuários digitam.
Não use uma caixa de texto multilinha quando os usuários só precisarem de uma linha única.
Não use um controle rich text se for adequado texto sem formatação.

 

Tópicos relacionados

TextBox
RichEditBox
PasswordBox

 

 

Mostrar:
© 2014 Microsoft