Android edittext and button

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

Источник

Android App Development Tutorial – Button and EditText

Hello friends, welcome to our Android App Development Tutorial from Scratch. This is the third post in our Android App Development Tutorial from Scratch Series. So I guess you have already gone through the previous posts. Today we will learn to take user input using EditText and giving output on Button press. So lets begin.

Creating a New Android Studio Project

• Open Android Studio and create a new project

• Now put the put the application details (I have given the name HandlingButton) and click next

• Now keep clicking next (don’t change any settings, you do not need to change anything now) and at last you will see finish
• Finally click finish and you will see the following screen

• Now you are seeing your app’s screen. A default Hello World is appearing. The layout is coded in XML. You can switch to the code view from the button below. Click on Text to switch to the code view.
• You will see the following code

Understanding the Layout

• As you can see in the above code the xml tag is started with LinearLayout xmlns : android = «http://schemas.android.com/apk/res/android»

• Now what a LinearLayout does is it aligns all the elements linearly either horizontal or vertical. In the above code we haven’t defined the orientation yet. So by default it will behave as horizontal LinearLayout. Now lets understand the other properties.
• LinearLayout is the main tag

• xmlns:android=”http://schemas.android.com/apk/res/android” -> It is the namespace for our xml.
• android:layout_width=”match_parent” -> It is the width of the layout and the value is match_parent. match_parent means the width of the layout will match to the width of the parent layout. So in this case it will be the full width available.
• android:layout_height=”match_parent” -> It defines the height of the layout.
• The other things are padding defined. So we can have paddings at all the sides of the layout

• The value can be defined with dp (deci integrated pixels) e.g. 16dp, 18dp, 25dp etc. In the above code you are seeing the values are not defined in dps. It is actually dp but the value is defined inside another xml file called dimens.xml. I have already told you about dimesn.xml in the last tutorial understanding the basics of android app development.

Creating Views Inside Layout

• Inside the layout we can create the views for our application. Views are the widgets and components like Buttons, EditTexts (Text Fields) and many other components which will be used for creating our application.
• In this post we will be learning how to create a Button and an EditText. We now what is a Button and an EditText. We can use EditText to take input from user and Button to perform some action on tap.

Creating a Button

• For creating a button we can use Button tag
• Just go inside the layout and type Button

• android:id=”@+id/button”: This is the id for your button after @+id/ i.e. here the id for your button is “button” (without quotes). This id will be used to handle the button in java coding. Whenever we put @+id in android:id tag of any view a respective hex value is stored in a variable named with the id you have given here in R.java file. Now these things are done automatically so you do not need to bother much about this. Basically what you need to know is this is the id that will be used for handling this button.
• Now we will create an Edit Text. For creating Edit Text we have the tag EditText

• So the code for the final layout that we have created yet is.

• Now if you will switch to the design view you will see something like this

• So as you can see we have our Button and EditText.
• We could have done the same thing by simple drag and drop using the palette

Android App Development Tutorial

As you can see there are various predefined Views are available. We can also create our own Views. We will see about these things in further tutorials. So I am wrapping up this tutorial here. In the next Android App Development Tutorial we will see how to handle the Views i.e. Button and EditText and We will add some functionality on it. Meanwhile you can check the official android developer guide. Thank You 🙂

Hi, my name is Belal Khan and I am a Google Developers Expert (GDE) for Android. The passion of teaching made me create this blog. If you are an Android Developer, or you are learning about Android Development, then I can help you a lot with Simplified Coding.

Checkout these tutorials as well:

• 
• 
• 
• 
• 

3 thoughts on “Android App Development Tutorial – Button and EditText”

Hi belal pls add totorial of facebook integration to app,
I tried it, code runs without errors but its not showing in mobile and it force closes the application..

• 

This is android app development tutorial from scratch you should check the tutorial for integrating facebook here
http://www.simplifiedcoding.net/login-with-facebook-android-studio-using-facebook-sdk-4/

Thanks for sharing this article. this tutorial is really helpful to get started with.

Leave a Comment Cancel reply

Search

About Me

Hi my name is Belal Khan and I am a Google Developers Expert for Android Development. Teaching is my passion and because of this passion I created Simplified Coding. I love to share my knowledge and help other devs. You can read more about me here.

Popular Tutorials

About Simplified Coding

Simplified Coding is a website for all the tech enthusiasts, who love to keep learning tech.
We basically focus on producing quality contents for all developers to improve their skills and learn new things.
Currently our focus is at Android Application Development. And you will find all the information related to Android Application Development here.
Click Here if you want to know the man behind Simplified Coding.

Источник

Читайте также:  Faststone capture для андроида