Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/duanhong169/DrawableToolbox

🛠️ The missing drawable toolbox for Android. Create drawables programmatically and get rid of the boring and always repeated drawable.xml files.
https://github.com/duanhong169/DrawableToolbox

android android-drawables android-library flip-drawable gradient-drawable kotlin kotlin-android kotlin-library layer-drawable layer-list programmatically rotate-drawable scale-drawable shape-drawable state-list-drawable

Last synced: about 2 months ago
JSON representation

🛠️ The missing drawable toolbox for Android. Create drawables programmatically and get rid of the boring and always repeated drawable.xml files.

Host: GitHub
URL: https://github.com/duanhong169/DrawableToolbox
Owner: duanhong169
License: apache-2.0
Created: 2018-08-01T07:57:06.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2020-05-20T10:55:31.000Z (over 4 years ago)
Last Synced: 2024-10-22T16:16:54.447Z (about 2 months ago)
Topics: android, android-drawables, android-library, flip-drawable, gradient-drawable, kotlin, kotlin-android, kotlin-library, layer-drawable, layer-list, programmatically, rotate-drawable, scale-drawable, shape-drawable, state-list-drawable
Language: Kotlin
Homepage:
Size: 5.05 MB
Stars: 1,143
Watchers: 26
Forks: 98
Open Issues: 11
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-list - duanhong169/DrawableToolbox - 🛠️ The missing drawable toolbox for Android. Create drawables programmatically and get rid of the boring and always repeated drawable.xml files. (Kotlin)
awesome-kotlin - DrawableToolbox - 🛠️ The missing drawable toolbox for Android. Create drawables programmatically and get rid of the boring and always repeated drawable.xml files. (Libraries)

README

        # DrawableToolbox

