First You Need To Setup Build Gradle:
implementation 'com.google.android.material:material:1.3.0-alpha03'activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer"
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=".MainActivity">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.appbar.AppBarLayout
android:theme="@style/ThemeOverlay.MaterialComponents.Dark.ActionBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
>
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:popupTheme="@style/AppTheme"
/>
</com.google.android.material.appbar.AppBarLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.navigation.NavigationView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:id="@+id/navigation"
app:menu="@menu/main"
app:headerLayout="@layout/header"
android:layout_gravity="start"
/>
</androidx.drawerlayout.widget.DrawerLayout>
res/values/style.xml code:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="colorPrimary">#F1FF6B</item>
<item name="colorPrimaryDark">#FFF388</item>
<item name="colorAccent">#FD2E2E</item>
</style>
</resources>
colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="purple_200">#FFBB86FC</color>
<color name="purple_500">#FF6200EE</color>
<color name="purple_700">#FF3700B3</color>
<color name="teal_200">#FF03DAC5</color>
<color name="teal_700">#FF018786</color>
<color name="black">#FF000000</color>
<color name="white">#FFFFFFFF</color>
</resources>
res/menu/menu.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:title="User">
<menu>
<item android:title="Login"
android:icon="@drawable/ic_baseline_login_24" />
<item
android:id="@+id/test"
android:title="My Order"
android:icon="@drawable/ic_baseline_login_24" />
<item
android:title="Cart"
android:icon="@drawable/ic_baseline_login_24" />
<item android:title="Wallet"
android:icon="@drawable/ic_baseline_login_24" />
<item android:title="History"
android:icon="@drawable/ic_baseline_login_24" />
</menu>
</item>
<item android:title="App">
<menu>
<item android:title="Subscribtion"
android:icon="@drawable/ic_baseline_login_24"/>
<item android:title="Share"
android:icon="@drawable/ic_baseline_login_24"/>
</menu>
</item>
</menu>
res/layout/header.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="180dp">
<ImageView
android:id="@+id/imageView5"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/bb" />
<ImageView
android:layout_width="70dp"
android:layout_height="70dp"
android:src="@drawable/dra"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.69" />
<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="16dp"
android:layout_marginTop="30dp"
android:text="Name"
android:textColor="#FFEA35"
android:textSize="18sp"
app:layout_constraintBottom_toTopOf="@+id/email"
app:layout_constraintHorizontal_bias="0.303"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView5"
app:layout_constraintVertical_bias="0.487"
app:layout_editor_absoluteX="120dp"
app:layout_editor_absoluteY="47dp" />
<TextView
android:id="@+id/email"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="16dp"
android:layout_marginTop="10dp"
android:text="Name"
android:textColor="#FFEA35"
android:textSize="18sp"
app:layout_constraintBottom_toTopOf="@+id/imageView5"
app:layout_constraintHorizontal_bias="0.305"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/name"
app:layout_constraintVertical_bias="0.767"
app:layout_editor_absoluteX="120dp"
app:layout_editor_absoluteY="47dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
Output here:
0 Comments