Android studio цвет каретки edittext

Как изменить цвет линии в EditText

Я создаю EditText в моем XML-файле макета

Но я хочу изменить цветовую строку в EditText с Holo на (например) красный. Как это можно сделать?

21 ответ

Это лучший инструмент, который вы можете использовать для всех просмотров, и он БЕСПЛАТНЫЙ, благодаря @ Жерому Ван Дер Линдену.

Генератор цветов Android Holo позволяет легко создавать компоненты Android, такие как EditText или счетчик с вашими собственными цветами для вашего приложения Android. Он сгенерирует все необходимые девять патчей, а также связанные XML-чертежи и стили, которые вы можете скопировать прямо в свой проект.

ОБНОВЛЕНИЕ 1

Срок действия этого домена истек, но проект является открытым исходным кодом, который можно найти здесь.

Это изображение помещено на задний план EditText

ОБНОВЛЕНИЕ 2

Для API 21 или выше вы можете использовать android:backgroundTint

Обновление 3 Теперь у нас есть поддержка AppCompatEditText

Примечание. Нам нужно использовать app: backgroundTint вместо android: backgroundTint .

Обновление 4 Версия AndroidX

Мне не нравятся предыдущие ответы. Лучшее решение — использовать:

android:backgroundTint для EditText работает только на API21 + . Из-за этого мы должны использовать библиотеку поддержки и AppCompatEditText .

Примечание: мы должны использовать app:backgroundTint вместо android:backgroundTint

Версия AndroidX

Вы также можете быстро изменить цвет подчеркивания EditText, подкрасив фон EditText следующим образом:

Для API ниже 21 можно использовать атрибут темы в EditText поместите код ниже в файл стиля

Используйте этот стиль в EditText как

Программно вы можете попробовать:

Это довольно просто (требуется: минимальный API 21) .

