Android layout screen

Chip Navigation Bar

on
2

Android XML Code

on

 




Login Page->>

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout 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"

    android:background="#C4E3DCDC"

    tools:context=".kotlin.LoginScreenPage">



    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true"

        android:src="@drawable/shape_btn"

        android:tint="@color/colorAccentDark" />


    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentRight="true"

        android:layout_margin="@dimen/elevation_16"

        android:fontFamily="@font/opensans_regular"

        android:gravity="center"

        android:padding="@dimen/elevation_8"

        android:text="Skip"

        android:textColor="@color/colorAccentDark"

        android:textStyle="bold" />


    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_centerInParent="true"

        android:layout_marginLeft="@dimen/height_40"

        android:layout_marginRight="@dimen/height_40"

        android:orientation="vertical">


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="center"

            android:fontFamily="@font/opensans_regular"

            android:text="Sign In"

            android:textColor="@color/colorAccentDark"

            android:textSize="@dimen/height_25"

            android:textStyle="bold" />



        <EditText

            android:layout_width="match_parent"

            android:layout_height="@dimen/height_45"

            android:layout_marginTop="@dimen/height_40"

            android:background="@drawable/curved_grey_rounf"

            android:drawableLeft="@drawable/ic_person"

            android:drawablePadding="@dimen/height_15"

            android:drawableTint="@color/colorAccentDark"

            android:fontFamily="@font/opensans_regular"

            android:hint="Username"

            android:inputType="text"

            android:paddingLeft="@dimen/elevation_16" />


        <EditText

            android:layout_width="match_parent"

            android:layout_height="@dimen/height_45"

            android:layout_marginTop="@dimen/elevation_12"

            android:background="@drawable/curved_grey_rounf"

            android:drawableLeft="@drawable/ic_lock_black_24dp"

            android:drawableRight="@drawable/ic_visibility"

            android:drawablePadding="@dimen/height_15"

            android:drawableTint="@color/colorAccentDark"

            android:fontFamily="@font/opensans_regular"

            android:hint="Password"

            android:inputType="textPassword"

            android:paddingLeft="@dimen/elevation_16"

            android:paddingRight="@dimen/elevation_16" />


        <RelativeLayout

            android:layout_width="match_parent"

            android:layout_height="@dimen/height_40"

            android:layout_margin="@dimen/elevation_4">


            <CheckBox

                android:layout_width="wrap_content"

                android:layout_height="match_parent"

                android:fontFamily="@font/opensans_regular"

                android:shadowColor="@color/colorAccentDark"

                android:text="Remember me"

                android:textColor="@color/colorAccentDark" />


            <TextView

                android:layout_width="wrap_content"

                android:layout_height="match_parent"

                android:layout_alignParentRight="true"

                android:fontFamily="@font/opensans_regular"

                android:gravity="center"

                android:onClick="forgotpasspage"

                android:text="Forgot Password"

                android:textColor="@color/colorAccentDark"

                android:textStyle="bold" />


        </RelativeLayout>


        <androidx.appcompat.widget.AppCompatButton

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginLeft="@dimen/elevation_10"

            android:layout_marginTop="@dimen/elevation_20"

            android:layout_marginRight="@dimen/elevation_10"

            android:background="@drawable/custom_gradient_button_disabled"

            android:backgroundTint="@color/colorAccentDark"

            android:fontFamily="@font/opensans_regular"

            android:text="LOG IN"

            android:textColor="@color/white"

            android:textSize="@dimen/elevation_20"

            android:textStyle="bold" />


        <LinearLayout

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="center"

            android:layout_marginTop="@dimen/height_60"

            android:onClick="registerScreen"

            android:orientation="horizontal"

            android:padding="@dimen/elevation_8">


            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_gravity="center"

                android:fontFamily="@font/opensans_regular"

                android:text="Don't have an account?"

                android:textColor="@color/primarytext" />


            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_gravity="center"

                android:layout_marginLeft="@dimen/height_5"

                android:fontFamily="@font/opensans_regular"

                android:text="Create"

                android:textColor="@color/colorAccentDark" />

        </LinearLayout>


    </LinearLayout>

</RelativeLayout>



Shapes-->


<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >

    <corners

        android:bottomLeftRadius="1dp"

        android:bottomRightRadius="1dp"

        android:topLeftRadius="0dp"

        android:topRightRadius="100dp"

        />

    <solid

        android:color="#FF647C"

        />

    <size

        android:width="@dimen/height_200"

        android:height="@dimen/height_100"

        />

</shape>



ForGot Pass--->>>>>>>>>>..

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout 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"

    android:background="#C4E3DCDC"

    tools:context=".kotlin.ForgotPassScreenPage">



    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/shape_btn"

        android:tint="@color/colorAccentDark"

        android:layout_alignParentBottom="true"/>


    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentRight="true"

        android:layout_margin="@dimen/elevation_16"

        android:padding="@dimen/elevation_8"

        android:gravity="center"

        app:srcCompat="@drawable/ic_close_black_24dp"

        android:onClick="cutLogin"

        android:tint="@color/colorAccentDark"

        />


    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_centerInParent="true"

        android:layout_marginLeft="@dimen/height_40"

        android:layout_marginRight="@dimen/height_40"

        android:orientation="vertical">


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Forgot Password?"

            android:fontFamily="@font/opensans_regular"

            android:textStyle="bold"

            android:textSize="@dimen/height_25"

            android:textColor="@color/colorAccentDark"

            android:layout_gravity="center"/>



        <EditText

            android:layout_width="match_parent"

            android:layout_height="@dimen/height_45"

            android:layout_marginTop="@dimen/height_40"

            android:background="@drawable/curved_grey_rounf"

            android:hint="Enter Email"

            android:fontFamily="@font/opensans_regular"

            android:paddingLeft="@dimen/elevation_16"

            android:drawableLeft="@drawable/ic_person"

            android:drawableTint="@color/colorAccentDark"

            android:drawablePadding="@dimen/height_15"

            android:inputType="text"/>


        <androidx.appcompat.widget.AppCompatButton

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="@dimen/elevation_20"

            android:layout_marginRight="@dimen/elevation_10"

            android:layout_marginLeft="@dimen/elevation_10"

            android:background="@drawable/custom_gradient_button_disabled"

            android:text="Send Reset Link"

            android:fontFamily="@font/opensans_regular"

            android:backgroundTint="@color/colorAccentDark"

            android:textStyle="bold"

            android:textAllCaps="false"

            android:textColor="@color/white"

            android:textSize="@dimen/elevation_20"/>


        <LinearLayout

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginTop="@dimen/height_60"

            android:padding="@dimen/elevation_8"

            android:onClick="signPage"

            android:orientation="horizontal"

            android:layout_gravity="center"

            >

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="Back to"

                android:fontFamily="@font/opensans_regular"

                android:textColor="@color/primarytext"

                android:layout_gravity="center"/>


            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="Sign In"

                android:layout_marginLeft="@dimen/height_5"

                android:fontFamily="@font/opensans_regular"

                android:textColor="@color/colorAccentDark"

                android:layout_gravity="center"/>

        </LinearLayout>


    </LinearLayout>




</RelativeLayout>

Comments

Post a Comment