Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

🚀 Realtime iOS like blur for Android Compose.

NotificationsYou must be signed in to change notification settings

x3rocode/xblur-compose

Repository files navigation

xBlur

apiapiapiapiapi

☁️ 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-levelbuild.gradle file:

repositories {...  mavenCentral()}

In your appbuild.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.

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

  • backgroundColorAlpha : You can set background color ALPHA.

backgroundColorAlphasample
backgroundColorAlpha = 0.0f
backgroundColorAlpha = 0.5f
backgroundColorAlpha = 1.0f

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

dialogDimAmount = 0.0fdialogDimAmount = 0.5fdialogDimAmount = 0.0f

  • dialogBehindBlurRadius : BLUR BEHIND dialog

dialogBehindBlurRadius = 0dialogBehindBlurRadius = 100

⏰ Todo

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

[8]ページ先頭

©2009-2025 Movatter.jp