Recently we at HealthifyMe revamped our app dashboard to make it more user engaging. And we tried some really cool animation. One of them is card flip animation. When the user tracks water, sleep, or anything else, we show a gratification screen saying “yay you achieved your goal”, would you like to share that with your friends. So on the dashboard, once user achieved their goal we are flipping progress card to gratification card.
In this article, we will see how to implement that, and what we should not do.
Step 1: Create front and back card designs.
Notifications are important to get user attention. In the first part of this article, we talked about notifications, why we need them, how to create a notification, how to fire them, and their appearance on the device.
you can visit part 1 from here:
In this article, we will learn about:
Let’s understand this with an example. In your WhatsApp, one day you are added to a new family group. Now when all your family members are…
Notification is a display message that we show outside of our app to users. It helps to remind time-based things or communicate with other people. Users can open the app by tapping on the notification or provide action there only.
Like in WhatsApp we get message notifications if the user taps on notification we open a chat window or we can simply type our message in notification. and send it.
Motion layout is a layout that helps you for managing motions of view objects or to create an animation.
MotionLayout bridges the gap between layout transitions and complex motion handling, offering a mix of features between the property animation framework,
In this article, I’ll discuss how we can achieve CollapsingToolBar behavior by MotionLayout. How to create MotionScene and use of each attribute.
You can use either just Motion layout makes easy to implement complex animations.
Collapsing Toolbar : This is part of the material design library.
Sample code to design something like this will be below:
We at healthify focus on giving a plan which is best suited for the user. To achieve this, at the time of onboarding we ask users a few questions regarding their age, weight, and if they do any physical exercise or do they have any injury? After completing all answers we show an onboarding completion screen, which has some animations as you can see in the above video. We focus on user interaction to make our app more user-friendly.
Today in this article, we will learn how we can achieve that.
Step 1: Add few basic libraries in your project…
Architecture components are a set of android libraries that helps your app structure in a way that is testable, reusable, maintainable.
There are few lifecycle aware android architecture components:
ViewModel is a class that is responsible for preparing and managing data for Activities and Fragments. …
Open your phone and start any application. Can you see any app without any image? No right? We are fond of images, an app without images is like food without spices. SO we as a developer use imageView to show images in a particular view at a particular position for a given size.
But many times, we face various issues related to the scaling of the image i.e. either your image will be cropped or you will get your image left aligned and many other problems arise while scaling an image.
In this article, we will learn about the imageView…
Let’s start with a question, do you know how to read code? oh i am not asking about your own code , but other’s code. Or can you read your own code after few months. If you can that’s great, if things are still complicated this blog is for you. And for many more things.
Deeplinks are a concept that help users navigate between the web and applications. They are basically URLs that navigate users directly to the specific content in applications.
Sometimes you want to make it easy for the user to get to a specific part inside the flow of your application, without having to click-click-click from the start screen to get there. For example, maybe you want to surface ongoing conversations in a chat app, or the user’s cart in a shopping application. …