Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/BakerJQ/Android-InfiniteCards
An infinite card switching UI for Android, support custom animation 自定义实现神奇动效的卡片切换视图
https://github.com/BakerJQ/Android-InfiniteCards
android android-card android-card-animation android-card-view animation card cardview
Last synced: about 1 month ago
JSON representation
An infinite card switching UI for Android, support custom animation 自定义实现神奇动效的卡片切换视图
- Host: GitHub
- URL: https://github.com/BakerJQ/Android-InfiniteCards
- Owner: BakerJQ
- License: apache-2.0
- Created: 2017-03-17T08:24:05.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-12-11T07:58:41.000Z (over 3 years ago)
- Last Synced: 2024-01-31T16:37:17.079Z (5 months ago)
- Topics: android, android-card, android-card-animation, android-card-view, animation, card, cardview
- Language: Java
- Homepage:
- Size: 13.4 MB
- Stars: 1,732
- Watchers: 42
- Forks: 210
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Lists
- Android-Awesome-Resources - Android-InfiniteCards
- awesome-github-android-ui - Android-InfiniteCards - 可自定义动效的卡片切换视图 (Card)
- awesome-github-android-ui - Android-InfiniteCards - 可自定义动效的卡片切换视图 (Card)
README
# InfiniteCards
[](https://www.apache.org/licenses/LICENSE-2.0.html)
[](https://jitpack.io/#BakerJQ/Android-InfiniteCards)
An infinite card switching UI for Android, support custom animation
可自定义动效的卡片切换视图（[中文文档](https://github.com/BakerJQ/Android-InfiniteCards/blob/master/README_cn.md)）
## Flutter version
https://github.com/BakerJQ/Flutter-InfiniteCards
## Screenshot
## Gradle via JitPack
Add it in your root build.gradle at the end of repositories:
``` groovy
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
```
Add the dependency
``` groovy
dependencies {
implementation 'com.github.BakerJQ:Android-InfiniteCards:1.0.5'
}
```
## Attrs
- animType : animation type
- front : move the selected card to first
- switchPosition : move the selected card to first, and the first card to the selected position
- frontToLast : move the first card to last position
- cardRatio : ratio of the card
- animDuration : duration of each card's animation
- animAddRemoveDelay : delay of animation of add and remove between each card
- animAddRemoveDuration : duration of add and remove each card's animation
## How to use
### layout in xml
```xml
```
### Set Adapter
Just extends the BaseAdapter
```java
class MyAdapter extends BaseAdapter{
...
}
mAdapter = new MyAdapter(resId);
mCardView.setAdapter(mAdapter);
```
### Animation transformers and interpolators
#### Default
If you just use all default animations, just do nothing.
```java
mCardView.setAnimInterpolator(new LinearInterpolator());
mCardView.setTransformerToFront(new DefaultTransformerToFront());
mCardView.setTransformerToBack(new DefaultTransformerToBack());
mCardView.setZIndexTransformerToBack(new DefaultZIndexTransformerCommon());
```
#### Customisation
```java
mCardView.setTransformerToBack(new AnimationTransformer() {
@Override
public void transformAnimation(View view, float fraction, int cardWidth, int cardHeight, int fromPosition, int toPosition) {
int positionCount = fromPosition - toPosition;
float scale = (0.8f - 0.1f * fromPosition) + (0.1f * fraction * positionCount);
ViewHelper.setScaleX(view, scale);
ViewHelper.setScaleY(view, scale);
if (fraction < 0.5) {
ViewCompat.setRotationX(view, 180 * fraction);
} else {
ViewCompat.setRotationX(view, 180 * (1 - fraction));
}
}
@Override
public void transformInterpolatedAnimation(View view, float fraction, int cardWidth, int cardHeight, int fromPosition, int toPosition) {
int positionCount = fromPosition - toPosition;
float scale = (0.8f - 0.1f * fromPosition) + (0.1f * fraction * positionCount);
ViewHelper.setTranslationY(view, -cardHeight * (0.8f - scale) * 0.5f - cardWidth * (0.02f *
fromPosition - 0.02f * fraction * positionCount));
}
});
mCardView.setZIndexTransformerToBack(new ZIndexTransformer() {
@Override
public void transformAnimation(CardItem card, float fraction, int cardWidth, int cardHeight, int fromPosition, int toPosition) {
if (fraction < 0.4f) {
card.zIndex = 1f + 0.01f * fromPosition;
} else {
card.zIndex = 1f + 0.01f * toPosition;
}
}
@Override
public void transformInterpolatedAnimation(CardItem card, float fraction, int cardWidth, int cardHeight, int fromPosition, int toPosition) {
}
});
```
## *License*
InfiniteCards is released under the Apache 2.0 license.
```
Copyright 2017 BakerJ.
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 following link.
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.
```