Какой самый простой способ создать этот интерфейс?

Question

Как субъект спрашивает, как проще всего получить приведенную ниже форму ввода?

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

Я искал в Интернете несколько фреймворков, но их недостаточно. Я попробовал ELCTextField. Я пытаюсь использовать IBAForms, который выглядит действительно хорошо, но пример кода настолько запутанный, что я понятия не имею, как его использовать. Если у вас есть пример кода, пожалуйста, поделитесь им, и я буду признателен. Я также пробую RoundedUITableView и не могу заставить это работать.

Ссылки на фреймворки: 1. ELCTextField: http://www.cocoacontrols.com/platforms/ios/controls/elctextfieldcell 2. IBAФормы: http://www.cocoacontrols.com/platforms/ios/controls/ibaforms 3. RoundedUITableView: https://github.com/beetlebugorg/RoundedUITableView

PS: когда я пытаюсь объединить RoundedUITableVIew с ELCTextField, все ломается. Это душераздирающе ...

Answer 1

Я бы предложил UITableView в сгруппированном (UITableViewStyleGrouped) стиле с UITextField, добавленным в ячейки таблицы.Вы можете использовать свойство placeholder UITextField, чтобы получить серое текстовое значение по умолчанию в поле.

Answer 2

Вы можете сделать это с двумя UITextField установленными в контейнере UIView объектом. Вам нужно будет установить borderColor, borderWidth и cornerRadius. Я создал sample code, иллюстрирующий это.

По сути, мы будем размещать два текстовых поля, смежные вертикально внутри представления контейнера. Мы установим для свойства контейнера clipsToBounds значение YES. Мы назначим границы всем трем объектам и добавим угловой радиус к представлению контейнера, чтобы получить эффект в виде сгруппированного представления таблицы.

Мы также добавим rightView и leftView свойства двух UITextField объектов, чтобы получить эффект заполнения.

Answer 3

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