1. Перейдите в свой xml и выберите поле EditText
2. Справа вы можете увидеть окно «Атрибуты». Выберите «Просмотреть все атрибуты».
3. Просто ищите «оттенок»
4. И добавьте / измените backgroundTint на желаемый шестнадцатеричный цвет (скажем, # FF0000)

Я думаю, что лучший способ — по теме:

Чтобы изменить цвет подчеркивания Edittext:

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

(1) перейдите в файл styles.xml. Ваш AppTheme, который наследует родительский элемент Theme.AppCompat.Light.DarkActionBar (в моем случае), будет базовым родительским элементом для всех файлов стилей в вашем приложении. Измените его название на «AppBaseTheme». Создайте прямо под ним другой стиль с именем AppTheme, унаследованный от AppBaseTheme, который вы только что отредактировали. Это будет выглядеть так:

Затем измените «colorAccent» на любой желаемый цвет линии EditText.

(2) Если у вас есть другие папки значений со style.xml, этот шаг очень важен. Потому что этот файл будет унаследован от вашего предыдущего родительского файла xml. Например, у меня есть values-19 / styles.xml. Это специально для Kitkat и выше. Измените его родительский элемент на AppBaseTheme и убедитесь, что вы избавились от «colorAccent», чтобы он не переопределял цвет родительского элемента. Также вам нужно сохранить элементы, относящиеся к версии 19. Тогда это будет выглядеть так.

Вы можете программно изменить цвет EditText, просто используя эту строку кода: edittext.setBackgroundTintList(ColorStateList.valueOf(yourcolor));

Цвет линии определяется свойством фона EditText . Чтобы изменить это, вы должны изменить android:background в файле макета.

Я должен отметить, что этот стиль достигается за счет использования возможности рисования с 9 патчами. Если вы посмотрите в SDK, вы увидите, что фон EditText — это изображение:

Чтобы изменить его, вы можете открыть его в программе обработки изображений и раскрасить в желаемый цвет. Сохраните его как bg_edit_text.9.png , а затем поместите в папку с возможностью рисования. Теперь вы можете применить его в качестве фона для своего EditText вот так:

drawable / bg_edittext.xml

Установить на EditText

Фон виджетов зависит от уровня API .

АЛЬТЕРНАТИВА 1

Вы можете добавить собственное изображение к своему фону EditText ,

Ваше изображение должно выглядеть примерно так. Это даст вам желаемый эффект.

АЛЬТЕРНАТИВА 2

Установите этот xml в свой фоновый атрибут EditText .

Это будет похоже на ваш EditText на всех API.

Вы можете изменить цвет с помощью тонировки фона

Используйте этот метод .. и измените его в соответствии с именами ваших представлений. Этот код отлично работает.

Если вам нужна ровная линия, вы можете легко сделать это с помощью xml. Вот пример xml:

Замените фигуру селектором, если вы хотите предоставить другую ширину и цвет для выделенного текста редактирования.

Наилучший подход — использовать AppCompatEditText с атрибутом backgroundTint пространства имен app . т.е.

Когда мы используем android:backgroundTint , он будет работать только в API21 или более поздних версиях, но app:backgroundTint работает на всех уровнях API, которые использует ваше приложение.

Используйте свойство android: background для этого edittext. Передайте ему изображение папки с возможностью рисования. Например,

** это одно из действий с видом **

Попробуйте следующий способ, он преобразует цвет нижней строки EditText при использовании в качестве свойства фона.

Источник

Как изменить цвет линии в EditText

Я создаю EditText в моем XML-файле макета

Но я хочу изменить цветную линию в EditText от Holo до (например) красного цвета. Как это можно сделать?

Это лучший инструмент, который вы можете использовать для всех просмотров и его БЕСПЛАТНО благодаря @ Jérôme Van Der Linden .

Android Holo Colors Generator позволяет вам легко создавать компоненты Android, такие как EdiText или spinner с вашими собственными цветами для вашего приложения Android. Он будет генерировать все необходимые девять активов патчей плюс связанные с ними XML-графики и стили, которые вы можете скопировать прямо в свой проект.

Это изображение помещено в фон EditText

ОБНОВИТЬ

Для API 21 или выше вы можете использовать android:backgroundTint

Мне не нравятся предыдущие ответы. Лучшее решение – использовать:

Android: backgroundTint для EditText работает только на API21 + . Из-за этого мы должны использовать библиотеку поддержки и AppCompatEditText .

Примечание: мы должны использовать app: backgroundTint вместо android: backgroundTint.

Вы также можете быстро изменить цвет подчеркивания EditText, изменив цвет фона EditText следующим образом:

Чтобы изменить цвет подчеркивания Edittext:

Если вы хотите, чтобы все приложение делилось этим стилем, вы можете сделать следующий путь.

(1) перейти к файлу styles.xml. Ваш AppTheme, который наследует родителя Theme.AppCompat.Light.DarkActionBar (в моем случае), будет основным родителем всех файлов стиля в вашем приложении. Измените его имя на «AppBaseTheme». Сделайте другой стиль под ним, который имеет имя AppTheme и наследует от AppBaseTheme, который вы только что отредактировали. Он будет выглядеть следующим образом:

Затем измените «colorAccent» на любой цвет, который вы хотите на цвет линии EditText.

(2) Если у вас есть папки с другими значениями с style.xml, этот шаг очень важен. Поскольку этот файл наследуется от вашего предыдущего родительского xml-файла. Например, у меня есть значения-19 / styles.xml. Это специально для Kitkat и выше. Измените родительский элемент на AppBaseTheme и убедитесь, что вы избавились от «colorAccent», чтобы он не переопределял цвет родителя. Также вам нужно сохранить элементы, характерные для версии 19. Тогда это будет выглядеть так.

Цвет линии определяется с помощью свойства фона EditText . Чтобы изменить его, вы должны изменить android:background в файле макета.

Следует отметить, что этот стиль достигается за счет использования 9-патча. Если вы посмотрите в SDK, вы увидите, что фон EditText – это изображение:

Чтобы изменить его, вы можете открыть его в программе обработки изображений и покрасить его в нужный цвет. Сохраните его как bg_edit_text.9.png а затем поместите его в папку с выделением. Теперь вы можете применить его в качестве фона для вашего EditText например:

Фон виджета зависит от уровня API .

АЛЬТЕРНАТИВА 1

Вы можете предоставить собственное изображение на свой фон EditText

Ваше изображение должно выглядеть примерно так. Это даст вам желаемый эффект.

АЛЬТЕРНАТИВА 2

Установите этот xml в свой фоновый атрибут EditText .

Это будет иметь одинаковый внешний вид вашего EditText для каждого API.

Если вам нужна плоская линия, вы можете сделать это легко с помощью xml. Вот пример xml:

Замените фигуру селектором, если вы хотите предоставить различную ширину и цвет для сфокусированного edittext.

Используйте этот метод .. и измените его в соответствии с именами имени ur. Этот код отлично работает.

Я думаю, что лучший способ – по теме:

Используйте свойство android: background для этого edittext. Передайте изображение с возможностью рисования на него. Например,

Лучшим подходом является использование AppCompatEditText с атрибутом backgroundTint пространства имен app . т.е.

Когда мы используем android:backgroundTint он будет работать только в API21 или более, но app:backgroundTint работает на всех уровнях API, которые делает ваше приложение.

** это один из дел с видом **

Попробуйте сделать следующий путь: он преобразует нижний цвет текста EditText, когда он используется как свойство фона.

Источник

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

У элемента 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&quot каждый первый символ каждого слова при вводе текста автоматически будет преобразовываться в прописную. Удобно, не так ли?

Значение 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

Источник