Create Custome Search Bar
<p>I would like to add a search bar to my activity that should look like this:</p>

<p><img src="http://i.stack.imgur.com/xBAaj.png" alt="enter image description here"></p>

<p>My Layout.xml looks like this:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"&gt;

&lt;LinearLayout android:orientation="horizontal"
style="@android:style/ButtonBar" android:id="@+id/header"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"&gt;
&lt;EditText android:id="@+id/ean" android:layout_width="100dp"
android:layout_height="fill_parent" android:layout_weight="1.5"/&gt;
&lt;Button android:id="@+id/search" android:layout_width="0.0dip"
android:layout_height="fill_parent" android:text="@string/Search"
android:layout_weight="1.0" /&gt;
&lt;/LinearLayout&gt;

&lt;LinearLayout android:orientation="horizontal"
style="@android:style/ButtonBar" android:id="@+id/footer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"&gt;
&lt;Button android:id="@+id/cancel" android:layout_width="0.0dip"
android:layout_height="fill_parent" android:text="@string/cancel"
android:layout_weight="1.0" /&gt;
&lt;Button android:id="@+id/light" android:layout_width="0.0dip"
android:layout_height="fill_parent" android:text="@string/light"
android:layout_weight="1.0" /&gt;
&lt;/LinearLayout&gt;
</code></pre>

<p></p>

<p>The Graphical Layout looks like this:
<img src="http://i.stack.imgur.com/1TA3X.png" alt="enter image description here"></p>

<p>How can i style my layout that it looks like in the image above?</p>
