# Teclado, acessibilidade e toque

Execute todos os comandos pelo teclado, desenhe sem mouse, use um leitor de tela e trabalhe em uma tela sensível ao toque.

_Os atalhos estão escritos para Windows e Linux. No Mac, use ⌘ Cmd onde está Ctrl e ⌥ Option no lugar de Alt._

Tudo no pxstud.io pode ser feito pelo teclado: todo comando está na paleta de comandos,
todo atalho pode ser alterado, e dá para desenhar na própria tela com as setas. Em uma
tela sensível ao toque, um dedo desenha, dois dedos fazem zoom e movem a visão, e um toque com dois dedos desfaz.

## Encontrar e executar qualquer comando

Pressione `Ctrl+K` (ou escolha Editar > Paleta de comandos...) e digite parte do
nome de um comando. A lista mostra o caminho de menu e o atalho de cada comando, e deixa esmaecidos os que não podem ser executados
agora. Use as setas para escolher um e `Enter` para executá-lo. Sem nada digitado, os comandos que você
executou mais recentemente aparecem primeiro.

## Alterar atalhos

Configurações > Atalhos de teclado... lista todos os comandos com seus atalhos. Pesquise por comando, menu ou
tecla, e então:

- clique em **Adicionar** (ou em um atalho existente) e pressione a nova combinação de teclas; `Esc`
  cancela;
- se a combinação já pertence a outro comando, escolha **Reatribuir** para movê-la, ou
  **Cancelar**;
- **Redefinir** devolve um comando ao padrão, e **Redefinir tudo** devolve todos;
- **Exportar...** salva seu conjunto como um arquivo JSON, e **Importar...** carrega um, por exemplo em outro
  navegador.