[![gitHub release](https://img.shields.io/github/release/duanhong169/DrawableToolbox.svg?style=social)](https://github.com/duanhong169/DrawableToolbox/releases)

[![platform](https://img.shields.io/badge/platform-android-brightgreen.svg)](https://developer.android.com/index.html)



[![license](https://img.shields.io/badge/license-Apache%202-green.svg)](https://github.com/duanhong169/DrawableToolbox/blob/master/LICENSE)

[![Awesome Kotlin Badge](https://kotlin.link/awesome-kotlin.svg)](https://github.com/KotlinBy/awesome-kotlin)

English | [中文](README_cn.md)

The missing DrawableToolbox for Android. Create drawables programmatically and get rid of the boring and always repeated `drawable.xml` files.

  


 

## Features

* Create drawables programmatically

* Support ``, ``, ``, ``, `` drawables

* Support 'flip' (vertical or horizontal)

## Contribute

* Please file an [issue](https://github.com/duanhong169/DrawableToolbox/issues) or [pull request](https://github.com/duanhong169/DrawableToolbox/pulls) 

## Gradle

```

dependencies {

    implementation 'com.github.duanhong169:drawabletoolbox:${latestVersion}'

    ...

}

```

> Replace `${latestVersion}` with the latest version code. See [releases](https://github.com/duanhong169/DrawableToolbox/releases).

## Usage

Use the `DrawableBuilder` to setup the `Drawable` and call `build()` to create it. 

> Please check all the supported APIs in [DrawableBuilder.kt](https://github.com/duanhong169/DrawableToolbox/blob/master/drawabletoolbox/src/main/java/top/defaults/drawabletoolbox/DrawableBuilder.kt).

Here are some examples:

Code:

```kotlin

DrawableBuilder()

        .rectangle()

        .hairlineBordered()

        .strokeColor(COLOR_DEFAULT)

        .strokeColorPressed(COLOR_PRESSED)

        .ripple()

        .build()

```

Result:

![Bordered with Ripple](art/sample-1.png)

Code:

```kotlin

DrawableBuilder()

        .rectangle()

        .hairlineBordered()

        .mediumDashed()

        .strokeColor(COLOR_DEFAULT)

        .strokeColorPressed(COLOR_PRESSED)

        .ripple()

        .build()

```

Result:

![Medium-dashed, Bordered with Ripple](art/sample-2.png)

Code:

```kotlin

DrawableBuilder()

        .rectangle()

        .rounded()

        .solidColor(COLOR_DEFAULT)

        .solidColorPressed(COLOR_PRESSED)

        .build()

```

Result:

![Rounded, Filled with States](art/sample-4.png)

Code:

```kotlin

DrawableBuilder()

        .rectangle()

        .hairlineBordered()

        .longDashed()

        .rounded()

        .strokeColor(COLOR_DEFAULT)

        .strokeColorPressed(COLOR_PRESSED)

        .ripple()

        .build()

```

Result:

![Rounded, Long-dashed, Bordered with Ripple](art/sample-6.png)

Code:

```kotlin

DrawableBuilder()

        .rectangle()

        .rounded()

        .gradient()

        .linearGradient()

        .angle(90)

        .startColor(COLOR_DEFAULT)

        .endColor(ContextCompat.getColor(context, R.color.colorPrimaryDark))

        .ripple()

        .rippleColor(COLOR_PRESSED)

        .build()

```

Result:

![Rounded, Gradient with Ripple](art/sample-8.png)

Code:

```kotlin

val baseBuilder = DrawableBuilder()

        .rectangle()

        .rounded()

        .gradient()

        .gradientType(GradientDrawable.LINEAR_GRADIENT)

        .angle(90)

val normalState = baseBuilder

        .startColor(COLOR_DEFAULT)

        .endColor(ContextCompat.getColor(context, R.color.colorPrimaryDark))

        .build()

val pressedState = baseBuilder

        .startColor(COLOR_PRESSED)

        .endColor(ContextCompat.getColor(context, R.color.colorAccentDark))

        .build()

StateListDrawableBuilder()

        .normal(normalState)

        .pressed(pressedState)

        .build()

```

Result:

![Rounded, Gradient with States](art/sample-9.png)

Code:

```kotlin

val baseBuilder = DrawableBuilder()

        .rectangle()

        .rounded()

        .hairlineBordered()

        .strokeColor(COLOR_DEFAULT)

        .solidColorSelected(COLOR_DEFAULT)

        .ripple()

return when(type) {

    SegmentedControlDrawableSpec.TYPE_LEFT_MOST -> {

        baseBuilder.topRightRadius(0)

                .bottomRightRadius(0)

                .build()

    }

    SegmentedControlDrawableSpec.TYPE_RIGHT_MOST -> {

        baseBuilder.topLeftRadius(0)

                .bottomLeftRadius(0)

                .build()

    }

    else -> {

        baseBuilder.cornerRadius(0).build()

    }

}

```

Result:

![Segmented Control](art/sample-10.png)

Code:

```kotlin

val layer1 = DrawableBuilder()

        .size(200)

        .rectangle()

        .rounded()

        .hairlineBordered()

        .strokeColor(COLOR_DEFAULT)

        .strokeColorPressed(COLOR_PRESSED)

        .build()

val layer2 = DrawableBuilder()

        .rectangle()

        .rounded()

        .solidColor(COLOR_DEFAULT)

        .build()

val layer3 = DrawableBuilder()

        .rectangle()

        .rounded()

        .solidColor(Color.WHITE)

        .ripple()

        .rippleColor(COLOR_DEFAULT)

        .build()

LayerDrawableBuilder()

        .add(layer1)

        .add(layer2)

        .inset(10)

        .add(layer3)

        .inset(20)

        .build()

```

Result:

![Layer List: Several Borders](art/sample-14.png)

Code:

```kotlin

val layer1 = DrawableBuilder()

        .size(180)

        .rectangle()

        .build()

val layer2 = DrawableBuilder()

        .oval()

        .solidColor(COLOR_DEFAULT)

        .build()

val layer3 = DrawableBuilder()

        .rectangle()

        .solidColor(COLOR_DEFAULT_DARK)

        .rotate(45f)

        .build()

val layer4 = DrawableBuilder()

        .rectangle()

        .bottomLeftRadius(100)

        .solidColor(COLOR_DEFAULT_DARK)

        .build()

val layer5 = DrawableBuilder()

        .oval()

        .solidColor(COLOR_DEFAULT)

        .build()

val layerDrawable = LayerDrawableBuilder()

        .add(layer1)

        .add(layer2)

        .inset(20, 20, 100, 100)

        .add(layer3)

        .inset(100, 20, 20, 100)

        .add(layer4)

        .inset(20, 100, 100, 20)

        .add(layer5)

        .inset(100, 100, 20, 20)

        .build()

DrawableBuilder()

        .baseDrawable(layerDrawable)

        .rotate(0f, 360f)

        .build()

```

Result:

![Showcase: Layer List 1](art/sample-15.png)

Code:

```kotlin

// Rotate & Leveled the Ring

DrawableBuilder()

        .size(200)

        .ring()

        .useLevelForRing()

        .solidColor(COLOR_DEFAULT)

        .innerRadiusRatio(3f)

        .thicknessRatio(10f)

        .rotate(0f, 720f)

        .build()

```

Result:

![Rotate & Leveled the Ring](art/sample-11.png)

Code:

```kotlin

// Rotate, Sweep & Flip the Ring

DrawableBuilder()

        .size(200)

        .ring()

        .innerRadiusRatio(3f)

        .thicknessRatio(10f)

        .gradient()

        .sweepGradient()

        .rotate(0f, 360f)

        .flip()

        .build()

```

Result:

![Rotate, Sweep & Flip the Ring](art/sample-12.png)

Code:

```kotlin

// Rotate, Sweep & Scale the Oval with States

val baseBuilder = DrawableBuilder()

        .size(400)

        .oval()

        .gradient()

        .sweepGradient()

        .rotate(0f, 360f)

        .scale(0.5f)

        .scaleGravity(Gravity.START or Gravity.TOP)

val normalState = baseBuilder.build()

val pressedState = baseBuilder

        .startColor(COLOR_PRESSED)

        .endColor(0x7FFFFFFF)

        .build()

StateListDrawableBuilder()

        .normal(normalState)

        .pressed(pressedState)

        .build()

```

Result:

![Rotate, Sweep & Scale the Oval with States](art/sample-13.png)

Please check out the app sample code [SampleCodeSnippets.kt](https://github.com/duanhong169/DrawableToolbox/blob/master/app/src/main/java/top/defaults/drawabletoolboxapp/SampleCodeSnippets.kt) for more details.

## License

    Copyright 2018 Hong Duan

    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.