Ecosyste.ms: Awesome

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

https://github.com/AAkira/ExpandableLayout

[Deprecated] An android library that brings the expandable layout with various animation. You can include optional contents and use everywhere.
https://github.com/AAkira/ExpandableLayout

Last synced: 1 day ago
JSON representation

[Deprecated] An android library that brings the expandable layout with various animation. You can include optional contents and use everywhere.

Host: GitHub
URL: https://github.com/AAkira/ExpandableLayout
Owner: AAkira
License: apache-2.0
Created: 2015-09-05T16:18:24.000Z (almost 9 years ago)
Default Branch: master
Last Pushed: 2017-12-15T11:11:10.000Z (over 6 years ago)
Last Synced: 2024-06-12T08:23:20.255Z (4 days ago)
Language: Java
Homepage:
Size: 19.6 MB
Stars: 1,653
Watchers: 53
Forks: 322
Open Issues: 66
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-github-android-ui - ExpandableLayout - 带有各种动画的扩展布局 (布局)
awesome-stars - AAkira/ExpandableLayout - [Deprecated] An android library that brings the expandable layout with various animation. You can include optional contents and use everywhere. (Java)
awesome-github-android-ui - ExpandableLayout - 带有各种动画的扩展布局 (布局)

README

        # Expandable Layout

An android library that brings the expandable layout with various animation.

You can include optional contents and use everywhere.

