Sto lavorando a un'app che richiede molti elementi TabBar (6 o 7). Non credo che gli utenti vogliano cliccare sul pulsante "Altro" su TabBars, quindi mi chiedo come creare il mio TabBar che scorre da sinistra a destra, in modo che si possa accedere facilmente a tutti i pulsanti della barra delle linguette senza premere "Altro ".Come posso creare un TabBar scorrevole ...?
Grazie!
Sono d'accordo con l'altra risposta che è una cattiva idea dal punto di vista del design.
Tuttavia, la risposta tecnica è che è possibile incorporare semplicemente un UITabBar in un UIScrollView. Se si imposta la larghezza della barra delle schede e la vista di scorrimento contentSize in modo appropriato, la barra delle schede sarà scorrevole. Probabilmente vorrai disattivare gli indicatori di rimbalzo e scorrimento.
Non l'ho provato con un UITarBarController.
Questo è contro tutte le linee guida progettuali mai scritte per iOS.
(so che piano regalo per iOS ha una barra delle schede scorrevole, ma non è mai nasconde elementi da parte dell'utente.)
sono d'accordo. dovresti seriamente prendere in considerazione una diversa progettazione di app o anche 2 o 3 app diverse, se hai bisogno di 7 schede seriamente – JeanLuc
sono d'accordo con te. Rivedrò il design. E usa un pulsante "altro" se necessario. grazie a tutti i – Jameel
Ragazzi, non riesco davvero a trovare alcun punto sulle linee guida iOS secondo cui una TabBar scrollabile non sarebbe raccomandata. Per favore, ragazzi, potete approfondire questo argomento? Facebook, ad esempio, utilizza esattamente questa funzione su una società/artista/pagina di ricerca. Le linee guida iOS qui: https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/ – Alesqui
A parte le considerazioni circa UX e le linee guida dell'interfaccia utente, un modo è possibile implementare tale cosa sta attuando una barra delle linguette da zero. È anche possibile trovare un tutorial here per iOS5.
In realtà, l'implementazione di una barra delle linguette e di un controller della barra delle schede non è difficile in quanto potrebbe sembrare a prima vista, ma visto lo sforzo richiesto, è anche possibile chiedere quale valore questo tipo di design aggiunge alla tua app e al esperienza utente.
In ogni caso, se si decide di utilizzare questo percorso (una barra delle schede scorrevole), suggerirei di renderlo tale che l'utente non possa essere fuorviato nel pensare che si tratti di una barra delle schede standard.
Non è necessario implementarlo da zero. Ho provato a mettere un 'UITabBar' in un' UIScrollView' e ha funzionato bene. –
@rob mayoff: grazie, non lo sapevo ... d'altra parte, diciamo che vuoi differenziare la barra delle schede scorrevole da quella "normale", quindi in questo caso la re-implementazione potrebbe essere la strada da percorrere . – sergio
Opinionisu se questa è una buona idea o no parte
Un semplice giostra dovrebbe essere abbastanza semplice da implementare da zero utilizzando un UIScrollView con subviews UIButton. che fornirà tutte le meccaniche di scroll per voi
Come idea di esempio.
ma sono d'accordo con gli altri manifesti che la sua un cattivo Idea di interfaccia utente Mi starò pensando UIToolbar per questo.
La COME farlo è stata accettata,
MODELLI mobile di disegno non sono espressi in concreto - si tratta di ciò che è appropriato per la vostra applicazione. Un tempo le pagine web scorrono verticalmente e lo scorrimento laterale era disapprovato.
Ma il tablet è stato un punto di svolta: le persone si aspettano di scorrere da un lato all'altro.
Un commento su un caso in cui lo scorrimento vista scheda è in realtà altamente appropriata ..
(a) Guarda xFeed in App Store Questo ha 10+ argomenti come notizie di sport ..., facili da scorrere fino a tema e clicca per accedere ai feed RSS sotto di esso. Questo è veramente conveniente per l'utente, e secondo me appropriato. L'alternativa è di andare avanti e indietro tra un menu di qualche tipo e la vista di destinazione - che potrebbe essere una seconda opzione, ma da una rapida esperienza di navigazione questo è buono.
(b) USA Today è un altro esempio: anche sul suo sito Web principale, ha le frecce <> per scorrere tra gli argomenti oppure è possibile fare clic sulle schede in alto. Certo, le schede stesse non scorrono, ma si ottiene l'idea. L'intero sito e l'esperienza mobile per USA Today sono fortemente ottimizzati per lo swipe laterale tra i capitoli.
(c) Anche le presentazioni e i siti di contenuto hanno subito uno scorrimento laterale.
(d) INFINE su un punto di vista Umano Felicità! Le persone VOGLIONO TOCCARE e GIOCARE con le loro cose mobili. Non solo toccare! Quindi il tocco mobile è abbastanza felice qui. Una cosa da strisciare e scivolare :)
Ecco un link di progetto con barra delle schede scorrimento personalizzato:
github - scrollable tab bar by BananaDev
È gratuito e offre una vasta gamma di opzioni di personalizzazione che consente di modificare completamente il controllo .
Ci proverò. Grazie – Jameel
È possibile rendere circolare il comportamento di scorrimento della barra delle schede? Come il primo elemento dovrebbe arrivare all'ultimo mentre si scorre e così via? –