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.
ProgressiveBlurView applies a Gaussian blur that gradually intensifies across the view in a configurable direction — transitioning smoothly from clear to fully blurred. It is ideal for fading images out at their edges, simulating depth-of-field effects, or adding a cinematic blur vignette to any part of your layout.
Usage
<com.qmdeve.blurview.widget.ProgressiveBlurView
android:layout_width="match_parent"
android:layout_height="150dp"
app:blurRadius="20dp"
app:progressiveDirection="topToBottom"
app:progressiveLayers="5"
app:progressiveOverlayColor="#80FFFFFF" />
Attributes
| Attribute | Type | Description |
|---|
app:progressiveOverlayColor | color | Overlay color tinted on top of the blurred region |
app:progressiveDirection | enum (topToBottom, bottomToTop, leftToRight, rightToLeft) | Direction in which the blur gradient travels |
app:progressiveBlurRadius | dimension | Maximum blur radius at the fully-blurred end of the gradient |
app:progressiveLayers | integer | Number of discrete gradient layers used to approximate the progressive blur — more layers produce a smoother transition |
API Reference
| Method | Description |
|---|
setBlurRadius(float) | Set the maximum blur radius |
setGradientDirection(int) | Set the blur direction using one of the direction constants below |
setOverlayColor(int) | Set the overlay color |
| Constant | Description |
|---|
ProgressiveBlurView.DIRECTION_TOP_TO_BOTTOM | Blur increases from top to bottom |
ProgressiveBlurView.DIRECTION_BOTTOM_TO_TOP | Blur increases from bottom to top |
ProgressiveBlurView.DIRECTION_LEFT_TO_RIGHT | Blur increases from left to right |
ProgressiveBlurView.DIRECTION_RIGHT_TO_LEFT | Blur increases from right to left |
