Giter VIP home page Giter VIP logo

xblur-compose's Introduction

xBlur

api api api api api

☁️ xBlur is Realtime iOS-like blur for Android Compose ☁️


🎥 Look how works

bandicam.2023-01-04.22-12-00-837.mp4

🚀 Using Gradle

In your top-level build.gradle file:

repositories {
  ...
  mavenCentral()
}

In your app build.gradle file:

dependencies {
    implementation 'com.github.x3rocode:xblur-compose:[latest_version]'
}

⚡ Quik How to Use

//This will look like IOS!
BlurDialog(
      blurRadius = 250,                       //blur radius
      onDismiss = { openDialog = false },     //dialog ondismiss
      size = IntOffset(280,160),              //dialog size
      shape = RoundedCornerShape(30.dp),      //dialog shape
      backgroundColor = Color.White,          //mixing color with dialog
      backgroundColorAlpha = 0.4f,            //mixing color alpha
      dialogDimAmount = 0.3f,                 //set this if you want dark behind dialog.
      dialogBehindBlurRadius = 100,           //blur behind dialog
      isRealtime = true                       //Realtime capture or not. false = only the first time captured when dialog opens.
 ){
  //Some Contents inside dialog     
 }

🔥 Feature

  • backgroundColor : You can mix ANY COLOR you want.

backgroundColor sample
backgroundColor = Color.Transparent
backgroundColor = Color.White
backgroundColor = Color.Black
backgroundColor = Color.Yellow
backgroundColor = Color.Red

  • backgroundColorAlpha : You can set background color ALPHA.

backgroundColorAlpha sample
backgroundColorAlpha = 0.0f
backgroundColorAlpha = 0.5f
backgroundColorAlpha = 1.0f

  • dialogDimAmount : set this if you want DARK BEHIND dialog.

dialogDimAmount = 0.0f dialogDimAmount = 0.5f dialogDimAmount = 0.0f

  • dialogBehindBlurRadius : BLUR BEHIND dialog

dialogBehindBlurRadius = 0 dialogBehindBlurRadius = 100

⏰ Todo

  • blur toast message
  • blur navigation bar
  • blur bottom sheet

xblur-compose's People

Contributors

x3rocode avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

xblur-compose's Issues

Failed to resolve: com.github.x3rocode:xblur-compose:1.0.1

Task failed with an exception.

What went wrong:
Execution failed for task ':app:checkDebugAarMetadata'.
Could not resolve all files for configuration ':app:debugRuntimeClasspath'.
Could not find com.github.x3rocode:xblur-compose:1.0.1.
Searched in the following locations:
https://dl.google.com/dl/android/maven2/com/github/x3rocode/xblur-compose/1.0.1/xblur-compose-1.0.1.pom
https://repo.maven.apache.org/maven2/com/github/x3rocode/xblur-compose/1.0.1/xblur-compose-1.0.1.pom
Required by:
project :app

Unresolved reference: BlurDialog

I don't know what's the issue, but my project is unable to download the library somehow.

I have added the dependency in my app build.gradle file just like any library.

dependencies {
    implementation 'com.github.x3rocode:xblur-compose:1.0.1'
}

Error

image

your lib minSdk is too high

Suggestion: use a compatible library with a minSdk of at most 23,
or increase this project's minSdk version to at least 33,

Missing License

Please add a license so others can use this code :)

These are the rules when there is no license https://choosealicense.com/no-permission/

If you find software that doesn’t have a license, that generally means you have no permission from the creators of the software to use, modify, or share the software. Although a code host such as GitHub may allow you to view and fork the code, this does not imply that you are permitted to use, modify, or share the software for any purpose.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.