Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/QmDeve/QmBlurView-Docs/llms.txt

Use this file to discover all available pages before exploring further.

This page walks you through everything you need to go from a blank Android project to a working real-time blur component. You will verify that your project meets the minimum requirements, add the Gradle dependencies, and drop your first BlurView into an XML layout — all in under five minutes.
1

Check project requirements

Before adding QmBlurView, confirm your project is configured to meet the following minimum requirements.
RequirementMinimum
Min SDKAPI 21+
Compile SDKAPI 36+
Java VersionJava 11+
In your module-level build.gradle (or build.gradle.kts), make sure minSdk, compileSdk, and the compileOptions / kotlinOptions source compatibility are set accordingly before continuing.
2

Add Gradle dependencies

Open your module-level Gradle build file and add the QmBlurView dependencies. The core artifact is required; navigation and transform are optional — include them only if your project needs those features.
dependencies {
   // Core Library (Required)
   implementation 'com.qmdeve.blurview:core:1.2.0'

   // Navigation Support (Optional)
   implementation 'com.qmdeve.blurview:navigation:1.2.0'

   // Image Loading Transformations (Optional - Glide/Picasso)
   implementation 'com.qmdeve.blurview:transform:1.2.0'
}
Sync your project with Gradle files after saving.
3

Add BlurView to your layout

Declare BlurView in your XML layout file. The three attributes below are the most common starting point — blurRadius controls the intensity of the blur, overlayColor adds a translucent tint over the blurred surface, and cornerRadius rounds the component’s corners.
res/layout/activity_main.xml
<com.qmdeve.blurview.widget.BlurView
    android:id="@+id/blurView"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    app:blurRadius="20dp"
    app:overlayColor="#80FFFFFF"
    app:cornerRadius="24dp"/>
Place this view anywhere in your layout hierarchy. The native C++ renderer will automatically capture and blur the content drawn behind it at runtime — no additional setup in your Activity or Fragment is required.
The core module is the only required dependency and contains the full native rendering engine along with all seven blur UI components. The navigation and transform modules are entirely optional — add navigation only if you need Jetpack Navigation integration, and add transform only if you want to apply blur effects inside a Glide or Picasso image-loading pipeline.

​
What’s next?

Explore BlurView

Dive into the full BlurView documentation: all XML attributes, programmatic API methods, and advanced usage examples.

See all components

Browse the complete list of seven blur UI components and find the right one for your design.

Build docs developers (and LLMs) love

Get started for freeTalk to us