Visual Feedback: Dialogs, Snackbars & Toasts

Work with Touch States

Learn how touch states are implemented in xml layouts and their importance for visual feedback.

Use Dialogs & MaterialAlertDialogBuilder

Learn how to use dialogs in your user interfaces in a proper way. Also learn about the three different types of dialogs: simple, confirmation and alert.

Use Simple & Confirmation Dialogs

Simple dialogs are an easy way to display information that needs attention and some kind of action from the user. Confirmation dialogs usually include a cancel button and a confirmation button. In this episode learn how to build and display simple dialogs and confirmation dialogs.

Use Alert Dialogs

Some actions such as deleting an email or a list are irreversible. When an irreversible action is about to be performed by the user it is advisible to warn the user in case they have made a mistake. This is when alert dialogs come in handy. Learn how to display an alert dialog in our app when the user clicks the “Clear List” button to make sure they actually wanted to take that action.

Use Custom Dialogs

By creating a custom dialog, you can define your own layout to display in the main content area of the dialog. In this episode learn how to create and display a custom dialog with a layout defined in your xml resources.

Use Progress Indicators

Progress indicators fill the time with a moving indicator on the screen, reassuring the user that the app has registered the request and is working on it. Learn how to display and add progress indicators to your app.

Use Snackbars

A Snackbar is a useful little panel that pops up at the bottom of the screen to display a short piece of feedback to the user. It can either persist until dismissed by the user or show for a set amount of time. In this episode learn how to create and display snackbars to your salad app so the user can reverse an “Add fruit” action.

Create & Display Toasts

Toasts are the simplest pop-up messages. They are unobtrusive, short-lived, wrap around their content, and display at the bottom of the screen. In the final episode of this course, learn how to create and display toasts to your user.