All Projects → byvlstr → blurdialog

byvlstr / blurdialog

Licence: Apache-2.0 license
A dialog providing a blur effect as background, a title and an icon

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to blurdialog

Nativepopup
Clone of Apple iOS App's feedback popup, and easily customizable.
Stars: ✭ 247 (+243.06%)
Mutual labels:  dialog, ios-ui
blurhash
Blurhash encoder/decoder algorithm implemenation in Nim.
Stars: ✭ 26 (-63.89%)
Mutual labels:  blur
Talkit
Non-Linear Game Dialogue Editor
Stars: ✭ 83 (+15.28%)
Mutual labels:  dialog
Toaster-Library
🎫 Android library, Custom toast and dialog (2018)
Stars: ✭ 14 (-80.56%)
Mutual labels:  dialog
UIFramework
A powerful UI framework for the game Onset (https://playonset.com/)
Stars: ✭ 13 (-81.94%)
Mutual labels:  dialog
vue2-dialog
A mobile Vue plugin for VueDialog
Stars: ✭ 21 (-70.83%)
Mutual labels:  dialog
SimpleDialogs
💬 A simple framework to help displaying dialogs on a WPF app
Stars: ✭ 24 (-66.67%)
Mutual labels:  dialog
android-suspend-dialogs
A helper library for Android to display Dialogs by suspending the coroutine till finish of the dialog.
Stars: ✭ 32 (-55.56%)
Mutual labels:  dialog
cpu-gbfilter
♨️ Optimized Gaussian blur filter on CPU.
Stars: ✭ 14 (-80.56%)
Mutual labels:  blur
Sequents
A simple continuous animation library for iOS UI.
Stars: ✭ 31 (-56.94%)
Mutual labels:  ios-ui
eins-modal
Simple to use modal / alert / dialog / popup. Created with pure JS. No javascript knowledge required! Works on every browser and device! IE9
Stars: ✭ 30 (-58.33%)
Mutual labels:  dialog
MaskedLabel
MaskedLabel is a UILabel subclass that allows you to easily apply a gradient to its text or to make it transparent.
Stars: ✭ 20 (-72.22%)
Mutual labels:  ios-ui
FacebookMessengerActivity
Share with Facebook Messenger App.
Stars: ✭ 16 (-77.78%)
Mutual labels:  ios-ui
TipDialog
flutter tip dialog
Stars: ✭ 78 (+8.33%)
Mutual labels:  dialog
HLBarIndicatorView
Activity indicator view
Stars: ✭ 30 (-58.33%)
Mutual labels:  ios-ui
AttachmentInput
AttachmentInput is image picker keyboard.
Stars: ✭ 30 (-58.33%)
Mutual labels:  ios-ui
Friendly Code Editor
Try this Friendly Code Editor. You'll love it. I made it with a lot of effort. It has some great features. I will update it adequately later. Very helpful for developers. Enjoy and share.
Stars: ✭ 20 (-72.22%)
Mutual labels:  blur
vaadin-dialog
High quality web component for modal dialogs. Part of the Vaadin platform.
Stars: ✭ 15 (-79.17%)
Mutual labels:  dialog
whatisnewdialog
An Android library for displaying a dialog where it presents new features in the app.
Stars: ✭ 22 (-69.44%)
Mutual labels:  dialog
probabilistic nlg
Tensorflow Implementation of Stochastic Wasserstein Autoencoder for Probabilistic Sentence Generation (NAACL 2019).
Stars: ✭ 28 (-61.11%)
Mutual labels:  dialog

Blur Dialog

Blur Dialog is an Android dialog-like view providing a blur effect as background, a title and an icon

  • Innovative: Blur Dialog is an innovative way to show in-app alerts, notifications or reward messages.
  • Great UI: A simple UI. One title. One beautiful icon. One ambitious and elegant blurred background.
  • Inspired by: 3 inspirations: iOS's volume dialog, XCode's "Build successful" dialog and Microsoft's new Fluent Design System.
  • Many thanks to: Dmitry Saviuk who made BlurView so that I didn't have to do it again. ^^

Usage

Add this XML snippet to your layout.

<com.vlstr.blurdialog.BlurDialog
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:id="@+id/blurView"
        android:elevation="24dp"
        app:blurOverlayColor="@color/colorOverlay"
        app:blurDialogIcon="@mipmap/ic_launcher"
        app:blurDialogTitle="Hello World!"
        app:blurDialogDuration="length_short"
        android:layout_gravity="center"
        android:visibility="invisible">

</com.vlstr.blurdialog.BlurDialog>

And create and show the BlurDialog this way:

MainActivity.java
---

final BlurDialog blurDialog = (BlurDialog) findViewById(R.id.blurView);
blurDialog.create(getWindow().getDecorView(), 20);
blurDialog.show();

Note: Currently, it is best to have one and only one BlurDialog in your Activity. Using 'invisible' in the XML and then hide() the BlurDialog (automatically done if duration is set, otherwise use the public method).

Compatibility

This Android library is currently only supported by devices with API > 17.

Also, BlurView can be used only in a hardware-accelerated window. Otherwise, blur will not be drawn. It will fallback to a regular FrameLayout drawing process.. Performance is good, but highly depends on your layout and usage.

Customisation

  • Title

  • Icon

  • Title size

  • Corner Radius

  • Duration: You have the choice between SHORT (2s) and LONG (3.5s). If you wish to have an infinite BlurDialog and handle hiding or dismissing yourself, you can do so too.

  • Blur color overlay: Provide the colour being used as the dialog's overlay. Default is a transparent white.

  • Blur radius: Range [1-25] - The lower it is, the more you will see the BlurDialog's background.

Note: BlurDialog is NOT extending AlertDialog, hence clicking outside the box is currently NOT hiding the BlurDialog. Of course, you can implement this in dispatchTouchEvent() easily and then call BlurDialog's hide() or dismiss() method.

Gradle

dependencies {
    compile 'com.vlstr:blurdialog:1.0.0'
}

For Maven:

<dependency>
  <groupId>com.vlstr</groupId>
  <artifactId>blurdialog</artifactId>
  <version>1.0.0</version>
  <type>pom</type>
</dependency>

Examples

screen screen

Logs

1.0.0

  • Initial version

Used by/in

Feel free to contact me to have your project and name stated here

Credits

Creator: Valentin Lungenstrass http://www.vlstr.com/ | contact [at] vlstr [dot] com

Follow me on Twitter Follow me on LinkedIn

License

Copyright 2019 Valentin Lungenstrass.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].