Панель инструментов iPhone с кнопками в стиле UIActionSheet

#iphone #uibutton #toolbar #uiactionsheet

#iPhone #uibutton #панель инструментов #uiactionsheet

Вопрос:

У меня есть главное окно, содержащее UIToolBarController. На моей первой вкладке я загружаю UIViewController, где у меня есть MKMapView. Над картой я бы хотел панель инструментов, как на скриншоте ниже (в основном, вместо их UITableView у меня MKMapView …):

Приложение Clock с верхней панелью управления и кнопками в стиле UIActionSheet

Я хотел бы знать, как я могу сделать эту большую панель инструментов сверху, и хотел бы добавить только кнопку в стиле UIActionSheet («Пуск» зеленого цвета, а при нажатии переключиться на красный «Стоп»).

Спасибо!

PS: Приложение на скриншоте работает круглосуточно, если вы хотите попробовать.

Ответ №1:

Я не думаю, что это панель инструментов или таблица действий. На вашем рисунке показан UIView с двумя объектами UILabel и двумя объектами UIButton. Объекты UIButton содержат красивые файлы png в качестве фоновых изображений.
UITableView просто создан так, чтобы не занимать весь экран. В IB UITableView обычно пытается занять весь экран, но вы всегда можете изменить его размер.

Итак, если бы я собирался попытаться создать этот интерфейс в IB, я бы начал с UIViewController и добавил бы UIView (если его там еще не было). Я бы изменил размер пользовательского интерфейса, чтобы он занимал половину экрана. Затем я бы добавил UITableView и изменил его размер, чтобы он занимал другую половину экрана. Затем я бы добавил две UILabels и две UIButtons.
Я бы подключил все эти элементы к файлу моего UIViewController. Файл UIViewController должен иметь 1 @property, который был UIView, 1 @property, который был UITableView, 2 @properties, которые были UILabels, и 2 @properties, которые были UIButtons.

Комментарии:

1. Вот почему я подумал, потому что я не могу найти ничего для создания кнопки такого типа без использования изображения, которое является копией кнопки UIActionSheet. Тогда я знаю, что мы можем изменить высоту панели UIToolbar, изменив рамку, но на самом деле это тоже не очень хороший эффект. Думаю, тогда мне придется искать пользовательские изображения. Если у кого-то есть другое объяснение, я тоже его принимаю (любопытство). В любом случае, спасибо @Walter

2. Существует ряд шаблонов PSD (photoshop) с кнопками, похожими на таблицу действий, которые вы можете использовать. Поиск в Google многое даст вам. Также ознакомьтесь с проектами «ButtonMaker» на github для некоторых приложений, которые вы можете запустить в симуляторе для создания кнопок. Просто всегда не забывайте устанавливать необычную графику в качестве фонового изображения ваших кнопок, чтобы вы могли использовать текстовые надписи. Если вы установите кнопку в качестве основного изображения, вам придется включить текст в свое изображение.