Tuesday, 1 December 2015

Android create EditText with rounded corners?


http://stackoverflow.com/questions/3646415/how-to-create-edittext-with-rounded-corners




<EditText    android:layout_marginTop="5dp"    android:layout_marginBottom="5dp"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:inputType="number"    android:hint="@string/scan_or_input_barcode_here"    android:ems="10"    android:id="@+id/input_product_barcode"    android:background="@drawable/rounded_edge"    android:textColorHint="@color/colortab_1_text"    android:textColor="@color/colortab_1_text"    android:drawableLeft="@drawable/ic_center_focus_weak_white_24dp"    android:imeOptions="actionGo"    android:gravity="top|center_horizontal"
    />



<?xml version="1.0" encoding="utf-8"?>
<!--  res/drawable/edittext_rounded_corners.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true" android:state_focused="true">
        <shape>
            <solid android:color="@color/colortab_1"/>
            <stroke
                android:width="2.3dp"
                android:color="@color/colortab_1" />
            <corners
                android:radius="15dp" />
        </shape>
    </item>

    <item android:state_pressed="true" android:state_focused="false">
        <shape>
            <solid android:color="@color/colortab_1"/>
            <stroke
                android:width="2.3dp"
                android:color="@color/colortab_1" />
            <corners
                android:radius="15dp" />
        </shape>
    </item>

    <item android:state_pressed="false" android:state_focused="true"> this is the status after user clicked (focused it)
        <layer-list>
            <item>
                <shape>
                    <solid android:color="@color/colortab_1"/>
                </shape>
            </item>

            <item>
                <shape>
                    <solid android:color="@color/colortab_1"/>
                    <stroke
                        android:width="2.3dp"
                        android:color="@color/colortab_1_text" />
                    <corners
                        android:radius="15dp" />
                </shape>
            </item>
        </layer-list>
    </item>

    <item android:state_pressed="false" android:state_focused="false">  this is the default status
        <shape>
            <gradient
                android:startColor="@color/colortab_1"
                android:centerColor="@color/colortab_1"
                android:endColor="@color/colortab_1"
                android:angle="270"
                />
            <stroke
                android:width="0.7dp"
                android:color="@color/colortab_1_text" />
            <corners
                android:radius="15dp" />
        </shape>
    </item>

    <item android:state_enabled="true">
        <shape>
            <padding
                android:left="4dp"
                android:top="4dp"
                android:right="4dp"
                android:bottom="4dp"
                />
        </shape>
    </item>

</selector>









No comments:

Post a comment