KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #cli #open-source #ai #claude-code #codex #developer-tools #react #windows #deepseek-harness #ai-agent

ToggleDrawable

★ 1,121 Open GitHub ↗

Easy drawable animation using beziers curves.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ToggleDrawable [![](https://img.shields.io/badge/android%20weekly-%23185-yellow.svg)](http://androidweekly.net/issues/issue-185) [![](https://jitpack.io/v/renaudcerrato/ToggleDrawable.svg)](https://jitpack.io/#renaudcerrato/ToggleDrawable)

ToggleDrawable helps to create animated drawable transitions using a minimalistic and clean API. The implementation relies on bezier curves instead of SVG graphics, and is compatible below API 19.

[DEMO APK](https://github.com/renaudcerrato/ToggleDrawable/raw/master/sample/sample-debug.apk)

# How? #

The library provides a few implementations like [`SearchArrowDrawable`]( https://github.com/renaudcerrato/ToggleDrawable/blob/master/library/src/main/java/com/mypopsy/drawable/SearchArrowDrawable.java), [`SearchCrossDrawable`](https://github.com/renaudcerrato/ToggleDrawable/blob/master/library/src/main/java/com/mypopsy/drawable/SearchCrossDrawable.java) or [`DrawerArrowDrawable`](https://github.com/renaudcerrato/ToggleDrawable/blob/master/library/src/main/java/com/mypopsy/drawable/DrawerArrowDrawable.java):

```
ToggleDrawable drawable = new SearchArrowDrawable(context);
mImageView.setImageDrawable(drawable);
drawable.setProgress(...); // animate
```

You can easily create your own transitions by passing several [Bezier curves](https://github.com/renaudcerrato/ToggleDrawable/blob/master/library/src/main/java/com/mypopsy/drawable/util/Bezier.java) to `ToggleDrawable`:

```
ToggleDrawable drawable = new ToggleDrawable(context);
drawable.add(<start>, <end>);
drawable.add(<start>, <end>);
```

Or by simpy subclassing `ToggleDrawable` instead: 
```
public class MyCustomToggleDrawable extends ToggleDrawable {

public MyCustomToggleDrawable(Context context) {
            super(context, 0, R.style.CustomToggleDrawableStyle);
            float radius = Math.round(getIntrinsicWidth()*0.5f);
            
            // From circle to square
            add(Bezier.quadrant(radius, 0), Bezier.line(radius, radius, radius, -radius));
            add(Bezier.quadrant(radius, 90), Bezier.line(-radius, radius, radius, radius));
            add(Bezier.quadrant(radius, 180), Bezier.line(-radius, radius, -radius, -radius));
            add(Bezier.quadrant(radius, 270), Bezier.line(-radius, -radius, radius, -radius));
        }
    }
```

Look at the [sample](https://github.com/renaudcerrato/ToggleDrawable/blob/master/sample/src/main/java/com/mypopsy/toggledrawable/MainActivity.java).

# Install #

This repositery can be found on JitPack:

https://jitpack.io/#renaudcerrato/ToggleDrawable

Add it in your root build.gradle at the end of repositories:
```
allprojects {
		repositories {
			...
			maven { url "https://jitpack.io" }
		}
	}
```

Add the dependency:
```
dependencies {
	        compile 'com.github.renaudcerrato:ToggleDrawable:1.0.2'
	}
```

ToggleDrawable

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README