Materialalertdialogbuilder The style on this component requires your app theme to be theme appcompat

Material Design 2.0 is out and we can’t wait to get our hands on Dialogs. In this tutorial, we’ll be customizing Dialogs using Material Theme in our Android Application.

Material Components - Dialogs

Alert Dialogs are a vital part of applications. Typically used to bring user’s attention to something important. Thanks to Material Design 2.0, we have much powerful Dialog now. First and foremost you need to add the material components dependency:

Do not forget to inherit MaterialComponent Theme or descendants as the Activity Theme.

Basic Implementation

Now let’s create a basic MaterialAlertDialog using the Builder pattern:

This is how it looks on the screen:

Let’s compare it with the old alert dialog:

Surely, the new MaterialAlertDialog looks much better.

AlertDialog loses its content on configuration change. Hence it is recommended to use AppCompatDialogFragment. But for the sake of simplicity of this tutorial, we’ll stick with MaterialAlertDialog.

Styled Buttons

We can style the buttons of MaterialAlertDialog since they are just MaterialButtons. Setting outline button/borderless button, ripple effects etc. Let’s see an example:

Cut Shaped Dialog

We can set shapes on Material Dialogs now! Let’s style one as cut shaped by inheriting from the ShapeAppearance style.

Now just set the style in the builder constructor:

Round Shaped Dialog

Setting the above style in the Dialog Builder constructor from the previous code snippet gives us this:

Aren’t these designs so drool-worthy!

Custom Font Dialog

Lastly, we can set custom font families on the button and title as well as shown below:

This gives us a completely new look dialog as shown below:

That brings an end to this tutorial. The font used above is available in the source code attached below.

AndroidMaterialComponentDialog

Github Project Link