Visual Feedback: Dialogs, Snackbars & Toasts

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

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.

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.

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.

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.

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.

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.

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.