2013-08-28 2 views
1

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

enter image description here enter image description here

+0

«Они» этого не делают. Вы можете использовать фоновое изображение для размещения за двумя отдельными 'UITextFields' или использовать' UITableView' с 'UITableViewStyleGrouped'. – Fogmeister

+0

@Fogmeister Итак, это таблица с двумя редактируемыми рядами? – Schultz9999

+0

Magic. Это всегда волшебство. – Kevin

ответ

2

Разработчики использовали UITableView, который группируется. Вот предыдущий вопрос, который имел answer.... Надеюсь это поможет!

+0

А! Это верно. Мой вопрос - это дубликат этого. – Schultz9999

+0

Да, я тоже использовал этот метод. Трудно настроить, но работает так же хорошо :) – Fogmeister

+0

Возможно, вы не хотите, чтобы ваш экран входа в систему был табличным (поскольку форма входа не является табличным). Я бы предположил, что Amazon's не является настольным видом из внешнего вида. –

2

В этом случае лучше всего использовать два текстовых поля без стиля рамки. За двумя текстовыми полями у вас есть UIImageView с вашим пользовательским изображением текстовых полей. Это позволяет иметь любой вид дизайна для вашего текстового

примера ящика входа я использую:

textfield background

Просто наложения ваших текстовых полей, установить заполнители для светло-серого цвета, и вы «хорошо идти

Update: предыдущий метод предполагает, что ваш этап проектирования предшествует стадии разработки, поэтому вы проектируете свои активы один раз, и вы хорошо идти. Если вы ищете способ, чтобы играть с изменением размерами, вы можете определить растяжение изображения для внешней границы, soemthing как:

UIEdgeInsets insets = UIEdgeInsetsMake(10,10,10,10); 
image = [image resizableImageWithCapInsets:insets]; 

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

+0

Это я бы рекомендовал. Легче управлять и настраивать. – Fogmeister

+0

Как я уже говорил выше, с изображениями приходится иметь дело с изменением размера и сетчаткой, что делает его немного беспорядочным. – Schultz9999

+0

грязный ?! справиться с сетчаткой ?! мммм ...интеграция активов и работа с сетчаткой - это в значительной степени повседневная работа разработчика iOS :-) Если вы хотите индивидуальный внешний вид, вам придется иметь дело с изображениями, и если вы будете заниматься образами, вам придется иметь дело с сетчаткой, там ничего грязного. Не уверен, что бы вы предпочли сделать, вы можете закодировать рисунок, если у вас аллергия на изображения, но я не вижу, что это «лучшее» решение. –

Смежные вопросы