FogView is a android library that can show fog on any layout and the fog removes when user rubs it.

Chetan Kaushik

Last update: Dec 31, 2022

Related tags

UI/UX android fog android-library custom-view scratch rub

Overview

Fog View Android Library

Min SDK 8 (Android 2.2–2.2.3 Froyo)

Screnshots

How to use

If you want use this library, you can download project and import it into your workspace and add the project as a library in your android project settings.

Or you can use the gradle dependency, you have to add these lines in your build.gradle file:

Method 1

repositories {
        jcenter()
}

dependencies {
    compile 'com.dynamitechetan.fogviewlibrary:FogViewLibrary:1.0.0'
    
}

If the above code didn't worked try using Method 2

Method 2

repositories {
	maven {
            url 'https://dl.bintray.com/dynamitechetan/maven'
        }
}

dependencies {
    compile 'com.dynamitechetan.fogviewlibrary:FogViewLibrary:1.0.0@aar'
    
}

or Using Maven:

<dependency>
<groupId>com.dynamitechetan.fogviewlibrary</groupId>
<artifactId>FogViewLibrary</artifactId>
<version>1.0.0</version>
<type>pom</type> 
</dependency>

BASIC USAGE

 <com.dynamitechetan.fogviewlibrary.FogView
        android:id="@+id/RubFog"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
  />

The FogView have some custom attributes, to use them , you must add this line in your xml file in the first component:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fog="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
</RelativeLayout>

USING A CUSTOM FOG IMAGE

 <com.dynamitechetan.fogviewlibrary.FogView
        android:id="@+id/RubFog"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
		fog:fog_image="@drawable/my_fog_image"
  />

Two fog images are provided with the library, to use them:

        fog:fog_image="@drawable/fog"

or use this for a denser fog image

        fog:fog_image="@drawable/fog_dense"

USING A CUSTOM STROKE WIDTH

Default Stroke Width is 75

        fog:stroke_width="100"

License

Licensed under the Apache License, Version 2.0

You might also like...

🎨 Android colorpicker for getting colors from any images by tapping on the desired color.

ColorPickerView 🎨 ColorPickerView implements getting HSV colors, ARGB values, Hex color codes from any image drawables or your gallery pictures by ta

1.3k Dec 26, 2022

Helper class to make any view rotatable

Rotatable This is a helper class actually, it simplifies having a view as rotatable by setting touch events and handling a lot of boilerplate works! S

300 Nov 11, 2022

Pop animation with circular dust effect for any view updation

Popview-Android Pop animation with circular dust effect for any view updation Getting Started In your build.gradle dependencies { compile 'rb.popv

489 Dec 28, 2022

Overscroll any scrollable items!

ComposeOverscroll Overscroll any scrollable items! Preview compare with iOS demo Preview.for.overscroll.and.nested.invoke.mp4 How to use for column :

7 Dec 15, 2022

Android StackBlur is a library that can perform a blurry effect on a Bitmap based on a gradient or radius, and return the result. The library is based on the code of Mario Klingemann.

Android StackBlur Android StackBlur is a library that can perform a blurry effect on a Bitmap based on a gradient or radius, and return the result. Th