Android Studio EditText Tutorials with Examples

Code With Mohsin Mughal August 06, 2023

Android Studio EditText Tutorials with Examples

EditText is a UI component that is used to get inputs from a user. An input could be in any form like digits, alphabets, etc.

Example of EditText in XML

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Enter here..." />
</LinearLayout>

Attributes of EditText

android:layout_width - This attribute is used to set width of the EditText. It is required attribute.

Values of layout_width attribute :

match_parent : It will set EditText's width according to the parent layout's width. For example, if width of the parent layout is 200dp then width of the EditText is also considered as 200dp.

wrap_content : It will automatically adjust width of the EditText according to the text length. EditText's width will increase or decrease when length of text is changed

other : You can also set width in dp or px like 200dp, 50px, etc.

android:layout_height - This attribute is used to set height of the EditText. It is required attribute.

Values of layout_height attribute :

match_parent : It will set EditText's height according to the parent layout's height. For example, if height of the parent layout is 200dp then height of the EditText is also considered as 200dp.

wrap_content : It will automatically adjust height of the EditText according to the number of text lines. EditText's width will increase or decrease when the number of lines are changed

other : You can also set height in dp or px like 200dp, 50px, etc.

EDITTEXT MARGIN ATTRIBUTES

<EditText
android:id="@+id/editText"
android:layout_width="match_parent"
android:layout_height="wrap_content"

android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_marginTop="20dp"
android:layout_marginBottom="50dp"

android:hint="Enter here..." />

android:layout_marginStart - This attribute is used to give extra space from left side of the EditText.

Values of layout_marginStart attribute :

You can set value in dp or px like 20dp, 50px, etc.

android:layout_marginEnd - This attribute is used to give extra space from right side of the EditText.

Values of layout_marginEnd attribute :

You can set value in dp or px like 20dp, 50px, etc.

android:layout_marginTop - This attribute is used to give extra space from top of the EditText.

Values of layout_marginTop attribute :

You can set value in dp or px like 20dp, 50px, etc.

android:layout_marginBottom - This attribute is used to give extra space from bottom of the EdtText.

Values of layout_marginBottom attribute :

You can set value in dp or px like 20dp, 50px, etc.

android:layout_margin - This attribute is used to give extra space from every side (left, right, top, bottom) of the EditText.

Values of layout_margin attribute :

You can set value in dp or px like 20dp, 50px, etc.

EDITTEXT PADDING ATTRIBUTES

<EditText
android:id="@+id/editText"
android:layout_width="match_parent"
android:layout_height="wrap_content"

android:paddingStart="20dp"
android:paddingEnd="40dp"
android:paddingTop="50dp"
android:paddingBottom="60dp"

android:hint="Enter here..." />

android:paddingStart - This attribute is used to give inside space between text and left side of EditText edge.

Values of paddingStart attribute :

You can set value in dp or px like 20dp, 50px, etc.

android:paddingEnd - This attribute is used to give inside space between text and right side of EditText edge.

Values of paddingEnd attribute :

You can set value in dp or px like 20dp, 50px, etc.

android:paddingTop - This attribute is used to give inside space between text and top side of EditText edge.

Values of paddingTop attribute :

You can set value in dp or px like 20dp, 50px, etc.

android:paddingBottom - This attribute is used to give inside space between text and bottom side of EditText edge.

Values of paddingBottom attribute :

You can set value in dp or px like 20dp, 50px, etc.

android:padding - This attribute is used to give inside space between text and every side of EditText edge.

Values of padding attribute :

You can set value in dp or px like 20dp, 50px, etc.

EDITTEXT TEXT STYLE ATTRIBUTES

android:text - This attribute is used to write text in the EditText.

<EditText
    android:id="@+id/editText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="This is text"/>

Values of text attribute :

You can set any String value like "Learnoset", "Coding", "Android", etc.

android:textColor - This attribute is used to change text color of the EditText.

<EditText
android:id="@+id/editText"
android:textColor="@color/teal_200"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is text"/>

Values of textColor attribute :

You can use color codes like "#000000", "#FFFFFF", etc. or you can also get value from colors.xml file like "@color/black"

android:textSize - This attribute is used to change text size of the EditText.

<EditText
    android:textColor="#FF1744"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="This is text"
    android:textSize="20sp"/>

Values of textSize attribute :

You can set text size in dp, px, sp like 10dp, 20px, 18sp, etc.

android:textStyle - This attribute is used to set style of EditText like bold, italic.

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="This is text with normal style"
    android:textSize="20sp"
    android:textStyle="normal" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="This is text with bold style"
    android:textSize="20sp"
    android:textStyle="bold" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="This is text with italic style"
    android:textSize="20sp"
    android:textStyle="italic" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="This is text with bold and italic style"
    android:textSize="20sp"
    android:textStyle="bold|italic" />

Values of textStyle attribute :

bold : To make text bold

italic : To make text italic

normal : To make text normal (remove italic and bold style)

combined : You can also use multiple values like bold | italic by using '|' symbol in between.

EDITTEXT OTHER ATTRIBUTES

android:background - This attribute is used to set background of the EditText

<EditText
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@android:color/holo_red_light"
    android:text="EditText with Red Background"
    android:textSize="20sp"
    android:textStyle="normal" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_marginTop="20dp"
    android:background="@android:color/holo_blue_dark"
    android:text="EditText with Blue Background"
    android:textSize="20sp"
    android:textStyle="normal" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_marginTop="20dp"
    android:background="@android:color/holo_orange_dark"
    android:text="EditText with Orange Background"
    android:textSize="20sp"
    android:textStyle="normal" />

Values of background attribute :

You can use a color as EditText's background like "#000000", "#FFFFFF", @color/black

You can also use an image from drawable folder as EditText's background like @drawable/you_image_name

android:hint - This attribute is used as a placeholder. It specifies usages of the EditText

<EditText
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:hint="This is Hint" />

Values of hint attribute :

You can use a string value like "Learnoset", "Phone", "Mobile" etc.

android:inputType - This attribute is used to set what type of value (digits or alphabets) is accepted by the EditText

<EditText
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:hint="Enter Full Name"
    android:inputType="text" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:hint="Enter Phone"
    android:inputType="number" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:hint="Enter Email"
    android:inputType="textEmailAddress" />

Values of inputType attribute :

text : EditText will accept any type of value

number : EditText will accept only number values (0-9)

textEmailAddress : EditText will accept email address

phone : EditText will accept phone numbers

textPassword : text will show as dots. User can enter password in both numbers and alphabets

numberPassword : text will show as dots. User can enter password in numbers

android:gravity - This attribute is used to align text to left, right, top, bottom, center, etc.

<EditText
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:gravity="start"
    android:text="Left Text" />

Values of gravity attribute :

You can set value start, end, top, bottom, center, center_vertically, center_horizontally, etc.

If you have any Questions or Queries
You can mail us at mohsinrahman318@gmail.com

Post a Comment

0 Comments