Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mxn21/FlowingDrawer
swipe display drawer with flowing & bouncing effects.
https://github.com/mxn21/FlowingDrawer
android-ui
Last synced: about 2 months ago
JSON representation
swipe display drawer with flowing & bouncing effects.
- Host: GitHub
- URL: https://github.com/mxn21/FlowingDrawer
- Owner: mxn21
- License: apache-2.0
- Created: 2015-08-14T12:29:05.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2022-07-20T19:26:19.000Z (over 2 years ago)
- Last Synced: 2024-10-15T11:22:13.451Z (about 2 months ago)
- Topics: android-ui
- Language: Java
- Homepage:
- Size: 7.44 MB
- Stars: 2,566
- Watchers: 79
- Forks: 468
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: License
Awesome Lists containing this project
- -awesome-android-ui - FlowingDrawer - 2.0) | <img src="/art/FlowingDrawer.gif" width="65%"> (Index `(light-weight pages)`)
- awesome-android-ui - FlowingDrawer - 2.0) | <img src="/art/FlowingDrawer.gif" width="65%"> (Index `(light-weight pages)`)
- awesome-github-android-ui - FlowingDrawer - 向右滑动流动抽屉效果 (抽屉菜单)
- awesome-android-ui - FlowingDrawer - 2.0) | <img src="/art/FlowingDrawer.gif" width="65%"> (Index)
- awesome-android-ui - https://github.com/mxn21/FlowingDrawer
- awesome-android-ui - https://github.com/mxn21/FlowingDrawer
README
# FlowingDrawer
[](https://android-arsenal.com/details/1/2658)
[](https://travis-ci.org/mxn21/FlowingDrawer)
swipe right to display drawer with flowing effects.
## Download
Include the following dependency in your build.gradle file.
Gradle:
```Gradle
repositories {
jcenter()
}
dependencies {
implementation 'com.mxn.soul:flowingdrawer-core:2.1.0'
implementation 'com.nineoldandroids:library:2.4.0'
}
```
## V2.0.0 Features
* The menu can be positioned along two edges:left and right .
* Allows the drawer to be opened by dragging the edge or the entire screen.
## Usage
*For a working implementation of this project see the `app/` folder and check out the sample app*
activity_main.xml:
```xml
```
To use a FlowingDrawer, position FlowingDrawer as the root , position your primary content view as the
first child with width and height of match_parent . Add FlowingMenuLayout as child views after the main
content view . FlowingMenuLayout commonly use match_parent for height and width.
Don't set any background on FlowingMenuLayout or FlowingMenuLayout's children, it means their background
should be transparent.
Don't set FlowingMenuLayout's width with a fixed width, it's not a useful way to change it's width .
You can change menu's attribute in FlowingDrawer layout node use custom attribute,like edMenuBackground,edMenuSize,
edPosition.
Use edPosition attribute corresponding to which side of the view you want the drawer
to emerge from: left or right.Left menu : edPosition =1 ; Right menu: edPosition =2 .
For more custom attribute ,you can see in attrs.xml.
MainActivity:
```java
mDrawer = (FlowingDrawer) findViewById(R.id.drawerlayout);
mDrawer.setTouchMode(ElasticDrawer.TOUCH_MODE_BEZEL);
mDrawer.setOnDrawerStateChangeListener(new ElasticDrawer.OnDrawerStateChangeListener() {
@Override
public void onDrawerStateChange(int oldState, int newState) {
if (newState == ElasticDrawer.STATE_CLOSED) {
Log.i("MainActivity", "Drawer STATE_CLOSED");
}
}
@Override
public void onDrawerSlide(float openRatio, int offsetPixels) {
Log.i("MainActivity", "openRatio=" + openRatio + " ,offsetPixels=" + offsetPixels);
}
});
```
setTouchMode can allows the drawer to be opened by dragging the edge or the entire screen.
setOnDrawerStateChangeListener can be used to monitor the state and motion of drawer views.
Avoid performing expensive operations such as layout during animation as it can cause stuttering.
ElasticDrawer.OnDrawerStateChangeListener offers default/no-op implementations of each callback method.
License
=======
Copyright 2015 soul.mxn
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.