Android edittext mask input

Android edittext mask input

PSA: Migration to Maven Central and overall library development

Input Mask library development is back on track.

From now on, the official library distribution method is JitPack.

My thoughts regarding the library migration to Maven Central The «migration» took me long enough, okay.

It’s Saturday, the 25th of September, 2021, and yesterday I had an opportunity to complete the whole Sonatype manual on how mere mortals publish their libs to Maven Central.

And it didn’t feel right, so I decided to take a short, last break before pushing the changes.
The main, Central™, most important Java & Android depo doesn’t feel like it’s 2021 at all.

I felt I was casting spells and performing some cargo cult rituals.
ALM-based system, the wait for approval, tickets, scripts, credentials, DNS records, artifact security assurance, corporate console library catalogs with Windows™ folder icons…

I know some of RedMadRobot libraries already made it to Sonatype.
But this is not the case.

Input Mask is never going to hit Maven Central, and I’m not going to support this abomination of legacy and bureaucracy.

First things first, I’m going to get rid of some annoying library issues from the past, do some project cleanup, and then I’d like to put more real word use case scenarios into the core, so please feel free to share your ideas via feature requests.

Input Mask is an Android & iOS native library allowing to format user input on the fly.

The library provides you with a text field listener; when attached, it puts separators into the text while user types it in, and gets rid of unwanted symbols, all according to custom predefined pattern.

This allows to reformat whole strings pasted from the clipboard, e.g. turning pasted 8 800 123-45-67 into
8 (800) 123 45 67 .

Each pattern allows to extract valuable symbols from the entered text, returning you the immediate result with the text field listener’s callback when the text changes. Such that, you’ll be able to extract 1234567 from 8 (800) 123 45 67 or 19991234567 from 1 (999) 123 45 67 with two different patterns.

All separators and valuable symbol placeholders have their own syntax. We call such patterns «masks».

1. International phone numbers: +1 ([000]) [000] [00] [00]
2. Local phone numbers: ([000]) [000]-[00]-[00]
3. Names: [A][——————————————————]
4. Text: [A…]
5. Dates: [00]<.>[00]<.>[9900]
6. Serial numbers: [AA]-[00000099]
7. IPv4: [099]<.>[099]<.>[099]<.>[099]
8. Visa card numbers: [0000] [0000] [0000] [0000]
9. MM/YY: [00][00]
10. UK IBAN: GB[00] [____] [0000] [0000] [0000] [00]

Check out our wiki for further reading.
Please also take a closer look at our Known issues section before you incorporate our library into your project.

For your bugreports and feature requests please file new issues as usually.

Should you have any questions, search for closed issues or open new ones at StackOverflow with the input-mask tag.

We also have a community-driven cookbook of recipes, be sure to check it out, too.

Make sure you’ve added Kotlin support to your project.

Источник

Ввод в масках, используя виджет полей EditText в Андроид

есть ли способ указать маску ввода для элемента управления EditText в Android?

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

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

6 ответов

использовать InputFilter , а не OnKeyListener . Это означает, что вы не беспокоитесь о отслеживании отдельных нажатий клавиш, и он также будет обрабатывать такие вещи, как вставка в поле, которое было бы больно обрабатывать с OnKeyListener .

вы могли бы взглянуть на источник InputFilter реализации, который поставляются с Android, чтобы дать вам отправную точку для написания своего собственного.

вы можете взглянуть на android.телефония.Класс PhoneNumberFormattingTextWatcher. Он маскирует ввод текста телефонного номера с ###-###-#### узор.

используйте это в onKey функция для вкусного секса кролика на лету с отформатированными номерами телефонов.

самый простой способ, который я знаю, чтобы использовать маску на EditText в ваших программах Android в Android Studio, это использовать MaskedEditText библиотека (ссылка GitHub). Это своего рода пользовательский EditText с Watcher, который позволяет вам установить подсказку с другим цветом (если вы хотите, она будет доступна, даже когда пользователь уже начал печатать), Маска и она очень проста в использовании: -)

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

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

вы можете использовать этот эфект В полей EditText

Источник

Brandon Lehr . com

August 20th 2018

