Image for post
Image for post

Recently, I got myself engaged in a new world of Android development: publishing an open source Android library.

I can say that the struggle of publishing the library was real after realizing that I spent more time publishing the library than writing the entire library itself! 🤦‍♂️

After getting help from a lot of blogposts online and a lot of trial and error, I finally was able to publish it (I credit Márton Braun whose blogpost was a huge help for me).

I learnt that not only was it a lot of hard manual work to publish a library, but…


Image for post
Image for post

If you’re into tiny details and interactions in the app like me, something probably always annoy you when the interaction is just not too perfect.

While I covered almost all the things there was about creating a Gmail like Navigation Drawer in the first part, this story is just about adding that tiny ripple effect to when you press the navigation drawer items.

To look into the different before and after adding the ripple effect, here are two GIFs:


Image for post
Image for post

I didn’t plan to write this at first since my last tutorial covers pretty much everything about MotionLayout I intended to write about.

But..

I received questions on social media about this one action several times, which is about how to move to next screen after our animation is complete. I thought it’d be easy to figure out on your own but when I looked around, I figured that there aren’t very many resources for MotionLayout yet.

Also, my last tutorial is a bit long to follow for beginners (I tend to keep beginners in mind when writing blog posts…


Image for post
Image for post

If you’ve been following me on Medium for a while, chances are, you might have passed by my blog posts regarding an easy approach to Navigation Drawer and styling it:

Since those posts are more thorough, I know that it’s intimidating to consume so much knowledge all at once. And I know that because I received a few DMs asking about styling specific elements in the Navigation Drawer after those posts.

Also, a personal opinion: I think that when you know exactly what you want to create, you tend to explore the component so much better. …


Image for post
Image for post

Remember the Twitter’s “oh so famous” splash screen that everyone talked about and had their version to imitate it? It’s now easier than ever to achieve that with the new MotionLayout from the Android Jetpack library. And that’s what we’ll create in this post and in addition, learn some basics about how MotionLayout works.

For those who wonder about the Twitter splash screen, here’s the animation that we’re going to achieve in this post:


Image for post
Image for post

With Android 9 (API level 28), Google officially started supporting what’s famously known as the notch, a cutout display at the top (because the last two years were the years of the notch?). I can’t claim that but with the notch support, most of the brands came out with their version of a cutout display and with that, we as developers need to think about yet another edge case, especially if we’re working with a completely immersive experience.

To give you a little knowledge of what I’ve researched, what I noticed while dealing with the notch is that the devices’…


Image for post
Image for post

Considering how coronavirus is already an outbreak in some of the developed countries, remember that Pakistan is still very vulnerable if the virus does go viral here and remember that our country is in no position to control such an outbreak with the medical infrastructure that we have.

The government’s decisions yesterday are just the right steps for the prevention of an outbreak and I’m glad that an event like PSL is taking measures immediately.

But as I see it, our society’s attitude towards taking precautions is not at all serious and if we do not act now, it’s just…


Image for post
Image for post
Image by Material.io: https://material.io/components/navigation-drawer/

In Part II, you’ve looked in to how to add color states for navigation menu items and adding shapes as background for the menu items. In this post of the series, we’re looking at how to add and style the header view of the NavigationDrawer. But first, here’s how far we’ve come since the original post.


Image for post
Image for post
Image by Material.io: https://material.io/components/navigation-drawer/

The Navigation is a powerful component in Android Development which provide easy access to destinations in your app. But if you’ve come to this article, you probably know that and considering the title of the story, you’ve probably implemented it before.

If not, it’s best to first go to the first part of this tutorial for an easy approach to Navigation Drawer in Kotlin since this part of the tutorial is based on that, but if you’re an intermediate developer, you’re welcome to skim through it.

Previous Post

Here’s the recap of what we’ve achieved in the first part:


Image for post
Image for post
Image by Material.io: https://material.io/components/navigation-drawer/

The Navigation is a powerful component in Android Development which provide easy access to destinations in your app. If you’ve come to this article, you probably know that and considering the title of the story, you’ve probably implemented it before.

But since I want to help developers with different backgrounds and experiences, I would like to make this tutorial in two parts, and that is because at the time of writing this, I passed by a number of different articles implementing the Navigation Drawer in a number of different ways. So the two parts of the tutorial are really just:

Waseef Akhtar

Android Developer at Degoo Backup AB.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store