Как разработать этот дизайн?

Question

Я varely с iOS, и единственная проблема, с которой я сталкиваюсь, превращает мои проекты в настоящие экраны. Я думаю, что это единственная сложная часть iOS, чтобы быть честной. Я сделал этот проект, и я хотел бы получить несколько советов о том, как превратить этот экран дизайна в фактически работающий ViewController. Я не уверен, с чего начать ..

Может ли кто-нибудь сказать мне лучший подход для выполнения этого дизайна в коде? Я думал о создании Grouped Tableview с двумя разделами. Один для подробной информации и один для обзоров.

Каждый обзор будет состоять из одной ячейки в разделе обзора .. и каждая ячейка в секции подробной информации будет одной строкой. Но как я могу установить пользовательский фон из ячеек. Так что белый с тенями и сделать их автоматически изменить размер при изменении контента?

Мой дизайн экрана:

Answer 1

Сверху вниз:

UITabbarController
UINavigationController
UITableViewController (сгруппированных таблица)
Пользовательские клетки (UITableViewCell) с
UIImageView, UILabel, UITextField, UITextView

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

Answer 2

вы можете использовать сгруппированных UITableView + различные Custum клетки или UIScrollView + добавление подвидов

Answer 3

Я думаю, вы должны принять подробную информацию в заголовке UITableView и сделать таблицу по умолчанию с другой ячейкой, в которой вы можете показать обзор по дизайну. В заголовке таблицы вы можете взять UILabel, UIImageView и т. Д. С фоновым изображением в соответствии с дизайном. Я думаю, что это лучший вариант для реализации. У меня также есть та же страница, что и у меня, и я принимаю то же самое, что и описано выше. Верните меня, если есть какая-либо проблема. Удачи !!

Answer 4

Вы можете использовать UITableView с сгруппированными ячейками. У вас может быть 2 раздела, первая из которых будет верхней частью экрана, с 4 строками, а вторая - частью обзора.

Вы можете настроить высоту ячейки с помощью метода делегата:

– (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 

В каждой пользовательской ячейке, необходимо добавить подвид, который содержит все элементы, которые вы хотите.

Answer 5

Для создания пользовательской панели вкладок можно использовать следующий код.

https://www.cocoacontrols.com/controls/center-button-in-tab-bar

и высота TableView клеток можно регулировать по методу делегата

– (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 

Answer 6

Я бы с UITableView с двумя секциями. Чтобы решить проблему, связанную с фоновую ячейку, я бы пошел с изменяемыми размерами изображениями. Вы можете определить отдельный метод для возврата правильного изображения на основе индекса вашей ячейки. Как уже упоминалось в предыдущем ответе, вы можете отрегулировать высоту, используя метод делегата правой таблицы.

Answer 7

Я разработал аналогичную страницу, используя индивидуальный UINavigationBar для верхней панели и настраиваемый UIToolBar для нижней панели.

Следующая ссылка помогла мне в настройке navigationBar. http://www.raywenderlich.com/4344/user-interface-customization-in-ios-5

Следующая панель инструментов похожа на ту, что вы опубликовали. http://www.mobilebricks.com/ios/altoolbar

Для отображения других данных можно использовать Grouped TableView.