Gestos e Controlos

Uma vista geral de todos os gestos de toque, ações de deslize e controlos na app – alinhada com as Human Interface Guidelines da Apple.


Princípios Fundamentais

A app segue as Human Interface Guidelines (HIG) da Apple. Quem já conhece apps iOS reconhecerá a maioria dos gestos imediatamente. Este capítulo explica os gestos mais importantes – especialmente as diferenças específicas da app.

O princípio mais importante: As ações destrutivas (eliminar) estão sempre à esquerda, as ações não destrutivas (editar) estão sempre à direita. Este é o padrão iOS e evita eliminações acidentais.


Vistas e Painéis

A app usa dois tipos de ecrãs:

Vista normal — com seta para trás na barra de navegação
Fig. 62 — Vista normal — com seta para trás na barra de navegação
Vista de painel — abre por baixo, puxador em cima
Fig. 63 — Vista de painel — abre por baixo, puxador em cima

Vista normal (navegação push): Um novo ecrã desliza pela direita. Uma seta para trás (←) aparece no canto superior esquerdo. Esta vista pertence à hierarquia de navegação.

Painel: Um painel abre por baixo. Tem um pequeno puxador (barra curta no centro superior) e sobrepõe-se à vista anterior.


Fechar um Painel

Um painel pode ser fechado de três formas:

Método Gesto
Deslizar para baixo Coloca o dedo perto do topo do painel, arrasta para baixo
Arrastar o puxador Arrasta a barra pequena do centro superior para baixo
Botão Cancelar Toca em Cancelar ou Fechar

💡 Deslizar para baixo funciona sempre – mesmo quando não há nenhum botão visível.


Vista de Lista

Vista de lista com múltiplas entradas
Fig. 64 — Vista de lista com múltiplas entradas

As listas apresentam entradas com linhas separadoras. Cada entrada pode ser tocada para a abrir ou editar. As entradas com um ícone de arrastar ≡ (três linhas à direita) podem ser reordenadas mantendo pressionado esse ícone.

Consulta as secções abaixo para ações de deslize em listas.


Toque (curto)

Toque curto em mosaico e entrada de lista
Fig. 65 — Toque curto em mosaico e entrada de lista

O gesto mais comum: um toque curto desencadeia a ação principal de um elemento.

Onde O que acontece
Mosaico do dashboard Registar evento (ação principal)
Entrada de lista Abrir configuração ou detalhe
‹+› Mais Adicionar novo elemento
Concluído / Seguinte / Guardar Confirmar ação
Cancelar / Voltar Cancelar, sem alterações

💡 Todos os botões são tocáveis em toda a sua largura total. Não precisas de apontar com precisão ao ícone ou ao texto.


Toque Longo (manter pressionado)

Toque longo: mosaico do dashboard abre histórico, entrada de lista ativa ordenação
Fig. 66 — Toque longo: mosaico do dashboard abre histórico, entrada de lista ativa ordenação

Manter pressionado ativa uma ação secundária – mas o que isso significa depende do contexto:

Onde O que acontece
Mosaico do dashboard Abrir e pesquisar o histórico de eventos
Mosaico “Avançado” no dashboard de definições Abre a vista de lista de definições avançadas
‹≡› Ícone de arrastar (3 linhas) em listas Soltar elemento para ordenação

⚠️ Nota: Manter pressionado no dashboard e nas configurações de lista significa coisas diferentes. Isto é uma limitação do sistema – o iOS só oferece um número limitado de gestos.

💡 Soltar para ordenação é confirmado por um sinal visual e háptico (vibração breve).

Dashboard:           Toque longo → histórico de eventos
                     (Ação principal: toque curto → registar evento)

Dashboard de def.:   Toque longo "Avançado" → abrir vista de lista
                     (Tocar entrada → abrir painel de definições)

Lista de definições: Toque longo ≡ → iniciar reordenação
                     (Tocar entrada → abrir configuração)

Deslize: Ações em Listas (esquerda e direita)

Deslize para a esquerda mostra botão vermelho de eliminar, deslize para a direita mostra botão azul de editar
Fig. 67 — Deslize para a esquerda mostra botão vermelho de eliminar, deslize para a direita mostra botão azul de editar

Nas listas há duas direções de deslize com funções claramente separadas:

Direção Cor Significado Exemplos
Direita para esquerda 🔴 Vermelho Destrutivo – irreversível Eliminar, remover
Esquerda para direita 🔵 Azul Não destrutivo – seguro Editar, renomear

Este padrão é o padrão iOS segundo as HIG – Ações de Deslive. A semântica das cores é imediatamente compreendida pelos utilizadores iOS: vermelho = cuidado, azul = seguro.


Eliminar com Confirmação (Deslize para a Esquerda)

