- add a new sample GmailDrawerItem.kt to showcase gmail like design

- use in the MultiDrawerActivity.kt - FIX #2616
mikepenz · Jun 11, 2020 · f769419 · f769419
1 parent 9bf7eb0
commit f769419
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 3 deletions.
diff --git a/app/src/main/java/com/mikepenz/materialdrawer/app/MultiDrawerActivity.kt b/app/src/main/java/com/mikepenz/materialdrawer/app/MultiDrawerActivity.kt
@@ -5,6 +5,7 @@ import android.view.MenuItem
 import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
 import com.mikepenz.iconics.typeface.library.fontawesome.FontAwesome
+import com.mikepenz.materialdrawer.app.drawerItems.GmailDrawerItem
 import com.mikepenz.materialdrawer.iconics.withIcon
 import com.mikepenz.materialdrawer.model.PrimaryDrawerItem
 import com.mikepenz.materialdrawer.model.SecondaryDrawerItem
@@ -27,9 +28,9 @@ class MultiDrawerActivity : AppCompatActivity() {
 
         slider.apply {
             itemAdapter.add(
-                    PrimaryDrawerItem().withName(R.string.drawer_item_home).withIcon(FontAwesome.Icon.faw_home).withIdentifier(1),
-                    PrimaryDrawerItem().withName(R.string.drawer_item_free_play).withIcon(FontAwesome.Icon.faw_gamepad),
-                    PrimaryDrawerItem().withName(R.string.drawer_item_custom).withIcon(FontAwesome.Icon.faw_eye).withIdentifier(5),
+                    GmailDrawerItem().withName(R.string.drawer_item_home).withIcon(FontAwesome.Icon.faw_home).withIdentifier(1),
+                    GmailDrawerItem().withName(R.string.drawer_item_free_play).withIcon(FontAwesome.Icon.faw_gamepad),
+                    GmailDrawerItem().withName(R.string.drawer_item_custom).withIcon(FontAwesome.Icon.faw_eye).withIdentifier(5),
                     SectionDrawerItem().withName(R.string.drawer_item_section_header),
                     SecondaryDrawerItem().withName(R.string.drawer_item_settings).withIcon(FontAwesome.Icon.faw_cog),
                     SecondaryDrawerItem().withName(R.string.drawer_item_help).withIcon(FontAwesome.Icon.faw_question).withEnabled(false),

diff --git a/app/src/main/java/com/mikepenz/materialdrawer/app/drawerItems/GmailDrawerItem.kt b/app/src/main/java/com/mikepenz/materialdrawer/app/drawerItems/GmailDrawerItem.kt
@@ -0,0 +1,31 @@
+package com.mikepenz.materialdrawer.app.drawerItems
+
+import android.content.Context
+import android.view.View
+import com.google.android.material.shape.CornerFamily
+import com.google.android.material.shape.ShapeAppearanceModel
+import com.mikepenz.materialdrawer.app.R
+import com.mikepenz.materialdrawer.model.PrimaryDrawerItem
+import com.mikepenz.materialdrawer.model.interfaces.IDrawerItem
+import com.mikepenz.materialdrawer.util.themeDrawerItem
+
+/**
+ * Describes the main [IDrawerItem] bing used as primary item, following the guidelines
+ */
+open class GmailDrawerItem : PrimaryDrawerItem() {
+
+    override val type: Int
+        get() = R.id.material_drawer_item_gmail_item
+
+    override fun applyDrawerItemTheme(ctx: Context, view: View, selected_color: Int, animate: Boolean, shapeAppearanceModel: ShapeAppearanceModel) {
+        themeDrawerItem(ctx, view, selected_color, animate, shapeAppearanceModel, R.dimen.gmail_material_drawer_item_background_padding_top_bottom, R.dimen.gmail_material_drawer_item_background_padding_start, R.dimen.gmail_material_drawer_item_background_padding_end)
+    }
+
+    override fun getShapeAppearanceModel(ctx: Context): ShapeAppearanceModel {
+        val cornerRadius = ctx.resources.getDimensionPixelSize(R.dimen.gmail_material_drawer_item_corner_radius)
+        return ShapeAppearanceModel.builder()
+                .setTopRightCorner(CornerFamily.ROUNDED, cornerRadius.toFloat())
+                .setBottomRightCorner(CornerFamily.ROUNDED, cornerRadius.toFloat())
+                .build()
+    }
+}
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
@@ -3,4 +3,9 @@
     <dimen name="material_drawer_padding_half">4dp</dimen>
     <dimen name="material_drawer_persistent_height">48dp</dimen>
     <dimen name="material_drawer_persistent_height_icon">32dp</dimen>
+
+    <dimen name="gmail_material_drawer_item_corner_radius">20dp</dimen>
+    <dimen name="gmail_material_drawer_item_background_padding_start">0dp</dimen>
+    <dimen name="gmail_material_drawer_item_background_padding_end">8dp</dimen>
+    <dimen name="gmail_material_drawer_item_background_padding_top_bottom">4dp</dimen>
 </resources>
diff --git a/app/src/main/res/values/ids.xml b/app/src/main/res/values/ids.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 
 <resources>
+    <item name="material_drawer_item_gmail_item" type="id" />
     <item name="material_drawer_item_custom_url_item" type="id" />
     <item name="material_drawer_item_icon_only" type="id" />
     <item name="material_drawer_item_centered_primary" type="id" />