Como navegar pelos controles via teclado?

Gostou deste artigo? Compartilhe!

CategoriasDicas Rápidas, SuperWaba
ComentáriosComentários (0)

Em dispositivos que não possuem suporte a caneta, como os smartphones e telefones celulares, é possível navegar pelos controles de interface com o usuário com o navegador de 5 direções (esquerda, direita, cima e baixo e pressionando o botão), disponível na maioria dos dispositivos.

A ativação desse suporte se dá automaticamente pela máquina virtual do SuperWaba, que detecta que o dispositivo não tem caneta e executa Settings.keyboardFocusTraversable = true, o que também pode ser feito por qualquer programa.

Quando esse flag está ativo, o controle que está com foco é realçado (as cores do realce podem ser alteradas através do waba.ui.UIColors.highlightColors). O flag estático Control.isHighlighting define quando se está navegando entre os controles e quando isso não está ocorrendo.

A navegação é simples: use os botões cima/esquerda para ir para trás, e baixo/direita para ir para frente. Pressione para ativar o controle atual. A navegação segue a ordem de adicão dos controles na montagem da tela. Essa ordem pode ser alterada mudando os valores contidos no membro tabOrder do Container que armazena os controles. Controles desativados e focus less são pulados automaticamente.

Alguns poucos controles merecem uma menção especial:

  • Edit e MultiEdit (controles de edição de textos) - Quando o realce estiver na caixa de texto, pressione o botão para ativar a edição, e pressione novamente (ou então ESC) para tirar o foco e poder navegar novamente pelos controles. A escrita de qualquer caractere também ativa a edição, quando ela estiver realçada.
  • TabPanel (painel com abas) - Quando o realce estiver no painel, pressione o botão para ativar a navegação pelas abas. Nessa hora, as teclas de navegação horizontal move o realce entre as abas, e as de navegação vertical move o realce para os controles dentro do painel em exibição. Para sair do painel de abas, mova o cursor para as abas usando a navegação vertical e pressione o botão.
  • Grid (tabela) - Quando o realce estiver no grid, pressione o botão para começar a navegar por suas linhas. As teclas de navegação horizontal deslocarão o grid na horizontal, enquanto que as de navegação vertical mudarão a linha selecionada (ao atingir a última linha do grid, a seleção volta para a primeira linha). Para enviar o evento de seleção de linha, os números de 0 a 9 deverão ser pressionados. Se houver uma coluna de marcadores (checks), 0 marcará ou desmarcará a linha selecionada (gerando o evento correspondente), e os números de 1 a 9 ativarão a lista de escolhas ou edição, se existente. Pressionar espaço em um grid com a coluna de marcadores irá marcar e desmarcar tudo, alternadamente. Para voltar a navegar pelos controles, basta clicar no botão novamente ou pressionar ESC. Note que nessa hora o evento de seleção não é disparado.
  • MenuBar (menu popup) - Pressione o botão por pelo menos 1 segundo para abrir o menu. Mova entre as janelas usando as teclas esquerda/direita, e realce os itens usando as teclas cima/baixo. Pressione o botão rapidamente para selecionar um ítem, ou pressione ele por pelo menos 1 segundo para fechar o menu sem selecionar ítem algum.

Nota: Em dispositivos Palm OS, a ação é realizada pressionando o botão de navegação; já no Windows Mobile e no Symbian OS, quando o botão é pressionado e solto rapidamente. Isso pode ser desativado através de Settings.actionOnRelease = false, porém será impossível abrir o menu em dispositivos sem caneta.

Agradecimentos à Equipe SuperWaba pela criação do exemplo.

Sobre o Autor

Equipe PDAExpertA Equipe PDAExpert conta com colaboradores responsáveis pela publicação de notícias, downloads, moderação de mensagens, e revisão de artigos.

Veja o todos os artigos publicados por Equipe PDAExpert no PDAExpert.

Artigos Relacionados

  • Não existem artigos relacionados

Nenhum comentário »

Comentários via RSS TrackBack URI

Envie seu comentário

ATENÇÃO: A área de comentários deve ser utilizada apenas para dúvidas sobre este artigo. Para dúvidas não relacionadas a este artigo, utilize o Fórum PDAExpert.net.

Nome

E-mail

URL

Comentário

XHTML: São permitidas as seguintes tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

campos obrigatórios