GlowShapeDrawable - Custom drawable to do outer glow effects ✨

Related tags

UI/UX android kotlin kotlin-android android-library drawable glow

Overview

GlowShapeDrawable

💻 Setup

Add it in your root build.gradle at the end of repositories

    allprojects {
	    repositories {
		    ...
		    maven { url 'https://jitpack.io' }
	    }
    }

Add the dependency

    dependencies {
	    implementation 'com.github.Vnicius:GlowShapeDrawable:1.0.0'
    }

⌨️ Usage

    val glowDrawable = GlowShapeDrawable()

    view.apply {
        setLayerType(View.LAYER_TYPE_SOFTWARE, glowDrawable.paint) // important
        background = glowDrawable
    }

🖌 Examples

Background color file

    <!--res/color/background.xml-->

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:color="#ff0" android:state_selected="true" />
        <item android:color="#999" />
    </selector>

Glow color file

    <!--res/color/glow.xml-->

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:color="#80ffff00" android:state_selected="true" />
        <item android:color="@android:color/transparent" />
    </selector>

Using this

    val backgroundDrawable = GlowShapeDrawable().apply {
            backgroundColorList =
                ContextCompat.getColorStateList(context, R.color.background)
            glow = Glow(
                ContextCompat.getColorStateList(context, R.color.glow),
                context.resources.getDimension(R.dimen.glow_size).toInt()
            )
            cornerRadius = context.resources.getDimension(R.dimen.corner_radius) // optional
        }

Or you can use with a single color

    val backgroundDrawable = GlowShapeDrawable().apply {
            backgroundColor = Color.GREEN
            glow = Glow(color = Color.RED,
                size = context.resources.getDimension(R.dimen.glow_size).toInt()
            )
        }

Based on GlowButton repository

You might also like...

Custom android music player view.

InteractivePlayerView Custom android music player view. Screen Check it on youtube Usage(XML) Define it in your xml file. co.mobiwise.library.Intera

744 Dec 25, 2022

Android Library for Custom Switches.

376 Jan 4, 2023

Custom wheel widget for android

Wheel widget for Android To include the wheel widget in the current layout, you should add in the layout xml this lines: it.sephiroth.android

384 Nov 21, 2022

Set custom font in Android application

MagicViews Provides a simple way to set custom font in Android application. Adding to your project Add the library as a dependency to your build.gradl

225 Nov 20, 2022

A beautiful Android custom View that works similar to a range or seekbar. With animations.

ValueBar A beautiful Android custom View that works similar to a range or seekbar. Selection by gesture. With animations. Supporting API level 11+. De

147 Nov 20, 2022

An android custom view that displays a circle with a colored arc given a mark

MarkView An android custom view that displays a circle with a colored arc given a mark. Usage Add as a dependency compile 'com.github.xiprox.markv

200 Nov 25, 2022

Custom UI control for android which is showing data as a segments and a value inside them.

Segmented Bar View for Android Custom UI control for android which is showing data as a segments and a value inside them. Screenshots Install From rep

354 Nov 10, 2022

This is a android custom view , like a scratch card effect!

ScratchView This is a android custom view , like a scratch card effect! Last Update 采纳DearZack童鞋的优化思路，把计算擦除面积比例的操作放在手指离开屏幕时，以降低对CPU的占用。 Articles Scrat

316 Nov 29, 2022

An Android custom view to display digits rendered as dots in a grid, with a style like a 1970s LED clock.

#DotMatrixView This is an Android library project providing a custom view that can display things on a grid of dots. When the displayed value changes,