Как построить этот экран в iOS?

Question

Я новичок в разработке IOS и пытаюсь создать что-то вроде экрана ниже:

Если бы я делал это в Android, я могу легко построить над UI в течение нескольких минут. Однако я не знаю, как это сделать с iOS.

Я понимаю, что все ViewController может быть встроено в контроллер навигации, который создает строку заголовка выше. Как насчет нижней части? Я имею в виду, используя что-то вроде сгруппированных UITableView, но я не уверен, так как каждая клетка будет иметь очень разное содержание:

1. Поиск бар, возможно, подклассы UISearchBar, который я не знаю, как настроить - требуется кнопка поиска справа, но не по умолчанию UISearchBar. Когда пользователь нажимает на него, UISearchBar должен быть переведен на панель навигации, нет необходимости отображать UITableView предлагаемых результатов. Я тоже не знаю, как это сделать.

2. Кнопка, которая, когда постукивает, летает в модальном снизу (я предполагаю, что это будет другой ViewController сгруппированным UITableView), чтобы позволить пользователю выбирать из определенных мест. После выбора модальный режим закрывается, а текст кнопки заменяется выбранным местом. Это звучит намного проще.

3. Заголовок («Категории товаров») и список категорий, который может меняться по числу. Если родитель не является сгруппированным UITableView, я думаю, что эта часть может быть UILabel и без прокрутки UITableView с высотой, которая изменяется в зависимости от того, сколько ячеек у нее есть. Если есть много ячеек таблицы, которые не соответствуют заданной высоте экрана, все, что находится под навигационной панелью, можно прокручивать по вертикали. Это я тоже не знаю, как это сделать.

Если кто-то может просто вести меня к тому, что родной IOS компоненты можно использовать для создания выше экрана, и, возможно, несколько учебных пособий для вещей, которые я только что сказал, что я не знаю, как это сделать, я Оцените это.

Answer 1

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

• Чтобы создать панель поиска, как будто я не думаю, что вам нужно подклассифицировать ее.
• Нижняя часть состоит из стола.

На самом деле эти вопросы по отдельности доступны в SO itself.So поиск отдельно для ваших потребностей, и вы можете достичь всего, что вы хотите

Один основной принцип: вы не можете ничего achive лишь на thinking.Trying и добраться до него и если у вас есть какие-либо вопросы, смотри вперед. Все проблемы будут иметь ответ на пути.

Answer 2

Много компонентов, в которых вы нуждаетесь. Панель поиска, UIPickerView и UITableView. Я хотел бы дать вам несколько указателей.

1) Вы можете обратиться http://www.appcoda.com/how-to-add-search-bar-uitableview/ для панели поиска

2) При нажатии на кнопку, вы можете вызвать UIPickerView вместо другого контроллера.Для этого вы можете обратиться http://www.techotopia.com/index.php/An_iOS_5_iPhone_UIPickerView_Example

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

Answer 3

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

Да, сгруппированный стол - хороший дизайн. Я использую представление сгруппированной таблицы для разных типов ввода. У меня есть фактическая таблица со строками, которые можно добавить и удалить, и содержать редактируемую текстовую область. Затем у меня есть три группы, которые на самом деле показывают только один фрагмент контента: два - слайдеры, а один - это переключатель.

Для выбора места, нажатие другого контроллера вида в вашем навигационном стеке было бы более типичным способом его обработки. Таким образом вы сэкономите несколько усилий, с некоторыми встроенными кнопками и поведением, но модальный контроллер просмотра не намного сложнее. Я не уверен, что вы можете сделать навигационное представление летать вертикально, но ваше приложение должно быть кадром для кадра, идентичным версии для Android?