[![Circle CI](https://circleci.com/gh/AAkira/ExpandableLayout.svg?style=shield&circle-token=cb7464e0215aaecb740936d1d68010ee0ffd4806)](https://circleci.com/gh/AAkira/ExpandableLayout)

[![Platform](http://img.shields.io/badge/platform-android-brightgreen.svg?style=flat)](http://developer.android.com/index.html)

[![Language](http://img.shields.io/badge/language-java-orange.svg?style=flat)](http://www.oracle.com/technetwork/java/javase/downloads/index.html)

[![License](http://img.shields.io/badge/license-apache2.0-lightgrey.svg?style=flat)](http://www.apache.org/licenses/LICENSE-2.0)

[![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-ExpandableLayout-brightgreen.svg?style=flat)](http://android-arsenal.com/details/1/2456)

[![Android Gems](http://www.android-gems.com/badge/AAkira/ExpandableLayout.svg?branch=master)](http://www.android-gems.com/lib/AAkira/ExpandableLayout)

## Preview

### Normal

![ExpandableRelativeLayout][ExpandableRelativeLayout] ![ExpandableWeightLayout][ExpandableWeightLayout]

### Example

![ExampleRecyclerView][ExampleRecyclerView] ![ExampleSearch][ExampleSearch]

![ExampleReadMore][ExampleReadMore]

## Usage

### ExpandableRelativeLayout

#### Usage

The expandableRelativeLayout doesn't work if child views change a size. 

You should use the ExpandableLinearLayout if there is a possibility.

#### Code

```java

ExpandableRelativeLayout expandableLayout

 = (ExpandableRelativeLayout) findViewById(R.id.expandableLayout);

// toggle expand, collapse

expandableLayout.toggle();

// expand

expandableLayout.expand();

// collapse

expandableLayout.collapse();

// move position of child view

expandableLayout.moveChild(0);

// move optional position

expandableLayout.move(500);

// set base position which is close position

expandableLayout.setClosePosition(500);

```

#### Layout xml

add `xmlns:app="http://schemas.android.com/apk/res-auto"`

```xml

    

    

```

### ExpandableLinearLayout

#### Usage

You should use the ExpandableLinearLayout if child views may change a size. 

For example, it gets and sets values from a server.

And you should use this in recycler view.

#### Code

```java

// resize expandable layout

ExpandableLinearLayout expandableLayout

 = (ExpandableLinearLayout) findViewById(R.id.expandableLayout);

child.setText("Sets text from a server");

expandableLayout.initLayout(); // Recalculate size of children

// recycler view

// you must set a ViewHolder#setIsRecyclable(false) and ExpandableLinearLayout#setInRecyclerView(true) 

@Override

public void onBindViewHolder(final ViewHolder holder, final int position) {

    holder.setIsRecyclable(false);

    holder.expandableLinearLayout.setInRecyclerView(true);

}

```

### ExpandableWeightLayout

#### Usage

You should use this layout if you want to use weight attributes at expandable layout.

#### Code

```java

ExpandableWeightLayout expandableLayout

 = (ExpandableWeightLayout) findViewById(R.id.expandableLayout);

// toggle expand, collapse

expandableLayout.toggle();

// expand

expandableLayout.expand();

// collapse

expandableLayout.collapse();

```

#### Layout xml

add `xmlns:app="http://schemas.android.com/apk/res-auto"`

```xml

    

    

        

    

    

```

### Listener

```java

expandableLayout.setListener(new ExpandableLayoutListener() {

    @Override

    public void onAnimationStart() {

    }

    @Override

    public void onAnimationEnd() {

    }

    // You can get notification that your expandable layout is going to open or close.

    // So, you can set the animation synchronized with expanding animation.

    @Override

    public void onPreOpen() {

    }

    @Override

    public void onPreClose() {

    }

    @Override

    public void onOpened() {

    }

    @Override

    public void onClosed() {

    }

});

```

* `ExpandableLayoutListenerAdapter`

 - You can set listeners only you need. 

```java

expandableLayout.setListener(new ExpandableLayoutListenerAdapter() {

    @Override

    public void onPreOpen() {

    }

    @Override

    public void onPreClose() {

    }

});

```

### Attributes

|attribute name|description|

|:-:|:-:|

|ael_duration|The length of the expand or collapse animation|

|ael_expanded|The layout is expanded if you set true|

|ael_defaultChildIndex|The layout is expanded at index of child view. (Only `ExpandableRelativeLayout`)|

|ael_defaultPosition|The layout is expanded at the position. (Only `ExpandableRelativeLayout`)|

|ael_orientation|The orientation of animation(horizontal \| vertical)|

|ael_interpolator|Sets [interpolator](#interpolator)|

### Interpolator

You can use [interpolator](http://developer.android.com/reference/android/view/animation/Interpolator.html).

It helps the layout animates easily.

|Interpolator|value name of attribute |

|:-:|:-:|

|[AccelerateDecelerateInterpolator](http://developer.android.com/reference/android/view/animation/AccelerateDecelerateInterpolator.html)|accelerateDecelerate|

|[AccelerateInterpolator](http://developer.android.com/reference/android/view/animation/AccelerateInterpolator.html)|accelerate|

|[AnticipateInterpolator](http://developer.android.com/reference/android/view/animation/AnticipateInterpolator.html)|anticipate|

|[AnticipateOvershootInterpolator](http://developer.android.com/reference/android/view/animation/AnticipateOvershootInterpolator.html)|anticipateOvershoot|

|[BounceInterpolator](http://developer.android.com/reference/android/view/animation/BounceInterpolator.html)|bounce|

|[DecelerateInterpolator](http://developer.android.com/reference/android/view/animation/DecelerateInterpolator.html)|decelerate|

|[FastOutLinearInInterpolator](http://developer.android.com/reference/android/support/v4/view/animation/FastOutLinearInInterpolator.html)|fastOutLinearIn|

|[FastOutSlowInInterpolator](http://developer.android.com/reference/android/support/v4/view/animation/FastOutSlowInInterpolator.html)|fastOutSlowIn|

|[LinearInterpolator](http://developer.android.com/reference/android/view/animation/LinearInterpolator.html)|linear|

|[LinearOutSlowInInterpolator](http://developer.android.com/reference/android/support/v4/view/animation/LinearOutSlowInInterpolator.html)|linearOutSlowIn|

|[OvershootInterpolator](http://developer.android.com/reference/android/view/animation/OvershootInterpolator.html)|overshoot|

These are support interpolator.

But a case that the expandable layout extends outside doesn't work.

e.g. AnticipateInterpolator, AnticipateOvershootInterpolator, OvershootInterpolator

I recommend you use such a interpolator for child views in the expandable layout.

* Not support

 - CycleInterpolator

 - PathInterpolator

## Setup

### Gradle

Add the dependency in your `build.gradle`

```groovy

buildscript {

	repositories {

		jcenter()

	}

}

dependencies {

	compile 'com.github.aakira:expandable-layout:1.6.0@aar'

}

```

## Author

### Akira Aratani

* Twitter

 - [@_a_akira](https://twitter.com/_a_akira)

* Mail

 - [email protected]

### Other open source projects

* [OkWear](https://github.com/AAkira/OkWear)

## License

```

Copyright (C) 2015 A.Akira

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.

```

[ExpandableRelativeLayout]: /art/ExpandableRelativeLayout.gif

[ExpandableWeightLayout]: /art/ExpandableWeightLayout.gif

[ExampleSearch]: /art/ExampleSearch.gif

[ExampleRecyclerView]: /art/ExampleRecyclerview_v1.1.gif

[ExampleReadMore]: /art/ExampleReadMore.gif