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 (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
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)
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 |
| 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)
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 |
| 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)
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)
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
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
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 (Toque Longo numa Entrada de Lista)
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
| 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
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