Визуализация текстового поля

Question

Я пытаюсь создать действительно простой NSTextField с помощью Interface Builder (XCode 4), но рендеринг действительно странный со значениями по умолчанию:

Единственная настройка, которую я изменил, это стиль рамки:

Мой вопрос:

Как отобразить аккуратное текстовое поле «в квадрате, но с закругленными углами», как в Safari:

Как убрать то «переполнение: скрытое» (извините за описание CSS), которое срезает фокус? <Исправлена ​​ошибка Interface Builder. </p>

Должен ли я создать свой собственный компонент на основе изображений?

Спасибо!

Answer 1

Я думаю, что нашел точно то, что вы ищете. Вот как это выглядит:

Это называется SSTextField . Скачать подкласс здесь: http://cocoatricks.com/2010/06/a-better-looking-text-field/

Answer 2

Вверху у вас есть NSSearchField, который предназначен для фильтрации / поиска.

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

Нет стандартных текстовых полей с закругленными углами (в отличие от закругленных концов);если вы хотите, вам нужно будет создать подкласс NSTextField самостоятельно или просто подождать Lion, где стандартное текстовое поле будет иметь закругленные углы.

Answer 3

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

Выберите прямоугольную форму поля, добавьте каркас QuartzCore в свой проект, а затем #import <QuartzCore/QuartzCore.h>.В методе viewDidLoad вашего контроллера вы измените свойство cornerRadius слоя текстового поля, например:

myTextField.layer.cornerRadius = 6.0;

Poof, текстовое поле с закругленными прямоугольниками!