Widget Recent Post No.

header ads

How to Make Modern Dashboard UI Design Android Studio


 

Step1 MAIN.XML

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

    android:orientation="vertical"

    tools:context=".Home.Home_page">




    <TextView

        android:id="@+id/textView16"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Become a\nVolunteer"

        android:textColor="#0D8E53"

        android:textSize="16sp"

        app:layout_constraintEnd_toEndOf="@+id/imageView14"

        app:layout_constraintStart_toStartOf="@+id/imageView14"

        app:layout_constraintTop_toBottomOf="@+id/imageView14" />


    <androidx.constraintlayout.widget.ConstraintLayout

        android:id="@+id/constraintLayout"

        android:layout_width="match_parent"

        android:layout_height="350dp"

        android:background="@drawable/home_bg"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="1.0"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent">




        <ImageView

            android:id="@+id/imageView"

            android:layout_width="90dp"

            android:layout_height="65dp"

            android:layout_marginStart="16dp"

            android:layout_marginTop="16dp"

            app:layout_constraintStart_toStartOf="parent"

            app:layout_constraintTop_toTopOf="parent"

            app:srcCompat="@drawable/logo"

            android:layout_marginLeft="16dp" />



        <ImageView

            android:id="@+id/share"

            android:layout_width="30dp"

            android:layout_height="30dp"

            android:layout_marginTop="16dp"

            android:layout_marginEnd="12dp"

            android:layout_marginRight="12dp"

            app:layout_constraintEnd_toEndOf="parent"

            app:layout_constraintTop_toTopOf="parent"

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


        <androidx.cardview.widget.CardView

            android:id="@+id/cardView5"

            android:layout_width="0dp"

            android:layout_height="97dp"

            android:layout_marginStart="8dp"

            android:layout_marginEnd="16dp"

            android:background="#FFFFFF"

            app:cardCornerRadius="4dp"

            app:layout_constraintBottom_toBottomOf="@+id/cardView6"

            app:layout_constraintEnd_toEndOf="parent"

            app:layout_constraintHorizontal_bias="0.5"

            app:layout_constraintStart_toEndOf="@+id/cardView6"

            app:layout_constraintTop_toTopOf="@+id/cardView6"

            android:layout_marginLeft="8dp"

            android:layout_marginRight="16dp">


            <androidx.constraintlayout.widget.ConstraintLayout

                android:layout_width="match_parent"

                android:layout_height="match_parent">



                <ImageView

                    android:id="@+id/imageView10"

                    android:layout_width="67dp"

                    android:layout_height="28dp"

                    android:layout_marginEnd="0dp"

                    android:layout_marginBottom="0dp"

                    app:layout_constraintBottom_toBottomOf="parent"

                    app:layout_constraintEnd_toEndOf="parent"

                    app:srcCompat="@drawable/followus"

                    android:layout_marginRight="8dp" />


                <ImageView

                    android:id="@+id/imageView9"

                    android:layout_width="32dp"

                    android:layout_height="32dp"

                    android:layout_marginStart="12dp"

                    android:layout_marginLeft="12dp"

                    android:layout_marginTop="16dp"

                    app:layout_constraintStart_toStartOf="parent"

                    app:layout_constraintTop_toTopOf="parent"

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


                <TextView

                    android:id="@+id/textView4"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginStart="4dp"


                    android:text="Instagram"

                    android:textColor="#1E2432"

                    android:textSize="11sp"

                    app:layout_constraintBottom_toBottomOf="@+id/imageView9"

                    app:layout_constraintStart_toEndOf="@+id/imageView9"

                    app:layout_constraintTop_toTopOf="@+id/imageView9"

                    android:layout_marginLeft="4dp" />


                <TextView

                    android:id="@+id/instagram"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginTop="5dp"

                    android:text="Seekmyvision.in"

                    android:textColor="#1E2432"

                    android:textSize="18dp"

                    app:layout_constraintStart_toStartOf="@+id/imageView9"

                    app:layout_constraintTop_toBottomOf="@+id/imageView9" />


                <TextView

                    android:id="@+id/textView10"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginTop="0dp"


                    android:text="Click Here"

                    android:textColor="#1E2432"

                    android:textSize="9sp"

                    app:layout_constraintStart_toStartOf="@+id/instagram"

                    app:layout_constraintTop_toBottomOf="@+id/instagram" />

            </androidx.constraintlayout.widget.ConstraintLayout>


        </androidx.cardview.widget.CardView>


        <androidx.cardview.widget.CardView

            android:id="@+id/cardView6"

            android:layout_width="0dp"

            android:layout_height="97dp"

            android:layout_marginStart="16dp"

            android:layout_marginTop="16dp"

            android:layout_marginEnd="8dp"

            android:background="#FFFFFF"

            app:cardCornerRadius="4dp"

            app:layout_constraintEnd_toStartOf="@+id/cardView5"

            app:layout_constraintHorizontal_bias="0.5"

            app:layout_constraintStart_toStartOf="parent"

            app:layout_constraintTop_toBottomOf="@+id/cardView4"

            android:layout_marginLeft="16dp"

            android:layout_marginRight="8dp">


            <androidx.constraintlayout.widget.ConstraintLayout

                android:layout_width="match_parent"

                android:layout_height="match_parent">



                <ImageView

                    android:id="@+id/imageView11"

                    android:layout_width="67dp"

                    android:layout_height="28dp"

                    android:layout_marginEnd="8dp"

                    android:layout_marginBottom="0dp"

                    app:layout_constraintBottom_toBottomOf="parent"

                    app:layout_constraintEnd_toEndOf="parent"

                    app:srcCompat="@drawable/followus"

                    android:layout_marginRight="8dp" />


                <ImageView

                    android:id="@+id/imageView8"

                    android:layout_width="32dp"

                    android:layout_height="32dp"

                    android:layout_marginStart="8dp"

                    android:layout_marginTop="8dp"

                    app:layout_constraintStart_toStartOf="parent"

                    app:layout_constraintTop_toTopOf="parent"

                    app:srcCompat="@drawable/telegrams"

                    android:layout_marginLeft="8dp" />


                <TextView

                    android:id="@+id/textView3"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginStart="4dp"


                    android:text="Student's Group"

                    android:textColor="#1E2432"

                    android:textSize="11sp"

                    app:layout_constraintBottom_toBottomOf="@+id/imageView8"

                    app:layout_constraintStart_toEndOf="@+id/imageView8"

                    app:layout_constraintTop_toTopOf="@+id/imageView8"

                    android:layout_marginLeft="4dp" />


                <TextView

                    android:id="@+id/telegram"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginTop="8dp"


                    android:text="Join Now"

                    android:textColor="#1E2432"

                    android:textSize="18dp"

                    app:layout_constraintStart_toStartOf="@+id/imageView8"

                    app:layout_constraintTop_toBottomOf="@+id/imageView8" />


                <TextView

                    android:id="@+id/textView9"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginTop="4dp"


                    android:text="Click Here"

                    android:textColor="#1E2432"

                    android:textSize="9sp"

                    app:layout_constraintStart_toStartOf="@+id/telegram"

                    app:layout_constraintTop_toBottomOf="@+id/telegram" />

            </androidx.constraintlayout.widget.ConstraintLayout>


        </androidx.cardview.widget.CardView>


        <androidx.cardview.widget.CardView

            android:id="@+id/cardView4"

            android:layout_width="0dp"

            android:layout_height="97dp"

            android:layout_marginStart="16dp"

            android:layout_marginTop="32dp"

            android:layout_marginEnd="8dp"

            android:background="#FFFFFF"

            app:cardCornerRadius="4dp"

            app:layout_constraintEnd_toStartOf="@+id/cardView3"

            app:layout_constraintHorizontal_bias="0.5"

            app:layout_constraintStart_toStartOf="parent"

            app:layout_constraintTop_toBottomOf="@+id/imageView"

            android:layout_marginLeft="16dp"

            android:layout_marginRight="8dp">


            <androidx.constraintlayout.widget.ConstraintLayout

                android:id="@+id/confirm"

                android:layout_width="match_parent"

                android:layout_height="match_parent">



                <ImageView

                    android:id="@+id/imageView4"

                    android:layout_width="67dp"

                    android:layout_height="28dp"

                    android:layout_marginEnd="8dp"

                    android:layout_marginBottom="0dp"

                    app:layout_constraintBottom_toBottomOf="parent"

                    app:layout_constraintEnd_toEndOf="parent"

                    app:srcCompat="@drawable/followus"


                    android:layout_marginRight="8dp" />



                <ImageView

                    android:id="@+id/imageView6"

                    android:layout_width="32dp"

                    android:layout_height="32dp"

                    android:layout_marginStart="8dp"

                    android:layout_marginTop="8dp"

                    app:layout_constraintStart_toStartOf="parent"

                    app:layout_constraintTop_toTopOf="parent"

                    app:srcCompat="@drawable/website"

                    android:layout_marginLeft="8dp" />


                <TextView

                    android:id="@+id/textView"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginStart="4dp"


                    android:text="Seekmyvision.in"

                    android:textColor="#1E2432"

                    android:textSize="11sp"

                    app:layout_constraintBottom_toBottomOf="@+id/imageView6"

                    app:layout_constraintStart_toEndOf="@+id/imageView6"

                    app:layout_constraintTop_toTopOf="@+id/imageView6"

                    android:layout_marginLeft="4dp" />


                <TextView

                    android:id="@+id/textView5"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginTop="8dp"

                    android:text="Log In"

                    android:textColor="#1E2432"

                    android:textSize="18dp"

                    app:layout_constraintStart_toStartOf="@+id/imageView6"

                    app:layout_constraintTop_toBottomOf="@+id/imageView6" />




                <TextView

                    android:id="@+id/textView11"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginTop="4dp"


                    android:text="Click Here"

                    android:textColor="#1E2432"

                    android:textSize="9sp"

                    app:layout_constraintStart_toStartOf="@+id/textView5"

                    app:layout_constraintTop_toBottomOf="@+id/textView5" />





            </androidx.constraintlayout.widget.ConstraintLayout>


        </androidx.cardview.widget.CardView>


        <androidx.cardview.widget.CardView

            android:id="@+id/cardView3"

            android:layout_width="0dp"

            android:layout_height="97dp"

            android:layout_marginStart="8dp"

            android:layout_marginEnd="16dp"

            android:background="#FFFFFF"

            app:cardCornerRadius="4dp"

            app:layout_constraintBottom_toBottomOf="@+id/cardView4"

            app:layout_constraintEnd_toEndOf="parent"

            app:layout_constraintHorizontal_bias="0.5"

            app:layout_constraintStart_toEndOf="@+id/cardView4"

            app:layout_constraintTop_toTopOf="@+id/cardView4"

            android:layout_marginLeft="8dp"

            android:layout_marginRight="16dp">


            <androidx.constraintlayout.widget.ConstraintLayout

                android:layout_width="match_parent"

                android:layout_height="match_parent">



                <ImageView

                    android:id="@+id/imageView5"

                    android:layout_width="67dp"

                    android:layout_height="28dp"

                    android:layout_marginEnd="8dp"

                    android:layout_marginBottom="0dp"

                    app:layout_constraintBottom_toBottomOf="parent"

                    app:layout_constraintEnd_toEndOf="parent"

                    app:srcCompat="@drawable/followus"

                    android:layout_marginRight="8dp" />


                <ImageView

                    android:id="@+id/imageView7"

                    android:layout_width="32dp"

                    android:layout_height="32dp"

                    android:layout_marginStart="8dp"

                    android:layout_marginTop="8dp"

                    app:layout_constraintStart_toStartOf="parent"

                    app:layout_constraintTop_toTopOf="parent"

                    app:srcCompat="@drawable/youtube"

                    android:layout_marginLeft="8dp" />


                <TextView

                    android:id="@+id/textView2"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginStart="4dp"


                    android:text="Youtube Channel"

                    android:textColor="#1E2432"

                    android:textSize="11sp"

                    app:layout_constraintBottom_toBottomOf="@+id/imageView7"

                    app:layout_constraintStart_toEndOf="@+id/imageView7"

                    app:layout_constraintTop_toTopOf="@+id/imageView7"

                    android:layout_marginLeft="4dp" />


                <TextView

                    android:id="@+id/textView7"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginTop="8dp"

                    android:text="Subscribe"

                    android:textColor="#1E2432"

                    android:textSize="18dp "

                    app:layout_constraintStart_toStartOf="@+id/imageView7"

                    app:layout_constraintTop_toBottomOf="@+id/imageView7" />


                <TextView

                    android:id="@+id/textView12"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginTop="4dp"

                    android:text="Click Here"

                    android:textColor="#1E2432"

                    android:textSize="9sp"

                    app:layout_constraintStart_toStartOf="@+id/textView7"

                    app:layout_constraintTop_toBottomOf="@+id/textView7" />

            </androidx.constraintlayout.widget.ConstraintLayout>


        </androidx.cardview.widget.CardView>

    </androidx.constraintlayout.widget.ConstraintLayout>


    <TextView

        android:id="@+id/textView13"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginStart="16dp"

        android:layout_marginTop="24dp"


        android:text="Get Started Now"

        android:textColor="#0D1333"

        android:textSize="20sp"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/constraintLayout"

        android:layout_marginLeft="16dp" />


    <ImageView

        android:id="@+id/imageView12"

        android:layout_width="90dp"

        android:layout_height="90dp"

        android:layout_marginTop="16dp"

        app:layout_constraintEnd_toStartOf="@+id/imageView13"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/textView13"

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


    <ImageView

        android:id="@+id/imageView13"

        android:layout_width="90dp"

        android:layout_height="90dp"

        app:layout_constraintBottom_toBottomOf="@+id/imageView12"

        app:layout_constraintEnd_toStartOf="@+id/imageView14"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toEndOf="@+id/imageView12"

        app:layout_constraintTop_toTopOf="@+id/imageView12"

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


    <ImageView

        android:id="@+id/imageView14"

        android:layout_width="90dp"

        android:layout_height="90dp"

        app:layout_constraintBottom_toBottomOf="@+id/imageView13"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toEndOf="@+id/imageView13"

        app:layout_constraintTop_toTopOf="@+id/imageView13"

        app:layout_constraintVertical_bias="0.0"

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


    <TextView

        android:id="@+id/textView14"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Create an \nAccount"

        android:textColor="#0D8E53"

        android:textSize="16sp"

        app:layout_constraintEnd_toEndOf="@+id/imageView12"

        app:layout_constraintStart_toStartOf="@+id/imageView12"

        app:layout_constraintTop_toBottomOf="@+id/imageView12" />


    <TextView

        android:id="@+id/textView15"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"


        android:text="Apply for\nCertificate"

        android:textColor="#0D8E53"

        android:textSize="16sp"

        app:layout_constraintEnd_toEndOf="@+id/imageView13"

        app:layout_constraintStart_toStartOf="@+id/imageView13"

        app:layout_constraintTop_toBottomOf="@+id/imageView13" />


    <ImageView

        android:id="@+id/imageView15"

        android:layout_width="350dp"

        android:layout_height="136dp"

        android:layout_marginStart="16dp"

        android:layout_marginTop="24dp"

        android:layout_marginEnd="16dp"

        android:adjustViewBounds="true"

        android:scaleType="fitXY"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/textView14"

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



</androidx.constraintlayout.widget.ConstraintLayout>


https://user-images.githubusercontent.com/71060268/144736125-365c889f-efe4-4288-8501-8bdc42891371.png


GITHUB:https://github.com/LearncodeWithRk/Dashboard-UI-

Post a Comment

0 Comments