Rounded Borders for EditText Android
<p>I am trying to create rounded borders around two of the EditTexts in my one of my layouts. For this I have created a xml <strong>rounded_pass.xml</strong> and assigned it as a background to <strong>LinearLayout</strong> containing both the EditText fields. But I also want to have a seperator between EditViews.   </p>

<p><strong>rounded_pass.xml</strong></p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
    &lt;item&gt;
        &lt;shape android:shape="rectangle"  &gt;
            &lt;corners
                android:topLeftRadius="5dip"
                android:topRightRadius="5dip"
                android:bottomLeftRadius="5dip"
                android:bottomRightRadius="5dip"

                /&gt;
        &lt;/shape&gt;
    &lt;/item&gt;
&lt;/selector&gt;
</code></pre>

<p><strong>LoginActivity.xml:</strong></p>

<pre><code> .......
    .......
     &lt;LinearLayout
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/imageView"
    android:background="@drawable/rounded_pass"
    &gt;
    &lt;EditText
        android:layout_width="215dp"
        android:layout_height="wrap_content"
        android:id="@+id/editText"

       /&gt;

    &lt;EditText
        android:layout_width="215dp"
        android:layout_height="wrap_content"
        android:inputType="textPassword"
        android:ems="10"
        android:id="@+id/editText2"
     /&gt;
    &lt;/LinearLayout&gt;
    .......
    .......
</code></pre>

<p>The Effect I want to have is:
<a href="http://i.stack.imgur.com/Qmz9u.png" rel="nofollow">Desired Effect</a></p>

<p>Right Now:</p>

<p><a href="http://i.stack.imgur.com/lTElG.png" rel="nofollow">Error Image</a></p>