material-design-spinner

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #llm #android #machine-learning #rust #deep-learning #docker #nodejs #cli #awesome-list

material-design-spinner

(★ 23)

Material design spinner for apps powered by Starling and Feathers

material-design-spinner Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Material design spinner extension for Feathers

A simple animated display object for apps powered by [Starling](https://github.com/Gamua/Starling-Framework) and [Feathers](https://github.com/BowlerHatLLC/feathers).

![Spinner](https://raw.githubusercontent.com/marpies/material-design-spinner/master/spinner.gif)

## Getting started

You can either use a pre-compiled [SWC file](swc/) or the original source file and texture from the [source](source/) directory. The `assets` directory should be in the same level as your project's `src` directory. Alternatively, you can update the [path to the embedded texture](source/src/feathers/extensions/MaterialDesignSpinner.as#L33).

You will also need to enable `depthAndStencil` in your app descriptor XML:

```xml
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<application xmlns="http://ns.adobe.com/air/application/20.0">
	...
	<initialWindow>
		...
		<depthAndStencil>true</depthAndStencil>
		...
    </initialWindow>
    ...
</application>
```

## Usage

The spinner can be used as any other Starling DisplayObject.

```as3
import feathers.extensions.MaterialDesignSpinner;

private var mSpinner:MaterialDesignSpinner;
...

mSpinner = new MaterialDesignSpinner();
addChild(mSpinner);
```

You can change the color to your liking:

```as3
mSpinner.color = 0x00BCD4;
```

The animation starts automatically once it is displayed on the stage, and it is stopped when removed. You can pass in a custom `Juggler` to manage the animation by yourself; `Starling.juggler` is used by default.

```as3
var myJuggler:Juggler = new Juggler();

mSpinner.juggler = myJuggler;
```

The spinner extends `FeathersControl` which means you are able to use it in your Feathers layouts.

```as3
mSpinner.layoutData = new AnchorLayoutData(NaN, NaN, NaN, NaN, 0, 0);
```

## Re-compile SWC

If you edit the texture and wish to re-compile the SWC file, you can use the provided ANT [build](build/) script. Make sure to edit [build.properties](build/build.properties) to match your local environment and execute `ant` from the build directory.

## Requirements

* [Starling Framework 2.0+](https://github.com/Gamua/Starling-Framework)
* [Feathers 3.0+](https://github.com/BowlerHatLLC/feathers)

## Credits

The work is based on [RadialProgressBar](http://forum.starling-framework.org/topic/radial-progress-bar#post-88380) created by [Jakub Wagner](https://twitter.com/@jakubwagner). Modifications have been made by [Marcel Piestansky](https://twitter.com/marpies).

Distributed under [Apache License, version 2.0](http://www.apache.org/licenses/LICENSE-2.0.html).

material-design-spinner

material-design-spinner Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

material-design-spinner

material-design-spinner Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README