Geste i upravljanje

Pregled svih dodirnih gesti, poteza povlačenja i kontrola u aplikaciji – usklađenih s Appleovim Human Interface Guidelines.

Temeljna načela

Aplikacija slijedi Appleove Human Interface Guidelines (HIG). Svatko tko je upoznat s iOS aplikacijama odmah će prepoznati većinu gesti. Ovo poglavlje objašnjava najvažnije geste – posebno razlike specifične za ovu aplikaciju.

Najvažnije načelo: Destruktivne radnje (brisanje) uvijek su lijevo, nedestruktivne radnje (uređivanje) uvijek su desno. Ovo je standard iOS-a i sprječava slučajno brisanje.

Prikazi i sheetovi

Aplikacija koristi dvije vrste zaslona:

Regularni prikaz (navigacijski push): novi zaslon uklizi s desne strane. Strelica natrag (←) pojavljuje se gore lijevo. Ovaj prikaz pripada navigacijskoj hijerarhiji.

Sheet: sheet se otvara odozdo. Ima malu ručku u obliku tablete (kratka traka na vrhu sredine) i prekriva prethodni prikaz.

Zatvaranje sheeta

Sheet se može zatvoriti na tri načina:

💡 Povlačenje prema dolje uvijek funkcionira – čak i kad gumb nije vidljiv.

Prikaz popisa

Popisi prikazuju unose s razdjelnim linijama. Svaki unos moguće je dodirnuti za otvaranje ili uređivanje. Unosi s ≡ ikonom za povlačenje (tri crte desno) mogu se preurediti dugim pritiskom na tu ikonu.

Pogledaj odjeljke ispod za poteze povlačenja u popisima.

Dodir (kratki)

Najčešća gesta: kratki dodir pokreće glavnu radnju elementa.

Gdje	Što se događa
Pločica na nadzornoj ploči	Bilježenje događaja (glavna radnja)
Unos popisa	Otvaranje konfiguracije ili detalja
Plus	Dodavanje novog elementa
Gotovo / Dalje / Spremi	Potvrda radnje
Odustani / Natrag	Otkazivanje, bez promjene

💡 Svi gumbi su dodirljivi po cijeloj širini. Ne moraš precizno ciljati ikonu ili tekst.

Dugi pritisak (drži)

Dugi pritisak aktivira sekundarnu radnju – no što to znači ovisi o kontekstu:

Gdje	Što se događa
Pločica na nadzornoj ploči	Otvaranje i pretraživanje povijesti događaja
Pločica “Napredno” na nadzornoj ploči postavki	Otvara popis naprednih postavki
Ikona za povlačenje (3 crte) u popisima	Otpuštanje elementa za sortiranje

⚠️ Napomena: Dugi pritisak na nadzornoj ploči i u konfiguracijama popisa znači različite stvari. Ovo je ograničenje na razini sustava – iOS nudi ograničen broj gesti.

💡 Otpuštanje za sortiranje potvrđuje se vizualnim i haptičkim signalom (kratka vibracija).

Nadzorna ploča:        Dugi pritisak → povijest događaja
                       (Glavna radnja: kratki dodir → bilježenje događaja)

Nadzorna ploča postavki: Dugi pritisak "Napredno" → otvara popis
                         (Dodir unosa → otvara sheet postavki)

Popis postavki:        Dugi pritisak ≡ → počinje preuređivanje
                       (Dodir unosa → otvara konfiguraciju)

Povlačenje: radnje u popisu (lijevo i desno)

U popisima postoje dva smjera povlačenja s jasno odvojenim ulogama:

Ovaj obrazac je standard iOS-a prema HIG – Swipe Actions. Semantiku boja korisnici iOS-a odmah razumiju: crveno = oprez, plavo = sigurno.

Brisanje uz potvrdu (povlačenje ulijevo)

Kad povučeš zdesna nalijevo i dodirneš “Izbriši”, pojavljuje se dijalog potvrde – za sve elemente koji će biti trajno uklonjeni:

Povuci zdesna nalijevo
→ Dodirni crveni gumb "Izbriši"
→ Pojavljuje se dijalog potvrde
→ Dodirni "Izbriši" ponovno (ili "Odustani")

Ovaj dvostupanjski proces sprječava slučajno brisanje. Obrazac slijedi Appleov HIG – Destructive Actions.

⚠️ Nakon potvrde radnja nije povratna – uvijek kratko razmisli prije dodira!

Uređivanje povlačenjem udesno

Kad povučeš slijeva nadesno, pojavljuje se plavi gumb “Uredi”. Ovo je najbrži način za izravno otvaranje unosa iz popisa – bez potrebe za dodirom.

💡 Povlačenje udesno nije dostupno posvuda u aplikaciji – samo tamo gdje brza radnja uređivanja ima smisla (npr. parametri, skupine, izvještaji).

Prebacivanje između nadzornih ploča

Na samoj nadzornoj ploči (ne u popisu) povlačenje znači nešto drugo:

Povlačenje na nadzornoj ploči odvojeno je od povlačenja u popisu. Povlačenje unutar pločice ili unosa popisa pokreće radnju popisa – povlačenje po slobodnoj pozadini nadzorne ploče mijenja nadzornu ploču.

Kontekstni izbornik (dugi pritisak na unos popisa)

Dugi pritisak na unos popisa otvara kontekstni izbornik sa svim dostupnim radnjama na jednom mjestu. Kontekstni izbornik odražava poteze povlačenja:

Sadržaj kontekstnog izbornika (primjer: parametar):
  ✏️  Uredi     (= povlačenje udesno)
  📤  Izvoz     (samo kontekstni izbornik)
  🔔  Podsjetnik (samo kontekstni izbornik)
  ──────────────
  🗑️  Izbriši   (= povlačenje ulijevo, istaknuto crveno)

💡 Kontekstni izbornik koristan je kad želiš vidjeti sve radnje bez da znaš postoji li za njih povlačenje – sve na jednom mjestu, bez nagađanja.

Prema HIG – Context Menus, destruktivne radnje u kontekstnim izbornicima uvijek su crvene i smještene na kraju popisa.

Elementi alatne trake i navigacija

Nadzorna ploča: dvije geste na jednoj pločici

Nadzorna ploča ima dvije različite radnje za istu pločicu:

Kratki dodir  → Bilježenje događaja (glavna radnja)
Dugi pritisak → Otvaranje povijesti događaja + pretraživanje (sekundarna radnja)

Ovo je najvažnija gesta specifična za aplikaciju. Omogućuje ti da dvjema jednostavnim gestama unosiš nove podatke i pretražuješ prethodne unose – bez prebacivanja prikaza.

Brzi pregled: najvažnije radnje

Bilježenje događaja:        Otvori nadzornu ploču → kratki dodir pločice
Otvaranje povijesti:        Nadzorna ploča → dugi pritisak pločice
Ispravljanje događaja:      Dugi pritisak pločice → odaberi unos → Uredi
Brisanje unosa:              U popisu, povuci zdesna nalijevo → Izbriši → Potvrdi
Uređivanje unosa:            U popisu, povuci slijeva nadesno → Uredi
Kontekstni izbornik unosa:   Dugi pritisak na unos popisa → odaberi radnju
Prebacivanje nadzorne ploče: Povuci po pozadini nadzorne ploče (lijevo/desno)
Zatvaranje sheeta:           Povuci sheet prema dolje ili dodirni Odustani/Zatvori