Click here to Skip to main content
14,662,440 members
Articles » Mobile Development » Android » General
Tip/Trick
Posted 24 Nov 2014

Tagged as

Stats

210.7K views
12 bookmarked

How to make EditText With Border and Gradient Background in Android Using XML

Rate this:
4.60 (13 votes)
Please Sign up or sign in to vote.
4.60 (13 votes)
24 Nov 2014CPOL
Here, I am going to apply a good look and feel on EditText in Android. For this purpose, we can use image also but I'll use XML here.

Introduction

Actually, there are lots of links you can find to design view using XML in Android, but here I am going to give a good look and feel.

EditText view with border and gradient background

Using the Code

Create an XML file with the name "EditTextStyle.xml" in the drawable folder in your project and write the following code:

<?xml version="1.0" encoding="utf-8" ?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

       android:thickness="0dp"

       android:shape="rectangle">
  <stroke android:width="3dp"

         android:color="#4799E8"/>
  <corners android:radius="5dp" />
  <gradient

   android:startColor="#C8C8C8"

   android:endColor="#FFFFFF"

   android:type="linear"

   android:angle="270"/>
</shape>

Now add the following attribute to your EditText:

<EditText

            android:id="@+id/inputSearchEditText"

            android:layout_marginLeft="15dp"

            android:layout_marginTop="15dp"

            android:layout_marginBottom="20dp"

            android:layout_marginRight="15dp"

            android:layout_centerVertical="true"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:ellipsize="start"

            android:gravity="center"

            android:hint="Search text"

            android:inputType="text"

            android:background="@drawable/EditTextStyle"/>

Or you can apply the style by using C# code if you are using Xamarin to develop Android app:

inputSearchEditText.SetBackgroundResource(Resource.Drawable.EditTextStyle);

Now it's finished. Actually, it's very simple.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

ashishkumar008
Student ORIENTAL INSTITUTE OF SCIENCE AND TECHNOLOGY, RGPV
India India
No Biography provided

Comments and Discussions

 
QuestionError Occurring Pin
Member 125889568-Aug-16 20:27
MemberMember 125889568-Aug-16 20:27 
GeneralBest way to border in android. Pin
harshadcse2-Jan-15 9:20
Memberharshadcse2-Jan-15 9:20 
QuestionThank you Pin
Mohammedkabir Dawud23-Dec-14 5:53
professionalMohammedkabir Dawud23-Dec-14 5:53 
GeneralMy vote of 1 Pin
FaizanMubasher26-Nov-14 0:38
professionalFaizanMubasher26-Nov-14 0:38 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.