Marque **Desativar atalhos de tecla única** para desligar todo atalho que seja uma única letra, dígito
ou tecla de pontuação (com ou sem `Shift`), para que um toque acidental nunca troque de ferramenta. A
lista completa dos padrões está em [Atalhos de teclado](https://pxstud.io/pt-br/docs/manual/reference/shortcuts.md).

`Tab` nunca é um atalho e não pode ser atribuído a um: ele sempre vai para o próximo controle,
então você nunca fica preso em um painel ou na tela. (É por isso que alternar uma camada de tilemap
entre Tiles e Pixels é `Alt+T` em vez do Tab do Aseprite; veja
[Tilemaps](https://pxstud.io/pt-br/docs/manual/guides/tilemaps.md).)

## Navegar pelo editor

- **Ir para a tela.** A primeira coisa que `Tab` alcança na página é um link **Ir para a tela**.
  Pressione `Enter` nele para levar o foco do teclado direto para a tela.
- **Marcos.** A barra de menus é o cabeçalho da página, e todo painel é uma região com rótulo (Ferramentas,
  Opções da ferramenta, Linha do tempo, Paleta, Seletor de cor e assim por diante), então a lista de marcos de um leitor de tela
  leva direto a ele.
- **A barra de menus** é uma parada para `Tab`. `Left` e `Right` (ou `Home` e
  `End`) alternam entre os menus, e `Down`, `Enter` ou `Space` abre um. Dentro de um
  menu, `Up` e `Down` se movem, digitar uma letra pula para o próximo item que começa com ela,
  `Right` abre um submenu e `Left` o fecha, e `Esc` fecha o menu. Com um
  menu aberto, `Left` e `Right` saltam para os menus vizinhos. Quando a barra de menus está acoplada
  em um dos lados, `Up` e `Down` alternam entre os menus.
- **Menus de painel.** Em qualquer painel, `Shift+F10` ou a tecla Menu abre o menu do painel, o mesmo
  que o clique com o botão direito abre ([O espaço de trabalho](https://pxstud.io/pt-br/docs/manual/guides/workspace.md#the-panel-menu)).
- **Redimensionar painéis.** Use `Tab` até a linha entre dois painéis e use as setas
  ([O espaço de trabalho](https://pxstud.io/pt-br/docs/manual/guides/workspace.md#moving-panels)).

## Desenhar com o teclado

Coloque o foco na tela (com `Tab` ou o link **Ir para a tela**), e um cursor de pixel
aparece onde o ponteiro estava por último, ou no meio do sprite. Então:

| Tecla | O que faz |
| - | - |
| Setas | Movem o cursor um pixel. |
| `Shift` com uma seta | Move o cursor uma célula da grade. |
| Segure `Space` | Pressiona a ferramenta ativa no cursor; mova com as setas para desenhar e solte `Space` para terminar. |
| `Enter` | Abaixa a caneta; mova com as setas e pressione `Enter` (ou `Space`) de novo para levantá-la. Use isso se segurar duas teclas ao mesmo tempo for difícil. |
| `Shift` ou `Alt` com `Space` ou `Enter` | Age como `Shift` ou `Alt` com um clique, por exemplo para somar a uma seleção. |
| `Esc` | Cancela o traço em andamento. |
| `Tab` | Sai da tela. |

Todas as ferramentas funcionam assim, exceto a Mão: pincéis pintam, formas se esticam de onde a caneta
foi abaixada até onde ela é levantada, ferramentas de seleção selecionam, e a Mover arrasta. A tela
rola para manter o cursor à vista, e no modo ladrilhado o cursor dá a volta nas bordas.

Quando uma movimentação ou transformação está esperando para ser aplicada, ou uma ferramenta de várias etapas, como o
Polígono, está esperando o último ponto, `Enter` conclui isso em vez de abaixar a
caneta.

O desenho pelo teclado começa quando a tela recebe o foco pelo teclado: use `Tab` até ela, ou o
link de pular. Clicar na tela com o mouse o desativa de novo, para que quem usa mouse mantenha as setas,
`Space` e `Enter` nas funções de sempre, como no Aseprite: as setas movem os
pixels selecionados ou percorrem quadros e camadas; segurar `Space` move a visão; e
`Enter` reproduz e pausa a animação. Depois de um clique, saia com `Tab` e volte para
desenhar com o teclado de novo.

**Com um leitor de tela,** a tela é anunciada com o nome e o tamanho do sprite, a ferramenta ativa
e o zoom. A posição do cursor ("x 12, y 7") é lida quando ele para de se mover, depois "Caneta abaixada",
"Caneta levantada" ou "Aplicado em..." para um único toque, e "borda" quando o cursor não pode ir mais longe.

## Teclado nos painéis

**Abas de sprite.** As abas acima da tela são uma parada para `Tab`:

- `Left`, `Right`, `Home` e `End` alternam entre sprites;
- `Alt+Left` e `Alt+Right` movem a aba ao longo da fileira (e dizem para onde ela foi);
- `F2` renomeia o sprite, e `Del` o fecha;
- `Enter` em um sprite cuja cópia na nuvem mudou permite escolher qual cópia manter.

**A paleta** também é uma parada para `Tab`, na amostra selecionada:

- as setas, `Home` e `End` alternam entre amostras, e `Shift` com uma seta
  seleciona um intervalo (para ordenar, por exemplo);
- `Enter` ou `Space` faz da amostra a cor de primeiro plano, e `Shift+Enter` a
  cor de fundo;
- `Alt` com uma seta move a amostra na paleta;
- `F2` edita a cor da amostra, e `Del` a remove.

A nova cor de primeiro plano ou de fundo, e o novo lugar de uma amostra, são lidos em voz alta pelos leitores de tela.
Veja [Cor e paletas](https://pxstud.io/pt-br/docs/manual/guides/color.md).

**A linha do tempo.** Os cels formam uma grade com uma única parada de `Tab`, o cel ativo:

- as setas vão para o próximo cel (e tornam ativos a camada e o quadro dele);
- `Shift` com uma seta amplia a seleção de cels, e `Esc` a limpa;
- `Alt+Left` e `Alt+Right` movem o quadro do cel (ou os quadros selecionados) uma posição e
  dizem para onde foram;
- `Alt+Shift` com uma seta empurra os cels selecionados;
- a tecla Menu abre o menu de clique com o botão direito do cel.

Em um número de quadro, `Alt+Left` e `Alt+Right` também movem esse quadro. No nome de uma camada,
`F2` a renomeia. Em uma tag, `Enter` ou `Space` faz dela a tag que é reproduzida, e `Alt+Left` e
`Alt+Right` a movem um quadro (suas pontas usam `Left` e `Right` para redimensioná-la). Veja
[Animação e a linha do tempo](https://pxstud.io/pt-br/docs/manual/guides/animation.md).

## Notificações

As mensagens aparecem no canto inferior esquerdo e são lidas em voz alta pelos leitores de tela. Erros e mensagens
com um botão ficam até você fechá-los. As outras mensagens ficam por pelo menos 8 segundos, mais tempo quanto
mais houver para ler (até 20 segundos), e esperam enquanto o ponteiro ou o foco está sobre elas, ou
enquanto a aba do navegador está em segundo plano. No máximo cinco aparecem ao mesmo tempo.

## Telas sensíveis ao toque

- **Desenho:** um dedo (ou uma caneta) desenha com a ferramenta ativa. A pressão de uma caneta define o tamanho
  do pincel desde o início (só a da caneta: um dedo desenha no tamanho total). Ela também pode controlar o
  tamanho e o ângulo do pincel e um degradê de cor (**Dinâmica** nas opções da ferramenta; veja
  [Ferramentas](https://pxstud.io/pt-br/docs/manual/reference/tools.md#brush-and-ink-options)). A ponta de borracha de uma caneta apaga: o editor
  troca para a Borracha enquanto você a usa e volta depois.
- **Desenhar só com a caneta:** na primeira vez que você desenha com uma caneta em uma tela sensível ao toque, o editor
  pergunta se deve desenhar só com a caneta. Escolha **Só caneta** (ou desative **Configurações > Desenhar com
  o dedo** depois) e um dedo move a tela em vez de desenhar, para que uma mão apoiada na
  tela não deixe marcas. O gesto de pinça e os toques com dois e três dedos funcionam igual nos dois casos.
- **Zoom e movimento:** coloque dois dedos na tela e faça o gesto de pinça para dar zoom, ou mova-os juntos para mover a visão.
  Um único dedo espera um instante antes de desenhar, então começar uma pinça nunca deixa uma marca. Com a
  Mão, um segundo dedo transforma o movimento em uma pinça. Outros dedos e a palma da mão são ignorados
  enquanto um traço está em andamento.
- **Desfazer e refazer:** toque a tela com dois dedos para desfazer, ou com três dedos para refazer. Toque
  rápido e mantenha os dedos parados; um toque que move um pouco a visão a coloca de volta.
- **Cores:** toque em uma amostra da paleta para a cor de primeiro plano. Para a cor de fundo, toque nela e depois
  no botão de fundo da paleta (não há clique com o botão direito em uma tela sensível ao toque).
- **A linha do tempo** rola com o dedo. Um toque seleciona um cel ou quadro. Mantenha pressionado por meio
  segundo e arraste para selecionar um intervalo; mantenha pressionado e solte sem mover para abrir o
  menu de clique com o botão direito.
- **Painéis:** mantenha um painel pressionado por um instante antes de arrastá-lo. Em um celular ou uma janela pequena,
  o editor muda para um layout compacto, em que os painéis abrem como folhas sobre a tela; veja
  [Telas pequenas e celulares](https://pxstud.io/pt-br/docs/manual/guides/workspace.md#small-screens-and-phones).

## A exibição de teclas

Exibir > Mostrar teclas pressionadas mostra na tela as teclas que você pressiona, o que ajuda ao gravar um tutorial
ou dar uma aula. Configurações > Teclas pressionadas... escolhe se ela aparece e em qual canto da
janela ou da tela ela fica.

## Limites conhecidos

- A tela não tem equivalente de teclado para o clique com o botão direito, então o desenho pelo teclado sempre usa a
  cor de primeiro plano.