Estoy trabajando en una aplicación que necesita muchos elementos TabBar (6 o 7). No creo que a los usuarios les guste hacer clic en el botón "Más" en TabBars, así que me pregunto cómo hacer mi propia TabBar que se desliza de izquierda a derecha, para que pueda acceder fácilmente a todos los botones en la barra de pestañas sin presionar "Más "¿Cómo puedo hacer un TabBar desplazable ...?
Gracias!
Estoy de acuerdo con la otra respuesta que es una mala idea desde el punto de vista del diseño.
Sin embargo, la respuesta técnica es que simplemente puede incrustar un UITabBar en un UIScrollView. Si establece el ancho de la barra de pestañas y la vista de desplazamiento contentSize de forma adecuada, la barra de pestañas se desplazará. Es probable que desee desactivar el rebote y los indicadores de desplazamiento.
No lo intenté con un UITarBarController.
Eso va en contra de todas las pautas de diseño jamás escritas para iOS.
(sé que el Plan de regalos para iOS tiene un desplazamiento barra de pestañas, pero nunca se esconde artículos por parte del usuario.)
estoy de acuerdo. usted debe considerar seriamente un diseño de aplicación diferente o incluso 2 o 3 aplicaciones diferentes, si usted necesita serioulsy 7 pestañas – JeanLuc
Estoy de acuerdo con usted. Voy a revisar el diseño. Y use un botón "más" si es necesario. gracias a todos – Jameel
Chicos, realmente no puedo encontrar ningún punto en las Directrices de iOS que dice que un TabBar desplazable no sería recomendado. ¿Podrían ustedes por favor dar más detalles sobre esto? Facebook, por ejemplo, usa exactamente esta característica en una compañía/artista/página de búsqueda. Las Pautas de iOS aquí: https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/ – Alesqui
Aparte de las consideraciones sobre UX y las directrices de interfaz de usuario, de manera que pueda poner en práctica tal cosa está implementando una barra de pestañas desde cero. Incluso puede encontrar un tutorial here para iOS5.
En realidad, la implementación de una barra de pestañas y un controlador de barra de pestañas no es difícil ya que puede parecer a primera vista, pero dado el esfuerzo involucrado, también podría preguntar qué valor agrega este tipo de diseño a su aplicación y al experiencia de usuario.
En cualquier caso, si decide ir por esta ruta (una barra de pestañas desplazable), sugeriría que el usuario no se equivoque al pensar que es una barra de pestañas estándar.
No tiene que implementarlo desde cero. Probé poniendo 'UITabBar' en' UIScrollView' y funcionó bien. –
@rob mayoff: gracias, no lo sé ... por otro lado, supongamos que quiere diferenciar la barra de pestañas desplazable de la barra "normal", entonces, en este caso, volver a implementarla podría ser el camino a seguir . – sergio
opiniones sobre si esto es una buena idea o no a un lado
Un carrusel sencilla debería ser bastante fácil de implementar desde el principio con un UIScrollView con subvistas UIButton. que proporcionará todos los mecanismos de desplazamiento para usted
Como una idea de muestra.
pero estoy de acuerdo con los otros críticos que es un mal UI idea. Id estar pensando UIToolbar para esto.
El cómo hacerlo ha sido aceptada,
patrones de diseño móvil no se echan en concreto - se trata de lo que es apropiado para su aplicación. Solía ser que las páginas web se desplazaban verticalmente y que el desplazamiento lateral no estaba bien visto.
Pero la tableta ha sido un elemento de cambio - la gente espera de pasar el dedo de lado a lado.
Un comentario sobre uno de los casos cuando se desplaza ficha de vista es en realidad muy apropiado ..
(a) Mira xFeed en la App Store Esto tiene 10+ temas como deportes de las noticias ..., fácil de desplazarse al Tema y haga clic en lo lleva a los canales RSS debajo de él. Esto es realmente conveniente para el usuario, y en mi opinión es apropiado. La alternativa es ir y venir entre un menú de algún tipo y la vista de destino - que podría ser una segunda opción, pero a partir de una experiencia de exploración rápida que esto es bueno.
(b) USA Today es otro ejemplo, incluso en su sitio web principal, tiene las flechas <> para desplazarse entre los temas o puede hacer clic en las pestañas en la parte superior. Es cierto que las pestañas en sí no se desplazan, pero se entiende la idea. Todo el sitio y la experiencia móvil de USA Today están muy optimizados en cuanto a deslizamiento lateral entre capítulos.
(c) Las presentaciones y sitios de contenido han llegado a ser de desplazamiento lateral también.
(d) por último en un punto de vista de la felicidad humana! La gente QUIERE TOCAR y JUGAR con sus dispositivos móviles. ¡No solo toque! Así que el toque móvil es bastante feliz aquí. Una cosa más que deslizar y se deslizan :)
Aquí hay un enlace del proyecto con la barra de pestañas a medida desplazable:
github - scrollable tab bar by BananaDev
Es gratis y ofrece una amplia variedad de opciones de personalización que le permite cambiar totalmente el control .
Voy a intentar eso. Gracias – Jameel
¿Es posible hacer que el comportamiento de desplazamiento de la barra de pestañas sea circular? ¿Al igual que el primer elemento debería venir al último mientras se desplaza y así sucesivamente? –