Caixa de diálogo de confirmação após deslize para a esquerda num parâmetro
Fig. 68 — Caixa de diálogo de confirmação após deslize para a esquerda num parâmetro

Quando deslizas da direita para a esquerda e tocas em “Eliminar”, aparece uma caixa de diálogo de confirmação – para todos os elementos que serão removidos permanentemente:

Deslizar da direita para a esquerda
→ Tocar no botão vermelho "Eliminar"
→ Aparece caixa de diálogo de confirmação
→ Tocar novamente em "Eliminar" (ou "Cancelar")

Este processo em dois passos evita eliminações acidentais. O padrão segue as HIG – Ações Destrutivas da Apple.

⚠️ Após a confirmação a ação não é reversível – pensa sempre brevemente antes de tocar!


Editar via Deslize para a Direita

Deslize para a direita mostra botão azul de editar numa entrada de lista
Fig. 69 — Deslize para a direita mostra botão azul de editar numa entrada de lista

Quando deslizas da esquerda para a direita, aparece o botão “Editar” a azul. Esta é a forma mais rápida de abrir uma entrada diretamente da lista – sem precisar de a tocar.

💡 O deslize para a direita não está disponível em todos os lugares na app – apenas onde uma ação de edição rápida faz sentido (p.ex. parâmetros, grupos, relatórios).


Alternar Entre Dashboards

Deslizar entre dois dashboards – deslize para a esquerda no dashboard
Fig. 70 — Deslizar entre dois dashboards – deslize para a esquerda no dashboard

No próprio dashboard (não numa lista) deslizar significa algo diferente:

Gesto Onde O que acontece
Esquerda para direita Vista principal do dashboard Dashboard anterior
Direita para esquerda Vista principal do dashboard Próximo dashboard

Deslizar no dashboard é separado de deslizar em listas. Deslizar dentro de um mosaico ou entrada de lista desencadeia a ação de lista – deslizar no fundo livre do dashboard muda o dashboard.


Menu de contexto com editar, exportar e eliminar após toque longo
Fig. 71 — Menu de contexto com editar, exportar e eliminar após toque longo

Manter pressionado numa entrada de lista abre um menu de contexto com todas as ações disponíveis de relance. O menu de contexto espelha as ações de deslive:

Conteúdo do menu de contexto (exemplo: parâmetro):
  ✏️  Editar      (= deslive para a direita)
  📤  Exportar    (apenas no menu de contexto)
  🔔  Lembrete   (apenas no menu de contexto)
  ──────────────
  🗑️  Eliminar   (= deslive para a esquerda, destacado a vermelho)

💡 O menu de contexto é útil quando queres ver todas as ações sem saber se há um deslive para elas – tudo de relance, sem adivinhar.

Segundo as HIG – Menus de Contexto, as ações destrutivas nos menus de contexto são sempre a vermelho e colocadas no final da lista.


Elementos da Barra de Ferramentas e Navegação

Barra de ferramentas com seta para trás, título, símbolo importar/exportar e mais
Fig. 72 — Barra de ferramentas com seta para trás, título, símbolo importar/exportar e mais
Elemento Símbolo Significado
Navegar para trás ← (canto superior esquerdo) Voltar à página anterior
Importar/Exportar ↑↓ (canto superior direito) Importar / Exportar
Mais + (canto superior direito) Adicionar novo elemento
Reticências / Mais … (canto superior direito) Submenu com mais ações
Barra de deslocamento Barra fina (direita) Página tem mais conteúdo
Ícone de arrastar ≡ (3 linhas direita) Elemento é ordenável

Dashboard: Dois Gestos no Mesmo Mosaico

Toque curto regista evento, toque longo abre histórico – no mesmo mosaico
Fig. 73 — Toque curto regista evento, toque longo abre histórico – no mesmo mosaico

O dashboard tem duas ações diferentes para o mesmo mosaico:

Toque curto  → Registar evento (ação principal)
Toque longo  → Abrir histórico de eventos + pesquisa (ação secundária)

Este é o gesto mais importante específico da app. Permite-te tanto introduzir novos dados como consultar entradas anteriores com dois gestos simples – sem mudar de vista.


Referência Rápida: As Ações Mais Importantes

Registar evento:          Abrir dashboard → toque curto no mosaico
Abrir histórico de eventos: Dashboard → toque longo no mosaico
Corrigir evento:          Toque longo no mosaico → selecionar entrada → Editar
Eliminar entrada:         Na lista, deslizar da direita para a esquerda → Eliminar → Confirmar
Editar entrada:           Na lista, deslizar da esquerda para a direita → Editar
Menu de contexto na entrada: Toque longo na entrada de lista → escolher ação
Mudar dashboard:          Deslizar no fundo do dashboard (esquerda/direita)
Fechar painel:            Deslizar painel para baixo, ou tocar em Cancelar/Fechar