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:

(Screenshot: gesten-10-normaler-view)

(Screenshot: gesten-11-sheet)

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

(Screenshot: gesten-12-listenansicht)

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)

(Screenshot: gesten-01-tippen)

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)

(Screenshot: gesten-02-lang-tippen)

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)

(Screenshot: gesten-03-wischen-liste)

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)

(Screenshot: gesten-04-loeschen-bestaetigung)

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

(Screenshot: gesten-05-bearbeiten-swipe)

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

(Screenshot: gesten-06-dashboard-navigation)

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.


(Screenshot: gesten-07-kontextmenue)

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

(Screenshot: gesten-08-bedienelemente)

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

(Screenshot: gesten-09-dashboard-doppelgeste)

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