E-Commerce App Source Code (Part - 1)

                                                     Android Tutorials Point 

               The best Android Apps Source Code 


Welcome Dear Viewers,

The best Android Apps Source Code is available at one place. So to make The best E-Commerce App just copy these codes into your App and Run any time. Literally I have explained each steps in this Tutorial.

This is Only page setup coding & next parts will be publishing soon here too.  

I will show you their XML code and Java code for more clarification. So Lets start our Source Code.


                                                       Demo of  the App 




Screen Shot (XML File)







XML Code (Design of Screen 1)


      

       

     <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="@drawable/ic_launcher_blue"

    tools:context=".MainActivity">


    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginLeft="150dp"

        android:layout_marginTop="55dp"

        android:textStyle="bold"

        android:textColor="#7B1FA2"

        android:layout_marginRight="140dp"

        android:fontFamily="sans-serif-condensed"

        android:textSize="24dp"

        android:pa1dding="24dp"

        android:text="SignUp" />



    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:padding="24dp"

        android:orientation="vertical">


        <EditText

            android:id="@+id/et1"

            android:textStyle="bold"

            android:layout_width="356dp"

            android:layout_height="48dp"

            android:layout_marginTop="356dp"

            android:textColor="@color/white"

            android:hint="Name"

            android:layout_marginRight="24dp"

            android:background="@drawable/et_shape"

              />


        <EditText

            android:id="@+id/et2"

            android:layout_width="356dp"

            android:layout_height="48dp"

            android:layout_marginTop="15dp"

            android:hint="Phone Number"

            android:textStyle="bold"

            android:textColor="@color/white"

            android:layout_marginRight="24dp"

            android:background="@drawable/et_shape"

            />


        <EditText

            android:id="@+id/et3"

            android:layout_width="356dp"

            android:layout_height="48dp"

            android:layout_marginTop="15dp"

            android:hint="Email"

            android:textStyle="bold"

            android:textColor="@color/white"

            android:layout_marginRight="24dp"

            android:background="@drawable/et_shape"

            />


        <EditText

            android:id="@+id/et4"

            android:layout_width="356dp"

            android:layout_height="48dp"

            android:layout_marginTop="15dp"

            android:textStyle="bold"

            android:hint="Password"

            android:textColor="@color/white"

            android:layout_marginRight="24dp"

            android:background="@drawable/et_shape"

            />

        <Button

            android:id="@+id/sign"

            android:layout_width="356dp"

            android:layout_height="48dp"

            android:layout_marginTop="15dp"

            android:hint="Sign Up"

            android:textColor="@color/white"

            android:textSize="24dp"

            android:textStyle="bold"

            android:layout_marginRight="24dp"

            android:backgroundTint="#13D3D9"

            />



    </LinearLayout>

</RelativeLayout>



.....................................................


  

Welcome Screen Design (XML File)




<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:background="#02B9D1"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".welcome_screen">


    <ProgressBar

        android:id="@+id/progressBar2"

        style="?android:attr/progressBarStyle"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.471"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.635" />


    <TextView

        android:id="@+id/tv"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Welcome To E-Shop"

        android:textColor="@color/white"

        android:textSize="35dp"

        android:textStyle="bold"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.498"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.323" />

</androidx.constraintlayout.widget.ConstraintLayout>





......................................................





Shape Changing (Drawable File)




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


    <solid android:color="#77ABDE">


    </solid>

    <corners android:radius="10dp"/>

</shape>




........................................................



Note:  This is Only 1st Screen Design Part and next parts will be publishing soon..... So stay tuned.  





Comments

Popular posts from this blog

E-Commerce App Source Code (Part - 5)

Todo App Source Code

E-Commerce App Source Code (Part - 2)