SnackBar Vs Toast

-
After Material Design was introduced in Android, lot many changes happened to Android UI components. Few of the existing components were enhanced and few new components were introduced for stunning UI experience.
Today we are going to discuss about one such new UI component: ‘SnackBars’ – You might have heard or seen in Apps at the bottom, which is introduced as a quick alternative for Toast.
In this post, following will be discussed:
  1. What is Toast?
  2. What is SnackBar?
  3. Difference between SnackBar and Toast.
  4. Usages of SnackBar and Toast

What is Snackbar?

[box type=”download”]
Snackbar is an Android design component introduced as part of Material Design. It provide lightweight feedback about an operation by showing a brief message at the bottom of the screen. Snackbar can contain an action with which we can ask the App ro perform action like ‘Undo’ etc.,
[/box]
Here is the quick snapshot of SnackBar being used in GMail App:
SnackBar
Reference: Android SnackBar

What is Toast?

[box type=”bio”]
A toast is another Androdi design component that exists even before Material Design was started followed in Android. It provides simple feedback about an operation in a small popup that can appear at any part of the App (Mostly at the bottom of the App).
[/box]
Snapshot of Toast goes here:

Difference between Toast and SnackBar

Diff #ToastSnackBar
1Toast was added in API Level 1SnackBar was added in API Level 23
2Basically Activity is not required (Can be shown on Android home or even above other apps)It can be showed inside an activity of the Applications
3It can’t perform an action based on User inputIt can perform an action
4It can’t be dismissed by swipingIt can be dismissed by swiping
5It can’t handle user input like Swipe, Click etc.,It can handle user input



Usage of Snackbar and Toast

SnackBar:

SnackBar can be used in the areas where a simple popup message needs to be displayed along with an option to perform action.
For Example: In GMail application, when you delete Mail, quick SnackBar display at the bottom with Message ‘1 Deleted’ with an action button ‘Undo’. On pressing the ‘Undo’ action button, the deleted mail will be restored.

Toast

Toast can be used in the areas where System messages need to be displayed.
For Example:
When your App tries to download JSON from remote server but it fails due to Server Timeout or No resource found, you just need to display the error message saying that ‘Error Occurred’. But understand the Toast message cannot be dismissed by swiping. If you still want to have the capability of dismissing it in your App, go for SnackBar.

Comments

Post a Comment

Popular posts from this blog

Minimum Required SDK – Target SDK – Compile With

-
Image
Target SDK and Compile With. It is often confusing for Android developers on What to select for the Minimum Required SDK, Target SDK and Compile With options. To help and clear the air, I have decided to write a post on it. Minimum Required SDK It is the lowest version of Android version that your app going to support and it is usually indicated by the API level. To support as many devices as possible, you should set this to the lowest version available that allows your app to provide its core feature set. If any feature of your app is possible only on newer versions of Android and it’s not critical to the app’s core feature set, you can enable the feature only when running on the versions that support it. The Google play will prevent the user from installing the application if the system’s API Level is lower than the value specified for Minimum Required SDK. Here is the current statistics of Android OS versions distribution: Source:  Platform Versions Decide wh...
Read more

Styling Bottom Navigation

-
Image
Styling Bottom Navigation Off the bat, the library provides considerable styling options. But after recent updates, there has been a lot more. Some of these additions include notification badges and coordinating behaviors. It also includes  on-scroll Quick Return pattern . Its all that one could ever want with the Bottom Navigation. This library is much more feature-rich than  what Android Design Support Library offers . So if you want more customization options and more control, you know what to use. Before we get to that, here’s a heads-up. We’ll be using and referencing a lot of colors. Normally, we reference colors in Android like this: ContextCompat.getColor(context, R.id.yourcolor); Now I’m no fan of writing such a lengthy line for fetching a simple color resource. So I’ll write a simple method that shortens what I have to type. private int fetchColor( @ColorRes int color) { return ContextCompat.getColor(this, color); } Great! From now on I d...
Read more

Set Up the AWS Mobile SDK for Android

-
Prerequisites # Before you can use the AWS Mobile SDK for Android, you will need the following: An  AWS Account Android 2.3.3 (API Level 10) or higher (for more information about the Android platform, see  Android Developers ) Android Studio  or  Android Development Tools for Eclipse After completing the prerequisites, you will need to do the following to get started: Get the AWS Mobile SDK for Android. Set permissions in your  AndroidManifest.xml  file. Obtain AWS credentials using Amazon Cognito. Step 1: Get the AWS Mobile SDK for Android There are three ways to get the AWS Mobile SDK for Android. Option 1: Using Gradle with Android Studio # If you are using Android Studio, add the  aws-android-sdk-core  dependency to your app/build.gradle  file, along with the dependencies for the individual services that your project will use, as shown below. dependencies { compile 'com.amazonaws:aws-android-sdk...
Read more