Android editTexts and Buttons like IOS in material design

Question

How we can do this like the below image on EditText and Button in material design on Android ?

enter image description here

Cheers!

using xml style for button and editText (with-rounded-corners) — Zied R., May 14 '15 at 13:34
@ZiedRebhi example please - CommonsWare - are you sure we cannot design this? — android developer, May 14 '15 at 13:35
see this answer for button with rounded corners : http://stackoverflow.com/a/18879660/2337837 — Zied R., May 14 '15 at 13:36
and this an example for EditText http://stackoverflow.com/a/6895823/2337837 — Zied R., May 14 '15 at 13:38
and what about the editTexts background like the above picture? — android developer, May 14 '15 at 13:40
EditText with Transparent Background : `android:background="@null"`;) — Zied R., May 14 '15 at 13:41

score 1 · Answer 1 · answered May 14 '15 at 13:44

Create a xml with the below code in drawable and set it as your edittext bg..

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
<solid android:color="#00FFFFFF"/>
<corners
    android:bottomRightRadius="20dp"
    android:bottomLeftRadius="20dp"
    android:topLeftRadius="20dp"
    android:topRightRadius="20dp"/>
 <stroke android:width="1dp" android:color="#FFFFFFFF" />
</shape>

score 0 · Answer 2 · answered May 14 '15 at 13:36

0

You may find what you want here:

http://developer.android.com/guide/topics/ui/controls/button.html#Style

answered May 14 '15 at 13:36

Ahmed Hamouda

43
8

score 0 · Answer 3 · answered May 14 '15 at 13:41

Use this xml for the EditText, remove transparent and add color for Button:

<?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient android:startColor="@android:color/transparent"
        android:endColor="@android:color/transparent"
        android:angle="270" />
    <corners android:radius="30dp" />
    <stroke android:width="5px" android:color="@android:color/white" />
 </shape>

Android editTexts and Buttons like IOS in material design

3 Answers3