- EditText
- Plain Text
- Person Name
- Password и Password (Numeric)
- Phone
- Postal Address
- Multiline Text
- Time и Date
- Number, Number (Signed), Number (Decimal)
- Текст-подсказка
- Вызов нужной клавиатуры
- Интерфейс InputType
- Атрибут android:imeOptions — параметры для текущего метода ввода
- Заблокировать текстовое поле
- Другие свойства
- Методы
- Выделение текста
- Обработка нажатий клавиш
- Пустой ли EditText
- Превращаем EditText в TextView
- Дополнительное чтение
- Как поставить рамку вокруг текстового поля Android?
- 21 ответ
- Использование Drawable
- Как разместить рамку вокруг текстового вида Android?
- Использование формы
- Использование 9-патча
- Что, если я просто хочу верхнюю границу?
- Использование Drawable
EditText
Компонент EditText — это текстовое поле для пользовательского ввода, которое используется, если необходимо редактирование текста. Следует заметить, что EditText является наследником TextView.
В Android Studio на панели инструментов текстовые поля можно найти в категории Texts под разными именами.
Для быстрой разработки текстовые поля снабдили различными свойствами и дали разные имена: Plain Text, Person Name, Password, Password (Numeric), E-mail, Phone, Postal Address, Multiline Text, Time, Date, Number, Number (Signed), NumberDecimal.
Plain Text
Plain Text — самый простой вариант текстового поля без наворотов. При добавлении в разметку его XML-представление будет следующим:
Person Name
При использовании элемента Person Name в XML добавляется атрибут inputType, который отвечает за вид клавиатуры (только буквы) при вводе текста.
Password и Password (Numeric)
При использовании Password в inputType используется значение textPassword. При вводе текста сначала показывается символ, который заменяется на звёздочку. Если используется элемент Password (Numeric), то у атрибута inputType используется значение numberPassword. В этом случае на клавиатуре будут только цифры вместо букв. Вот и вся разница.
У элемента E-mail используется атрибут android:inputType=»textEmailAddress». В этом случае на клавиатуре появляется дополнительная клавиша с символом @, который обязательно используется в любом электронном адресе.
Phone
У элемента Phone используется атрибут android:inputType=»phone». Клавиатура похожа на клавиатуру из старого кнопочного сотового телефона с цифрами, а также с кнопками звёздочки и решётки.
Postal Address
Multiline Text
У Multiline Text используется атрибут android:inputType=»textMultiLine» позволяющий сделать текстовое поле многострочным. Дополнительно можете установить свойство Lines (атрибут android:lines), чтобы указать количество видимых строк на экране.
Time и Date
Атрибут android:inputType=»time» или android:inputType=»date». На клавиатуре цифры, точка, запятая, тире.
Number, Number (Signed), Number (Decimal)
Атрибут android:inputType=»number» или numberSigned или numberDecimal. На клавиатуре только цифры и некоторые другие символы.
Текст-подсказка
Веб-мастера знают о таком атрибуте HTML5 как placeholder, когда в текстовом поле выводится строчка-подсказка приглушенным (обычно серым цветом). Живой пример приведён ниже.
Подсказка видна, если текстовый элемент не содержит пользовательского текста. Как только пользователь начинает вводить текст, то подсказка исчезает. Соответственно, если удалить пользовательский текст, то подсказка появляется снова. Это очень удобное решение во многих случаях, когда на экране мало места для элементов.
В Android у многих элементов есть свойство Hint (атрибут hint), который работает аналогичным образом. Установите у данного свойства нужный текст и у вас появится текстовое поле с подсказкой.
Запускаем приложение и видим подсказку, которая исчезает при попытке ввести текст.
Вызов нужной клавиатуры
Не во всех случаях нужна стандартная клавиатура с буковками и цифрами. Если вы пишете калькулятор, то проще показать пользователю цифровую клавиатуру. А если нужно ввести электронный адрес, то удобнее показать клавиатуру, где уже есть символ @. Ну а если ваше приложение пишется для котов, то достаточно вывести только те буквы, из которых можно составить слова Мяу и Жрать давай (к сожалению, такой клавиатуры ещё нет, но Google работает в этом направлении).
У элемента EditText на этот случай есть атрибут inputType:
В данном случае с атрибутом inputType=»textCapWords" каждый первый символ каждого слова при вводе текста автоматически будет преобразовываться в прописную. Удобно, не так ли?
Значение textCapSentences делает прописным каждый первый символ предложения.
Если вам нужен режим CapsLock, то используйте значение textCapCharacters и все буквы сразу будут большими при наборе.
Для набора телефонного номера используйте phone, и тогда вам будут доступны только цифры, звёздочка (*), решётка (#).
Для ввода веб-адресов удобно использовать значение textUri. В этом случае у вас появится дополнительная кнопочка .com (при долгом нажатии на нее появятся альтернативные варианты .net, .org и др.).
Вот вам целый список доступных значений (иногда различия очень трудно различимы)
Интерфейс InputType
Кроме использования атрибута android:inputType мы можем добиться нужного поведения от текста при помощи интерфейса InputType.
Атрибут android:imeOptions — параметры для текущего метода ввода
У текстовых полей есть атрибут android:imeOptions, с помощью которого настраиваются параметры для текущего метода ввода. Например, когда EditText получает фокус и отображается виртуальная клавиатура, эта клавиатура содержит кнопку «Next» (Далее), если атрибут android:imeOptions содержит значение actionNext. Если пользователь касается этой кнопки, фокус перемещается к следующему компоненту, который принимает пользовательский ввод. Если компонент EditText получает фокус и на виртуальной клавиатуре появляется кнопка «Done» (Готово), значит использовался атрибут android:imeOptions со значением actionDone. Как только пользователь касается этой кнопки, система скрывает виртуальную клавиатуру.
Заблокировать текстовое поле
Для блокировки текстового поля присвойте значения false свойствам Focusable, Long clickable и Cursor visible.
Другие свойства
Методы
Основной метод класса EditText — getText(), который возвращает текст, содержащийся в текстовом поле. Возвращаемое значение имеет специальный тип Editable, а не String.
Соответственно, для установки текста используется метод setText().
В Kotlin может возникнуть проблема, если программист захочет использовать конструкцию присвоения через свойство.
Большинство методов для работы с текстом унаследованы от базового класса TextView: setTypeface(null, Typeface), setTextSize(int textSize), SetTextColor(int Color).
Выделение текста
У EditText есть специальные методы для выделения текста:
- selectAll() — выделяет весь текст;
- setSelection(int start, int stop) — выделяет участок текста с позиции start до позиции stop;
- setSelection(int index) — перемещает курсор на позицию index;
Предположим, нам нужно выделить популярное слово из трёх букв в большом слове (это слово «кот», а вы что подумали?).
Ещё есть метод setSelectAllOnFocus(), который позволяет выделить весь текст при получении фокуса.
Обработка нажатий клавиш
Для обработки нажатий клавиш необходимо зарегистрировать обработчик View.OnKeyListener, используя метод setOnKeyListener() элемента EditText. Например, для прослушивания события нажатия клавиши Enter во время ввода текста пользователем (или котом), используйте следующий код:
Пустой ли EditText
Чтобы проверить, пустой ли EditText, можно воспользоваться кодом:
Также можно проверять длину текста, если она равно 0, значит текст пуст.
Превращаем EditText в TextView
Практического смысла тут нет, но для общего развития превратим текстовое поле в текстовую метку. Для этого нужно сделать компонент недоступным, убрать курсор, установить прозрачный фон и отключить слушатель нажатий клавиш.
Также можно установить эти свойства через XML, кроме последнего пункта.
Дополнительное чтение
Beware EditText on API 21 — разница между версиями 21 и 22
Источник
Как поставить рамку вокруг текстового поля Android?
Можно ли нарисовать рамку вокруг текстового представления?
21 ответ
Вы можете установить фигуру, которую можно рисовать (прямоугольник), в качестве фона для представления.
И прямоугольник drawable back.xml (поместите в папку res / drawable):
Вы можете использовать @android:color/transparent , чтобы сплошной цвет имел прозрачный фон. Вы также можете использовать отступы, чтобы отделить текст от границы. для получения дополнительной информации см .: http://developer.android.com/guide/ темы / ресурсы / drawable-resource.html
Самый простой способ — добавить представление для TextView. Пример нижней границы:
Для границ других направлений отрегулируйте положение разделителя.
Я решил эту проблему, расширив текстовое поле и нарисовав границу вручную. Я даже добавил, что вы можете выбрать, будет ли граница пунктирной или пунктирной.
И класс границы:
Надеюсь, это кому-то поможет 🙂
Самое простое решение, которое я нашел (и которое действительно работает):
Я просто смотрел на аналогичный ответ — это можно сделать с помощью Stroke и следующего переопределения:
Установить границу можно двумя способами. Один из них можно рисовать, а второй — программный.
Использование Drawable
Я нашел лучший способ поставить рамку вокруг TextView.
Используйте изображение с девятью патчами для фона. Это довольно просто, SDK поставляется с инструментом для создания образа с 9 патчами и не требует абсолютно никакого кодирования.
Вы можете добавить в свой код что-то вроде этого:
Папка drawable в разделе res в проекте Android не ограничивается растровыми изображениями (файлами PNG или JPG), но также может содержать формы, определенные в файлах XML.
Эти формы затем можно повторно использовать в проекте. Фигура может использоваться для создания границы вокруг макета. В этом примере показана прямоугольная рамка с изогнутыми углами. В папке с возможностью рисования создается новый файл с именем customborder.xml (в Eclipse используйте меню «Файл» и выберите «Создать», затем «Файл» с выбранным типом папки для рисования в имени файла и нажмите «Готово»).
Вводится XML, определяющий форму границы:
Атрибут android:shape установлен на прямоугольник (файлы форм также поддерживают овал, линию и кольцо). Прямоугольник — это значение по умолчанию, поэтому этот атрибут можно не указывать, если это определяемый прямоугольник. См. Документацию Android по фигурам на странице http://developer.android. .com / guide / themes / resources / drawable-resource.html # Shape для получения подробной информации о файле формы.
Углы элемента задают скругление углов прямоугольника. Можно установить разные радиусы для каждого угла (см. Справку по Android).
Атрибуты заполнения используются для перемещения содержимого представления, к которому применяется форма, чтобы содержимое не перекрывало границу.
Цвет границы здесь установлен на светло-серый (шестнадцатеричное значение RGB в формате 1970).
Фигуры также поддерживают градиенты, но здесь они не используются. Опять же, просмотрите ресурсы Android, чтобы узнать, как определяется градиент. Форма применяется к макету с помощью android:background=»@drawable/customborder» .
Внутри макета могут быть добавлены другие виды в обычном порядке. В этом примере был добавлен один TextView с белым текстом (FFFFFF шестнадцатеричный RGB). Для фона задан синий цвет, плюс некоторая прозрачность для уменьшения яркости (шестнадцатеричное значение альфа RGB A00000FF). Наконец, макет смещается от края экрана, помещая его в другой макет с небольшим отступом. Таким образом, полный файл макета выглядит так:
У меня есть способ сделать это очень просто, и я хотел бы им поделиться.
Когда я хочу возвести mi TextView в квадрат, я просто помещаю их в LinearLayout. Я устанавливаю цвет фона своего LinearLayout и добавляю поле в свой TextView. Результат такой же, как если бы вы скомпилировали TextView.
Вы можете создать собственный фон для текстового представления. Шаги
- Зайдите в свой проект.
- Перейдите к ресурсам и щелкните правой кнопкой мыши, чтобы выделить.
- Нажмите New -> Drawable Resource File.
- Дайте имя вашему файлу
- Вставьте следующий код в файл
- Форма Рисованная (Android-документы)
- Советы и рекомендации для разработчиков Android: XML-чертежи (часть I)
- Рисовать 9-патч
- Простой генератор Nine-patch
- Простое руководство по 9-патчу для Android-интерфейса
- Создание и использование 9-патч-изображений в Android
- Понимание списка для Android
- Как сделать нижнюю границу в выделенной форме XML-селектором?
- Создать границы на андроидном представлении в drawable xml, с трех сторон?
- Как нарисовать линию в Android
- Как поместить горизонтальную линию делителя между редактированием текста в действии
- Как добавить горизонтальную линию 1px над изображением в относительной компоновке?
Для вашего текстового представления, где вы хотите использовать его в качестве фона,
android: background = «@ drawable / your_fileName»
С помощью библиотеки компонентов материалов вы можете использовать MaterialShapeDrawable .
Затем вы можете программно применить MaterialShapeDrawable :
Изменение ответа Константина Бурова, потому что в моем случае не работает:
CompileSdkVersion 26 (Android 8.0), minSdkVersion 21 (Android 5.0), targetSdkVersion 26, реализация com.android.support:appcompat-v7:26.1.0, gradle: 4.1
Вот мой «простой» вспомогательный класс, который возвращает ImageView с рамкой. Просто поместите это в свою папку utils и назовите так:
Источник
Как разместить рамку вокруг текстового вида Android?
Можно ли рисовать границу вокруг текстового поля?
Вы можете установить фигуру (прямоугольник) в качестве фона для представления.
И прямоугольник drawable back.xml (помещается в папку res / drawable):
Вы можете использовать @android:color/transparent для сплошного цвета, чтобы иметь прозрачный фон. Вы также можете использовать отступы для разделения текста с границы. Для получения дополнительной информации см .: http://developer.android.com/guide/topics/resources/drawable-resource.html
Позвольте мне подвести несколько различных (непрограммных) методов.
Использование формы
Сохраните следующее в виде XML-файла в вашей папке (например, my_border.xml):
Затем просто установите его в качестве фона для вашего TextView:
Использование 9-патча
9-патч – растягиваемое фоновое изображение. Если вы создадите изображение с рамкой, это даст вашему TextView границу. Все, что вам нужно сделать, это сделать изображение, а затем установить его в фоновом режиме в TextView.
Вот некоторые ссылки, которые покажут, как сделать 9-патч-образ:
Что, если я просто хочу верхнюю границу?
Использование списка слоев
Вы можете использовать список слоев, чтобы складывать два прямоугольника друг над другом. Сделав второй прямоугольник чуть меньшим, чем первый прямоугольник, вы можете сделать эффект границы. Первый (нижний) прямоугольник – это цвет границы, а второй прямоугольник – цвет фона.
Установка android:top=»2dp» смещает верх (уменьшает) на 2dp. Это позволяет отобразить первый (нижний) прямоугольник, создавая эффект границы. Вы можете применить это к фону TextView так же, как и вытащить shape .
Вот еще несколько ссылок о списках слоев:
Использование 9-патча
Вы можете просто сделать изображение с 9 патчами с одной границей. Все остальное такое же, как описано выше.
Использование представления
Это своего рода трюк, но он хорошо работает, если вам нужно добавить разделителя между двумя видами или границей в один текстовый файл.
Вот еще несколько ссылок:
Простым способом является добавление представления для вашего TextView. Пример для нижней граничной линии:
Для других границ направления, пожалуйста, отрегулируйте расположение разделителя.
Я решил эту проблему, расширив текст и нарисов границу вручную. Я даже добавил, что вы можете выбрать, будет ли точка пунктирной или пунктирной.
И пограничный класс:
Надеюсь, это поможет кому-то 🙂
Я просто смотрел на подобный ответ – он может быть выполнен с помощью Stroke и следующего переопределения:
Я нашел лучший способ разместить границу вокруг TextView.
Используйте изображение с девятью патчами для фона. Это довольно просто, SDK поставляется с инструментом для создания 9-патча изображения, и он не содержит абсолютно никакой кодировки.
Выделенная папка под разрешением в проекте Android не ограничивается растровыми изображениями (PNG или JPG-файлами), но также может содержать формы, определенные в файлах XML.
Эти формы затем могут быть повторно использованы в проекте. Форма может использоваться для размещения границы вокруг макета. В этом примере показана прямоугольная рамка с изогнутыми углами. В выпадающей папке создается новый файл customborder.xml (в Eclipse используйте меню «Файл» и выберите «Создать», затем «Файл», с выбранным типом выбранной папки в имени файла и нажмите «Готово»).
Вводится XML, определяющий форму границы:
Атрибут android:shape имеет прямоугольник (файлы формы также поддерживают овал, линию и кольцо). Rectangle – значение по умолчанию, поэтому этот атрибут может быть опущен, если он определен как прямоугольник. Подробную информацию о файле формы см. В документации по форматам Android по адресу http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape .
Углы углов задают углы прямоугольника округлыми. На каждом углу можно установить другой радиус (см. Ссылку на Android).
Атрибуты дополнения используются для перемещения содержимого представления, к которому применяется форма, для предотвращения совпадения содержимого с границей.
Цвет границы здесь установлен на светло-серый (CXCCC шестнадцатеричное значение RGB).
Формы также поддерживают градиенты, но здесь они не используются. Опять же, смотрите ресурсы Android, чтобы узнать, как определяется градиент. Форма применяется к манере с использованием android:background=»@drawable/customborder» .
В пределах макета могут быть добавлены другие представления как обычно. В этом примере добавлен один TextView, а текст белый (FFFFFF шестнадцатеричный RGB). Фон установлен на синий, а также на прозрачность, чтобы уменьшить яркость (значение A00000FF hexadecimal alpha RGB). Наконец, макет смещается от края экрана, помещая его в другой макет с небольшим количеством отступов. Полный файл макета:
Вы можете добавить что-то вроде этого в свой код:
Вы можете установить границу двумя способами. Один из них – с возможностью рисования, а второй – программный.
Использование Drawable
У меня есть способ сделать это очень просто, и я хотел бы поделиться им.
Когда я хочу квадрат mi TextViews, я просто помещаю их в LinearLayout. Я установил цвет фона моего LinearLayout, и я добавляю дополнение к моему TextView. Результат в точности соответствует квадрату TextView.
Вот мой «простой» вспомогательный класс, который возвращает ImageView с границей. Просто отбросьте это в своей папке utils и вызовите ее так:
Это может вам помочь.
На самом деле, это очень просто. Если вам нужен простой черный прямоугольник за Textview, просто добавьте в теги TextView android:background=»@android:color/black» . Как это:
Источник