One thing I find really convenient when filling out forms is when the text is formatted in the correct pattern without me having to think about it. When an input just smashes all the numbers together it is harder for the user to recognize whether or not they have entered the correct data. It also leads to user confusion as they wonder whether or not they are supposed to enter the normal spaces, dashes, or parentheses, one would include when writing the requested information down.

So, how do we fix this in an Android application?

The easiest way is to create a class that implements TextWatcher and add it as a Text Change Listener to the required Edit Text.

Here is the Social Security Mask.

As you can see, the TextWatcher requires 3 methods of which only 2 of are of concern. The afterTextChanged method handles updating the Edit Text text. The onTextChanged method contains the logic that dictates the formatting. This is where you can make the necessary changes to enable the desired formatting.

Here is how to apply the mask.

Just one line and the mask will be applied.

Another common mask that I find myself needing, is a date mask. I normally need my dates formatted as MM/dd/yyyy. Here is the code for that.

Well, I hope you find this helpful! I know I searched for these answers when I needed them. If you have any questions or ideas for improvements, my employer would love for me to hear them! 🙂

All of the code can be found here on github

Источник

Android edittext mask input

Announcement: let’s travel the world! or let’s just be guests 🙂

Announcement: let’s travel the world! or let’s just be guests 🙂

This project derives from toshikurauchi/MaskedEditText, but it’s been adapted for gradle build system and has additional features:

1. filter allowed chars
2. filter denied chars
3. user can use chars from mask in his input (in original version of this library user couldn’t use digit ‘7’ in the ‘+7(XXX)XXX-XX-XX’ pattern).
4. You can keep hints even when user started typing.

So it allows you to use masks for phones, urls, etc.

MaskedEditText is a simple Android EditText with customizable input mask support.

For instance, you need user specified his phone in format +7(XXX)XXX-XX-XX. You also know user should have the only possibility to write digits but minuses, brackets and «+7» should appear automatically.

Add this to your build.gradle :

Or download project and plug it in as a library.

Announcement: let’s travel the world! or let’s just be guests 🙂

Where mask is the input mask you want and ‘#’ is an editable position (will be replaced by a whitespace on screen).

You can optionally set the representation character (in case you don’t want to use ‘#’):

Announcement: let’s travel the world! or let’s just be guests 🙂

You can also change the mask and the representation character programatically:

To enable Enter softkey action (IME action):

Announcement: let’s travel the world! or let’s just be guests 🙂

MaskedEditText — это всего лишь EditText, но с возможностью задавать произвольную маску.

Например, нужно ввести телефон в формате +7(XXX)XXX-XX-XX. Причём можно ввести только цифры, а скобочки, дефисы и «+7» должны подставляться самостоятельно.

Вписать в build.gradle :

или скачать проект и подключить как библиотеку.

mask задаёт требуемую маску, символ ‘#’ задаёт редактируемую позицию (и будет заменён на пробел на экране).

Если использовать ‘#’ нельзя, то можно попробовать использовать другой символ:

Кроме того, всё тоже самое можно сделать и программно:

Чтобы включить обработку нажатия Enter (IME action):

Источник

Маскированный ввод с помощью виджета EditText в Android

Есть ли способ указать маску ввода для элемента управления EditText в Android?

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

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

Попробуйте использовать InputFilter а не OnKeyListener . Это означает, что вам не нужно беспокоиться о отслеживании отдельных нажатий клавиш, а также обрабатывать такие вещи, как вставка в поле, которое было бы болезненно для обработки с помощью OnKeyListener .

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

Вы можете взглянуть на класс android.telephony.PhoneNumberFormattingTextWatcher. Он маскирует текстовый ввод номера телефона с шаблоном ### – ### – ####.

Используйте это в функции onKey для восхитительного секс-зайчика «на лету» с форматированными телефонными номерами.

Самый простой способ использовать маску на EditText в ваших программах Android в Android Studio – использовать библиотеку MaskedEditText ( ссылка GitHub ). Это своего рода пользовательский EditText с Watcher, который позволяет вам установить подсказку с другим цветом (если вы хотите, чтобы он был доступен, даже когда пользователь уже начал вводить текст), маска и очень проста в использовании 🙂

Этот сайт дает хорошие 2 класса, которые помогают с маскировкой, которые я нашел весьма полезными.

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

Вы можете использовать этот efect в EditText

Источник