Headertab

Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Tuesday 31 May 2016

Login form design


design_one.xml



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:background="@color/jumbo"
            android:orientation="vertical" >


            <LinearLayout android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="16dp"
                android:layout_marginTop="16dp"
                android:layout_marginRight="16dp"
                android:layout_marginBottom="30dp"
                android:orientation="vertical"
                android:gravity="center_horizontal"
                android:background="@drawable/design_second"
                >

                <ImageView android:layout_width="100dp"
                    android:layout_height="100dp"
                    android:background="@drawable/ss"
                    android:layout_marginTop="15dp"
                    android:layout_gravity="center_horizontal"/>

                <EditText
                    android:layout_width="fill_parent"
                    android:layout_height="40dp"
                    android:hint="Username"
                    android:gravity="center_vertical"
                    android:background="#f3f3f3"
                    android:textColor="#000"
                    android:textSize="15dp"
                    android:paddingLeft="5dp"
                    android:layout_marginTop="30dp"/>

                <EditText android:layout_width="fill_parent"
                    android:layout_height="40dp"
                    android:hint="password"
                    android:textSize="15dp"
                    android:gravity="center_vertical"
                    android:background="#f3f3f3"
                    android:paddingLeft="5dp"
                    android:layout_marginTop="15dp"/>


                <LinearLayout
                    android:layout_marginTop="10dp"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:gravity="center_horizontal"
                    >

                    <TextView
                        android:id="@+id/reg"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textSize="16dp"
                        android:textColor="#000000"
                        android:text="Register Here"
                        android:textStyle="bold"
                        />
                    <TextView
                        android:layout_marginLeft="5dp"
                        android:layout_marginRight="5dp"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textSize="14dp"
                        android:textColor="#000000"
                        android:text="|"
                        android:textStyle="bold"
                        />
                    <TextView
                        android:id="@+id/forgot_password"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textSize="16dp"
                        android:textColor="#000000"
                        android:text="Forgot Password?"
                        android:textStyle="bold"

                        />

                </LinearLayout>
                <Button android:layout_width="190dp"
                    android:layout_height="38dp"
                    android:gravity="center"
                    android:layout_marginTop="16dp"
                    android:text="submit"
                    android:textColor="#fff"
                    android:textSize="13dp"
                    android:background="#13b586"/>



                <Button android:layout_width="190dp"
                    android:layout_height="38dp"
                    android:gravity="center"
                    android:layout_marginTop="16dp"
                    android:text="Login with facebook"
                    android:textColor="#fff"
                    android:textSize="13dp"
                    android:background="#2683c2"/>

                <Button android:layout_width="190dp"
                    android:layout_height="38dp"
                    android:gravity="center"
                    android:layout_marginTop="16dp"
                    android:text="Login with google+"
                    android:textColor="#fff"
                    android:textSize="13dp"
                    android:background="#eb543b"/>

            </LinearLayout>

        </LinearLayout>

</LinearLayout>



design_two.xml



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffBE80FF"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:layout_weight="1">

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Samset"
            android:textColor="#ffffffff"
            android:textSize="30dp" />


    </LinearLayout>

      <LinearLayout
          android:id="@+id/ll2"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_weight="1"
          android:gravity="center_vertical|center_horizontal">


            <LinearLayout
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:orientation="vertical">

                  <LinearLayout
                      android:id="@+id/email_login_form"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:orientation="vertical">

                      <EditText
                          android:id="@+id/email"
                          android:layout_width="match_parent"
                          android:layout_height="wrap_content"
                          android:layout_marginBottom="10dp"
                          android:hint="Email"
                          android:textSize="15dp"
                          android:inputType="textEmailAddress"
                          android:maxLines="1"
                          android:singleLine="true"
                          android:textColor="#fff"
                          android:textColorHint="#fff" />

                      <EditText
                          android:id="@+id/password"
                          android:layout_width="match_parent"
                          android:layout_height="wrap_content"
                          android:layout_marginBottom="10dp"
                          android:hint="Password"
                          android:textSize="15dp"
                          android:imeActionLabel="Sign_in"
                          android:imeOptions="actionUnspecified"
                          android:inputType="textPassword"
                          android:maxLines="1"
                          android:singleLine="true"
                          android:textColor="#ffffffff"
                          android:textColorHint="#ffffffff" />

                      <Button
                          android:textSize="15dp"
                          android:id="@+id/email_sign_in_button"
                          style="?android:textAppearanceMedium"
                          android:layout_width="150dp"
                          android:layout_height="wrap_content"
                          android:gravity="center"
                          android:layout_gravity="center"
                          android:layout_marginTop="16dp"
                          android:background="@drawable/btnshapethree"
                          android:text="Sign_in"
                          android:textColor="#fff"
                          android:textStyle="bold" />

                  </LinearLayout>
              </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="bottom|center_horizontal">

        <TextView
            android:textSize="15dp"
            android:id="@+id/signUpTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:autoLink="web"
            android:text="Sign up"
            android:textColor="#ffffffff" />
    </LinearLayout>
</LinearLayout>








Thank you



No comments:

Post a Comment