Crumbtrail как кнопки UINavigationbar

Question

Есть ли какие-либо указатели на то, как запрограммировать след крошки, например, uinavigationbar, чтобы кнопки для каждого уровня находились вместе, как контроль сегмента, но с границей и стрелкой, как кнопка возврата?

Картинка стоит тысячи слов, так что ... как в этом приложении http://itunes.apple.com/us/app/the-american-swedish-institute/id436220929?ls=1&mt=8

Таким образом,

Answer 1

Следует отметить, что Apple имеет это, чтобы сказать в Руководстве по интерфейсу пользователя iOS * :

Не создавать многосегментную кнопку возврата.

пример http://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Art/ui_navbarmultisegment.jpg

Создание многосегментной кнопки возврата (как в примере выше) вызывает несколько проблем:

• Расширенная ширина многосегментной кнопки возврата неоставьте место для заголовка текущего экрана.
• Невозможно запрограммировать такую ​​многосегментную кнопку для указания выбранного состояния отдельного сегмента.
• Чем больше сегментов, тем меньшеобласть попадания для каждого из них, что затрудняет пользователям возможность нажатия на конкретный.
• Выбор уровней для отображения при более глубоком перемещении пользователей по иерархии проблематичен.

Есливы думаете, что пользователи могут потеряться без многосегментной кнопки «назад», которая отображает тип пути крошки, это, вероятно, означает, что пользователи должны заходить слишком глубоко в информационную иерархию.найти то, что им нужно.Чтобы решить эту проблему, вы должны сгладить свою информационную иерархию.

Я упоминаю об этом, потому что если вы хотите продавать свое приложение через App Store, то Apple проверит его на соответствие этим рекомендациям.

Answer 2

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

Как только вы сможете изменить вид заголовка, вам понадобится одно изображение для кнопки HOME и одно изображение для crumb-trail.Изображение может быть загружено в UIImageView.Теперь, когда вы установите фрейм UIImageView, он изменит размер изображения.Таким образом, вы можете сохранить высоту изображения немного меньше высоты навигационной биты и ширину до некоторой умеренной ширины в зависимости от ваших данных.

Выполните этот шаг для загрузки текста в изображение.

1. Возьмите UIImageView и загрузите в него изображение, используя этот код.

   UIImageView * img = [[UIImageView alloc] initWithImage: [UIImage imageNamed: @ "Image.png"]];

2. Возьмите UILabel и установите его цвет фона на [UIColor clearColor]

3. Установите шрифт метки с помощью этого кода.

   cellText.font = [UIFont fontWithName:@"Arial-BoldMT" size:24.0f];

4. Определите ширину метки, как показано ЗДЕСЬ

5. Присвойте UIImageView такую ​​же ширину и добавьте UILable в качестве subView в UIImageView.

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

Без сомнения, общий код будет более сложным и может быть сложным, но это не невозможно.