BlurryLayout

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 10 Open GitHub ↗

Simple to use blurry background layout library android.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# BlurryLayout
Create a beautiful blurry background with simple code and less work.

Use this layout to place views above it while keeping the background awesome. Use your image and colors to come up 
with a cool layout that matches your needs

[ ![Download](https://api.bintray.com/packages/carloscj6/layout/blurrylayout/images/download.svg) ](https://bintray.com/carloscj6/layout/blurrylayout/_latestVersion)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/4af81cd6d4934c7eb01940c998e08e7d)](https://app.codacy.com/app/carloscj6/BlurryLayout?utm_source=github.com&utm_medium=referral&utm_content=carloscj6/BlurryLayout&utm_campaign=Badge_Grade_Dashboard)
[![API](https://img.shields.io/badge/API-15%2B-brightgreen.svg?style=flat)](https://android-arsenal.com/api?level=15)

## Screenshot
<img src="/Screenshots/device-2018-10-11-002239.png" width="300px">

## Setup
First include the library in your project with:

```gradle
dependencies {
    implementation 'com.revosleap.layout:blurrylayout:2.0.0'
}
```

In your `layout.xml` file, set the parent layout as:

```xml
<com.revosleap.blurrylayout.BlurryLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/blurLayout"
    tools:context=".Blurry">
</com.revosleap.blurrylayout.BlurryLayout>
```
### Xml Attributes
You can set `xml` atttributes to your layout as follows:

create namespace declaration ` xmlns:app="http://schemas.android.com/apk/res-auto"`
then add attributes as:
```xml
    app:blurColor="@android:color/white" 
    app:blurOpacity=".4" 
    app:blurImage="@drawable/together" 
    app:blurRadius="13" 
```
**Sample**
```xml
<com.revosleap.blurrylayout.BlurryLayout

xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/blurLayout"
    tools:context=".Blurry"
    app:blurColor="@android:color/white"
    app:blurOpacity=".4"
    app:blurImage="@drawable/together"
    app:blurRadius="13" >
```
    
### Programatically
In your activity class you need to pass the image to be used as background;

Create an instance of the class like:
> Java
```java
BlurryLayout blurLayout = findViewById(R.id.blurLayout);
```
or
> Kotlin
```kotlin
val blurLayout = findViewById(R.id.blurLayout) as BlurryLayout
```

### Image blur

Set image and blur radius as:
> Java
```java
blurLayout.setBitmapBlur(bitmap);
```
> Kotlin
```kotlin
blurLayout.setBitmapBlurry(bitmap);
```
> **Note:** radius takes ```int```. It determines the radius of the blur effect on the image.

> **Note:** blurPercentage takes ```int```. It determines the the percentage of the blur.

### Blur color
Set as:
> Java
```java 
blurLayout.blurColor(Color.WHITE);
```
or 
> Kotlin
```kotlin
blurLayout.blurColor = Color.WHITE
```

This is the color of the background blur.

Can be determined by the color of views above it. Example,
textviews with light color will need a darker blur color and vice versa.

> **Note:** blur color takes `int`.

### Blur opacity
set as:
> Java
```java 
blurLayout.blurOpacity(0.3f);
```
or
> Kotlin 
```kotlin
blurLayout.blurOpacity = 0.3F
```
Determines the opacity of the blurry backgroud. Higher values mean the blur color is more visible and vice versa.
It takes `float`
## Contributions
Feel free to fork and create pull requests

Thanks to [@kevin-kip]( https://github.com/Kevin-Kip) for improving `readme` and `kotlin` guide.

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.

##
Coded with :blue_heart: by [revosleap](https://revosleap.com/).

BlurryLayout

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README