Login screen with Social Design in Android.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".Login"
    tools:showIn="@layout/activity_login">
    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:fillViewport="true"
        tools:ignore="MissingConstraints">
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        tools:ignore="MissingConstraints">

       <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
           android:layout_margin="10dip"
           android:gravity="top|center"
        android:layout_marginTop="20dip">
           <ImageView
               android:layout_width="200dip"
               android:layout_height="120dip"
               android:layout_marginTop="20dp"
               android:id="@+id/img1"
               android:src="@drawable/globe"/>
           <com.google.android.material.textfield.TextInputLayout
               android:id="@+id/usernameWrapper"
               android:layout_width="match_parent"
               android:layout_height="60dip">

               <EditText
                   android:id="@+id/username"
                   android:layout_width="match_parent"
                   android:layout_height="wrap_content"
                   android:inputType="textEmailAddress"
                   android:padding="10dip"
                   android:textColor="@color/colorAccent"
                   android:textColorHint="@color/colorAccent"
                   android:hint="Username"/>

           </com.google.android.material.textfield.TextInputLayout>

           <com.google.android.material.textfield.TextInputLayout
               android:id="@+id/poss"
               android:layout_width="match_parent"
               android:layout_height="60dip">

               <EditText
                   android:id="@+id/password"
                   android:layout_width="match_parent"
                   android:layout_height="wrap_content"
                   android:inputType="textPassword"
                   android:padding="10dip"
                   android:textColor="@color/colorAccent"
                   android:textColorHint="@color/colorAccent"
                   android:hint="Password"/>

           </com.google.android.material.textfield.TextInputLayout>

           <Button
               android:id="@+id/button"
               android:layout_width="100dip"
               android:layout_height="40dip"
               android:layout_marginTop="25dip"
               android:layout_margin="0dp"
               android:textSize="20dip"
               android:background="@color/colorAccent"
               android:text="Login"
               style="@style/Widget.MaterialComponents.Button"
               android:textColor="#fff"/>
           <LinearLayout
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:orientation="horizontal"
               android:layout_marginTop="20dip">
               <RelativeLayout
                   android:layout_width="match_parent"
                   android:layout_height="wrap_content"
                   android:layout_centerVertical="true">

                   <TextView
                       android:id="@+id/tvText"
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_centerInParent="true"
                       android:layout_marginLeft="10dp"
                       android:layout_marginRight="10dp"
                       android:textSize="20dip"
                       android:text="or"
                       android:textColor="#000"/>

                   <View
                       android:layout_width="match_parent"
                       android:layout_height="1dp"
                       android:layout_centerVertical="true"
                       android:layout_marginLeft="10dp"
                       android:layout_toLeftOf="@id/tvText"
                       android:background="@color/colorAccent"
                       />

                   <View
                       android:layout_width="match_parent"
                       android:layout_height="1dp"
                       android:layout_centerVertical="true"
                       android:layout_marginRight="10dp"
                       android:layout_toRightOf="@id/tvText"
                       android:background="@color/colorAccent"
                       />

               </RelativeLayout>

           </LinearLayout>

           <TextView
               android:id="@+id/tvText1"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_centerInParent="true"
               android:layout_marginLeft="10dp"
               android:layout_marginRight="10dp"
               android:textSize="20dip"
               android:layout_marginTop="20dip"
               android:text="No account yet ? create"
               android:textColor="#000"/>
           <RelativeLayout
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:layout_marginTop="20dip"
               android:layout_centerVertical="true">
               <TextView
                   android:id="@+id/or"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_centerInParent="true"
                   android:layout_marginLeft="10dp"
                   android:layout_marginRight="10dp"
                   android:textSize="20dip"
                   android:text="or"
                   android:textColor="#000"/>
           <ImageView
               android:layout_width="270dip"
               android:layout_height="80dip"
               android:id="@+id/fb"
               android:layout_toLeftOf="@id/or"
               android:src="@drawable/facebook"/>

           <ImageView
               android:layout_width="270dip"
               android:layout_height="80dip"
               android:id="@+id/goog"
               android:layout_toRightOf="@+id/or"
               android:src="@drawable/google_plus"/>
           </RelativeLayout>
       </LinearLayout>
    </LinearLayout>
    </ScrollView>
</androidx.constraintlayout.widget.ConstraintLayout>







Popular posts from this blog

Simple Sign up design. Android.

Cart page design in android.

Set Date on jDateChooser and retrieve record from database.