2012-01-21 3 views
6

Я работаю над приложением, которому нужно много элементов TabBar (6 или 7). Я не думаю, что пользователям нравится нажимать кнопку «Дополнительно» на TabBars, поэтому мне интересно, как сделать свой собственный TabBar, который слайд слева направо, так что вы можете легко получить доступ ко всем кнопкам на вкладке, не нажимая «More «.Как я могу сделать прокручиваемую TabBar ...?

Спасибо!

ответ

6

Я согласен с другим ответом, что это плохая идея с точки зрения дизайна.

Тем не менее, технический ответ заключается в том, что вы можете просто вставить UITabBar в UIScrollView. Если вы установите ширину полосы вкладок и вид прокрутки contentSize соответственно, панель вкладок будет прокручиваться. Вероятно, вы захотите отключить индикаторы отскакивания и прокрутки.

Я не пробовал это с помощью UITarBarController.

+0

Я попробую. Спасибо – Jameel

+0

Возможно ли, чтобы поведение прокрутки панели вкладок было круговым? Как первый элемент должен появиться последним при прокрутке и так далее? –

2

Это противоречит каждому руководству по проектированию, когда-либо написанному для iOS.

(я знаю, что подарки План прошивки имеет прокручивать панель вкладок, но она никогда не скрывает детали от пользователя.)

+0

Я согласен. вы серьезно должны рассмотреть другой дизайн приложения или даже 2 или 3 разных приложения, если вы serioulsy нужно 7 вкладок – JeanLuc

+0

Я согласен с вами. Я рассмотрю дизайн. И при необходимости используйте кнопку «больше». спасибо всем – Jameel

+0

Ребята, я действительно не могу найти ни одного пункта в Руководстве по iOS, в котором говорится, что прокручиваемый TabBar не будет отменен. Не могли бы вы, ребята, разобраться в этом? Например, Facebook использует именно эту функцию на странице компании/исполнителя/поиска. Руководства iOS здесь: https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/ – Alesqui

3

Помимо соображений о UX и руководящих принципах интерфейса, таким образом, вы можете реализовать такую ​​вещь реализует панель вкладок с нуля. Вы даже можете найти tutorial here для iOS5.

На самом деле реализация панели вкладок и контроллера панели вкладок не является сложной задачей, поскольку это может показаться на первый взгляд, но, учитывая прилагаемые усилия, вы также можете спросить, какая ценность такого дизайна добавляет к вашему приложению и к Пользовательский опыт.

В любом случае, если вы решите пойти по этому пути (прокручиваемая панель вкладок), я бы предложил сделать так, чтобы пользователь не мог ошибаться, думая, что это стандартная панель вкладок.

+0

Вам не нужно реализовывать его с нуля. Я тестировал установку 'UITabBar' в' UIScrollView', и он работал нормально. –

+0

@rob mayoff: спасибо, я этого не знал ... с другой стороны, скажем, вы хотите отличить прокручиваемую панель вкладок от «нормального», тогда в этом случае повторная реализация может быть способом , – sergio

4

Мнения по этому вопросу, является ли это хорошая идея или нет в стороне

Простая карусель должна быть достаточно просто реализовать с нуля, используя UIScrollView с UIButton подвидов. который предоставит вам всю механику прокрутки

Как образец идеи.

  • UISCrollView, который охватывает ширину устройства.
  • N кнопок на панели содержимого прокрутки
  • Ограничить скроллер горизонтальной прокруткой.
  • Обеспечивает выбран и невыбранные изображения для кнопок
  • Создания кода клея для обеспечения только выбрана одна кнопки в то время (например, кнопки радио)

Но я согласен с другими плакатами, что его плохим Идея UI. Для этого нужно думать UIToolbar.

2

Хау сделать это было принято,

MOBILE Design Patterns не отлита в бетоне - это о том, что подходит для вашего приложения. Раньше считалось, что веб-страницы прокручиваются вертикально, а сторонняя прокрутка была нахмурилась.

Но планшет был игровым чейнджером - люди ОЖИДАЮТ, чтобы пронестись из стороны в сторону.

Комментарий на одном случае при прокрутке вид вкладки на самом деле весьма уместно ..

(а) Посмотрите на xFeed в App Store Это 10+ темы, как Новости спорта ..., легко перейти к теме и нажмите кнопку, чтобы перейти к RSS-каналам. Это действительно удобно для пользователя, и, на мой взгляд, подходит. Альтернативой является переход туда и обратно между каким-то меню и целевым представлением - что может быть вторым вариантом, но из быстрого просмотра обзора это хорошо.

(b) USA Today - еще один пример - даже на его основном веб-сайте есть стрелки для прокрутки тем, или вы можете щелкнуть по вкладкам наверху. По общему признанию сами вкладки не прокручиваются, но вы получаете эту идею. Весь сайт и мобильный опыт для USA Today сильно оптимизированы вокруг разметки сторон между главами.

(c) Презентации и контент-сайты также стали прокруткой.

(d) НАКОНЕЦ на точке зрения человеческого счастья! Люди ХОТЯТ СКАЗАТЬ И ИГРАТЬ со своими мобильными вещами. Не просто нажмите! Таким образом, мобильный телефон очень доволен. Еще одна вещь, чтобы красть и слайд :)

2

Вот ссылка проекта с пользовательскими прокручивать панели вкладок:

github - scrollable tab bar by BananaDev

Это бесплатно и предоставляет широкий спектр возможностей настройки позволяет полностью изменить управление ,

Смежные вопросы