Home

Awesome

android-overlay-dialog

A customizable dialog shown on top of the window. Useful for showing info/error messages.

Sample app

<img src="screenshots/demo_none.gif" width="30%"/> <img src="screenshots/demo_from_top_or_left.gif" width="30%"/> <img src="screenshots/demo_html.gif" width="30%"/>

How to use

Please, add the following dependency to your gradle file:

compile 'com.github.fernandospr:overlaydialog:1.0.1'

OverlayDialog inherits from android.app.Dialog, so you can use the same methods from Dialog, for example:

OverlayDialog dialog = new OverlayDialog(this);
dialog.setCancelable(true);
...
dialog.show();
...
dialog.dismiss();

To customize the view for the dialog, you should use:

View customView = LayoutInflater.from(this).inflate(layoutResID, root, false);
...
dialog.setContentView(customView);

To customize the auto dismiss time, you should use:

dialog.setAutoDismissDelayMillis(5000);

To customize the enter/exit animations, you should create a theme and set it in the constructor, for example:

OverlayDialog dialog = new OverlayDialog(this, R.style.TopMessageDialog);

<style name="TopMessageDialog" parent="Theme.AppCompat.Dialog">
    <item name="android:windowAnimationStyle">@style/TopMessageDialogAnimation</item>
</style>

<style name="TopMessageDialogAnimation">
    <item name="android:windowEnterAnimation">@anim/translate_from_top</item>
    <item name="android:windowExitAnimation">@anim/translate_to_top</item>
</style>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="600">
    <translate
        android:fromYDelta="-100%"
        android:toYDelta="0%" />
    <alpha
        android:fromAlpha="0"
        android:toAlpha="1" />
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="600">
    <translate
        android:fromYDelta="0%"
        android:toYDelta="-100%" />
    <alpha
        android:fromAlpha="1"
        android:toAlpha="0" />
</set>

See the sample app for more examples.