Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/BelooS/ChipsLayoutManager
ANDROID. ChipsLayoutManager (SpanLayoutManager, FlowLayoutManager). A custom layout manager for RecyclerView which mimicric TextView span behaviour, flow layouts behaviour with support of amazing recyclerView features
https://github.com/BelooS/ChipsLayoutManager
android layoutmanager recyclerview recyclerview-adapter span ui
Last synced: 8 days ago
JSON representation
ANDROID. ChipsLayoutManager (SpanLayoutManager, FlowLayoutManager). A custom layout manager for RecyclerView which mimicric TextView span behaviour, flow layouts behaviour with support of amazing recyclerView features
- Host: GitHub
- URL: https://github.com/BelooS/ChipsLayoutManager
- Owner: BelooS
- License: apache-2.0
- Created: 2016-08-03T19:23:43.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-01-17T20:46:04.000Z (almost 5 years ago)
- Last Synced: 2024-10-29T17:55:28.172Z (10 days ago)
- Topics: android, layoutmanager, recyclerview, recyclerview-adapter, span, ui
- Language: Java
- Homepage:
- Size: 28.1 MB
- Stars: 3,247
- Watchers: 62
- Forks: 361
- Open Issues: 37
-
Metadata Files:
- Readme: README.MD
- License: LICENSE
Awesome Lists containing this project
- awesome-github-android-ui - ChipsLayoutManager - 自定义RecyclerView布局管理器 (TagView)
README
# ChipsLayoutManager [![minSdk for ChipsLayoutManager](https://img.shields.io/badge/minSdk-15-green.svg)](#) [![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-ChipsLayoutManager-brightgreen.svg?style=flat)](https://android-arsenal.com/details/1/4568#)
![ChipsLayoutManager for RecyclerView. Custom layout manager for RecyclerView](/images/header.png)## This is ChipsLayoutManager - custom Recycler View's LayoutManager which moves item to the next line when no space left on the current
This layout manager could represent [Google Chips material design pattern](https://material.google.com/components/chips.html#)As an android developer i see that google isn't so polite to support all our wishes, and when i faced with such common task like create spannable list
but with support of CRUD animations i decided to make such stuff and share it.
## Setup and usage
### Installation [ ![Download](https://api.bintray.com/packages/beloo/widget/ChipsLayoutManager/images/download.svg) ](https://bintray.com/beloo/widget/ChipsLayoutManager/_latestVersion)with gradle
```GRADLE
compile 'com.beloo.widget:ChipsLayoutManager:0.3.7@aar'
```Assuming you have installed jCenter provider:
```GRADLE
allprojects {
repositories {
jcenter()
}
}
```or just import `ChipsLayoutManager` module to your project.
### Features
Layout manager represents chips or spanned or "bubble" structure of list items and is a good replace for typical implementations of such issue based on spans in `TextView`
or custom `FlowLayout`s.* supports `RecyclerView`'s/`LayoutManager`'s features, such as default animations while CRUD items & custom `ItemAnimator`s, `ItemDecorator`s, scrolling etc. `wrap_content` of height is supported
* vertical scrolling is supported. Horizontal scrolling isn't supported. It is possible to disable vertical scrolling as well. Supported padding/margin, clipToPadding parameter of `RecyclerView`
* supports different height and width of items
* recycling items support (another advantage over `TextView` approach)
* items gravity inside row support. For all items or only for required ones
* LTR and RTL support
* activity orientation change support
* predictive animations supported (animate view movement outside of visible bounds)
* setting max count of view in row
* you are able to break row due to your conditions
* justified views in row with spaces or additional view size| Insert/delete | Move |
|---|---|
|![Insert/delete animations with ChipsLayoutManager](/images/insert_delete_animations.gif) |![Move animations with ChipsLayoutManager](/images/move_animations.gif)|####Layout Directions
| | Left to Right | Right to Left |
|---|---|---|
| Horizontal |![Left to Right Rows implementation of ChipsLayoutManager](/images/ltr_horizontal.png) |![Right to Left implementation of ChipsLayoutManager](/images/rtl_horizontal.png)|
| Vertical |![Left to Right Columns implementation of ChipsLayoutManager](/images/ltr_vertical.png) ||####Fill strategy
Any row has some space left, where is impossible to place the next view, because that space is too small.
But we could distribute that space for available views in that row.Row strategy is a mode of distribution left space.
* `STRATEGY_DEFAULT` - is used by default. Left space is placed at the end of the row.
* `STRATEGY_FILL_VIEW` - available space is distributed among views.
* `STRATEGY_FILL_SPACE` - available space is distributed among spaces between views, start & end views are docked to a nearest border.
* `STRATEGY_CENTER` - available space is distributed among spaces between views, start & end spaces included. Views are placed in center of canvas.
* `STRATEGY_CENTER_DENSE` - Views are placed in center of canvas. There is no extra space distributed between views.In such layouts by default last row isn't considered completed. So strategy isn't applied for last row.
But you can also enable opposite behaviour.### Usage
```JAVA
ChipsLayoutManager chipsLayoutManager = ChipsLayoutManager.newBuilder()
//set vertical gravity for all items in a row. Default = Gravity.CENTER_VERTICAL
.setChildGravity(Gravity.TOP)
//whether RecyclerView can scroll. TRUE by default
.setScrollingEnabled(true)
//set maximum views count in a particular row
.setMaxViewsInRow(2)
//set gravity resolver where you can determine gravity for item in position.
//This method have priority over previous one
.setGravityResolver(new IChildGravityResolver() {
@Override
public int getItemGravity(int position) {
return Gravity.CENTER;
}
})
//you are able to break row due to your conditions. Row breaker should return true for that views
.setRowBreaker(new IRowBreaker() {
@Override
public boolean isItemBreakRow(@IntRange(from = 0) int position) {
return position == 6 || position == 11 || position == 2;
}
})
//a layoutOrientation of layout manager, could be VERTICAL OR HORIZONTAL. HORIZONTAL by default
.setOrientation(ChipsLayoutManager.HORIZONTAL)
// row strategy for views in completed row, could be STRATEGY_DEFAULT, STRATEGY_FILL_VIEW,
//STRATEGY_FILL_SPACE or STRATEGY_CENTER
.setRowStrategy(ChipsLayoutManager.STRATEGY_FILL_SPACE)
// whether strategy is applied to last row. FALSE by default
.withLastRow(true)
.build();
rv.setLayoutManager(chipsLayoutManager);
```Notice that if you changed gravity resolver or row breaker conditions in runtime - it won't affect already drown items and cached item positions.
You have to call `notifyItemChanged` on `ChipsLayoutManager` otherwise layout won't be predictable.**Device current direction** have been chosen by default.
You can manipulate with layout direction (**LTR** or **RTL**)
_On Api >= 17:_
```XML```
or programmatically (_on all supported Api:_):
```JAVA
ViewCompat.setLayoutDirection(recyclerView, ViewCompat.LAYOUT_DIRECTION_RTL);
```For example look at sample application.
### Bonus
You may need an `RecyclerView.ItemDecoration` to work with `ChipsLayoutManager` for fast setup as showed in sample.
It contained in same package and named `SpacingItemDecoration`.## Support [ ![Maintained](https://img.shields.io/maintenance/yes/2017.svg) ](https://github.com/BelooS/ChipsLayoutManager/tree/dev)
BETA is going.
I respond to your founded issues. Just create a ticket if you found something goes wrong.
Thanks for testing, guys. I'm really appreciate it.### Contributors
All pull requests are welcome. I've tried to make code clean & readable, so the next is up to you.
I appreciate any help and contributors will be mentioned here.Thanks, [szijpeter](https://github.com/szijpeter) and everyone for valuable updates.
### Known issues
I create issues in tracking board of known problems.
These issues are going to be fixed in next versions.### License [ ![license for ChipsLayoutManager](https://img.shields.io/hexpm/l/plug.svg) ](https://github.com/BelooS/ChipsLayoutManager/blob/dev/LICENSE)
Copyright 2016 Beloy Oleg, Ukraine.
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.