E-Commerce App Source Code (Part - 3)

                                             

                                                     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.


Note:  In Layouts we will use Placeholder instead of using actual images, because it will be fetch from server side panel that will be created soon. So don't be confuse😇 and follow all steps.  


For Placeholder click the link below

https://www.google.com/search?q=placeholder&tbm=isch&chips=q:placeholder,g_1:transparent:kcx_pmveNhQ%3D&hl=en&sa=X&ved=2ahUKEwjp-tDUjfqBAxWEpkwKHbHvDYAQ4lYoBHoECAEQNQ&biw=1345&bih=607     


                                                     Demo of the App


Screen Shot









Main Activity (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:layout_width="match_parent"

    android:layout_height="match_parent"


    tools:context=".activities.MainActivity">



    <ImageView

        android:id="@+id/imageView3"

        android:layout_width="104dp"

        android:layout_height="101dp"

        android:background="@drawable/shape"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.052"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.417"

        app:srcCompat="@drawable/ic_launcher_placehoder" />


    <TextView

        android:id="@+id/tv1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Home Page"

        android:textColor="@color/black"

        android:textSize="24dp"

        android:textStyle="bold"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.45"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.112" />


    <ImageView

        android:id="@+id/imageView5"

        android:layout_width="112dp"

        android:layout_height="101dp"

        android:background="@drawable/shape"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.946"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.417"

        app:srcCompat="@drawable/ic_launcher_placehoder" />


    <ImageView

        android:id="@+id/imageView4"

        android:layout_width="112dp"

        android:layout_height="97dp"

        android:background="@drawable/shape"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.478"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.421"

        app:srcCompat="@drawable/ic_launcher_placehoder" />


    <ImageView

        android:id="@+id/imageView6"

        android:layout_width="108dp"

        android:layout_height="98dp"

        android:background="@drawable/shape"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.053"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.629"

        app:srcCompat="@drawable/ic_launcher_placehoder" />


    <ImageView

        android:id="@+id/imageView7"

        android:layout_width="109dp"

        android:layout_height="96dp"

        android:background="@drawable/shape"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.503"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.629"

        app:srcCompat="@drawable/ic_launcher_placehoder" />


    <TextView

        android:id="@+id/tv2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Item 1"

        android:textStyle="bold"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.11"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.522" />


    <TextView

        android:id="@+id/tv3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Item 2"

        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.522" />


    <TextView

        android:id="@+id/tv4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Item 3"

        android:textStyle="bold"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.843"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.522" />


    <TextView

        android:id="@+id/tv5"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Item 4"

        android:textStyle="bold"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.137"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.713" />


    <TextView

        android:id="@+id/tv6"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Item 5"

        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.713" />


    <ImageView

        android:id="@+id/imageView8"

        android:layout_width="104dp"

        android:layout_height="101dp"

        android:background="@drawable/shape"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.921"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.62"

        app:srcCompat="@drawable/ic_launcher_placehoder" />


    <TextView

        android:id="@+id/tv7"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Item 6"

        android:textStyle="bold"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.876"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.713" />



</androidx.constraintlayout.widget.ConstraintLayout>



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




icon Shape (Drawable File)



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

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


    <solid android:color="#1976D2" >


    </solid>


</shape>




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




All the Best 😇 

Best Regards

Android Tutorials Point 


To understand the tutorial step by step you have to be watch video from here.

Playlist of E-Commerce App YouTube Link.

https://www.youtube.com/playlist?list=PLLpZnoKq_Rexp5iX1rJXnqmWM-OelcmCg


      

Comments

Post a Comment

Popular posts from this blog

E-Commerce App Source Code (Part - 5)

Image
                                                    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. Note:  In Layouts we will use Glide Library to download image , icons , colors and ids from server side panel or randomly downloads from internet, because it will be fetch all attributes from server side panel that will be created soon. So don't be confuse😇 and fol...
Read more

Todo App Source Code

Image
                              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 Todo App just copy these codes into your App and Run any time. Literally I have explained each steps in this Tutorial. 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 Code  (Design)   xmlns:app="http://schemas.android.com/apk/res-auto"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="m...
Read more

E-Commerce App Source Code (Part - 2)

Image
                                                           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. Note:  In Layouts we will use Placeholder instead of using actual images, because it will be fetch from server side panel that will be created soon. So don't be confuse😇 and follow all steps.  For Placeholder click the link below htt...
Read more