Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/byteszero/viewpagerwithanimations
ViewPager的一些动画效果
https://github.com/byteszero/viewpagerwithanimations
Last synced: 4 days ago
JSON representation
ViewPager的一些动画效果
- Host: GitHub
- URL: https://github.com/byteszero/viewpagerwithanimations
- Owner: BytesZero
- License: apache-2.0
- Created: 2015-02-25T07:09:13.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2015-02-26T05:40:40.000Z (almost 10 years ago)
- Last Synced: 2023-11-05T13:22:27.530Z (about 1 year ago)
- Language: Java
- Size: 36.5 MB
- Stars: 6
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ViewPagerWithAnimations
给viewPager的添加上动画效果，并且使之兼容API11以下的版本
###重写ViewPager类
```java
public class MyViewPager extends ViewGroup {
...
public void setPageTransformer(boolean reverseDrawingOrder, ViewPager.PageTransformer transformer) {
// if (Build.VERSION.SDK_INT >= 11) {
final boolean hasTransformer = transformer != null;
final boolean needsPopulate = hasTransformer != (mPageTransformer != null);
mPageTransformer = transformer;
setChildrenDrawingOrderEnabledCompat(hasTransformer);
if (hasTransformer) {
mDrawingOrder = reverseDrawingOrder ? DRAW_ORDER_REVERSE : DRAW_ORDER_FORWARD;
} else {
mDrawingOrder = DRAW_ORDER_DEFAULT;
}
if (needsPopulate) populate();
// }
}
...
}
```
1. 注释掉判断SDK版本的地方 ```if (Build.VERSION.SDK_INT >= 11) {```
2. ```PageTransformer``` 改为```ViewPager.PageTransformer```
###XML Layout
```java
```
###编写动画
######动画1
```java
public class ZoomOutPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.85f;
private static final float MIN_ALPHA = 0.5f;
public void transformPage(View view, float position) {
int width = view.getWidth();
int pageWidth = width;
int pageHeight = view.getHeight();
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
ViewHelper.setAlpha(view, 0);
} else if (position <= 1) { // [-1,1]
// Modify the default slide transition to shrink the page as well
float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
float vertMargin = pageHeight * (1 - scaleFactor) / 2;
float horzMargin = pageWidth * (1 - scaleFactor) / 2;
if (position < 0) {
float result1=horzMargin-vertMargin/2;
ViewHelper.setTranslationX(view,result1);
} else {
float result2=-horzMargin + vertMargin / 2;
ViewHelper.setTranslationY(view,result2);
}
// Scale the page down (between MIN_SCALE and 1)
ViewHelper.setScaleX(view,scaleFactor);
ViewHelper.setScaleY(view,scaleFactor);
ViewHelper.setAlpha(view,MIN_ALPHA +
(scaleFactor - MIN_SCALE) /
(1 - MIN_SCALE) * (1 - MIN_ALPHA));
} else { // (1,+Infinity]
// This page is way off-screen to the right.
ViewHelper.setAlpha(view,0);
}
}
}
```
######效果
######动画2
```java
/**
* Created by zsl on 2015/2/25.
* 动画2
*/
public class DepthPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.75f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
ViewHelper.setAlpha(view,0);
} else if (position <= 0) { // [-1,0]
// Use the default slide transition when moving to the left page
ViewHelper.setAlpha(view,1);
ViewHelper.setTranslationX(view,0);
ViewHelper.setScaleX(view,1);
ViewHelper.setScaleY(view,1);
} else if (position <= 1) { // (0,1]
// Fade the page out.
ViewHelper.setAlpha(view,1-position);
// Counteract the default slide transition
ViewHelper.setTranslationX(view,pageWidth * -position);
// Scale the page down (between MIN_SCALE and 1)
float scaleFactor = MIN_SCALE
+ (1 - MIN_SCALE) * (1 - Math.abs(position));
ViewHelper.setScaleX(view,scaleFactor);
ViewHelper.setScaleY(view,scaleFactor);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
ViewHelper.setAlpha(view,0);
}
}
}
```
######效果
######动画3
```java
/**
* Created by zsl on 2015/2/25.
* 动画3
*/
public class Animation3Transformer implements ViewPager.PageTransformer {
private static final float MAX_ROATE = 20f;
public void transformPage(View view, float position) {
int width = view.getWidth();
int pageWidth = width;
int pageHeight = view.getHeight();
if (position < -1) { // [-Infinity,-1)
ViewHelper.setRotation(view,0);
} else if (position <= 1) { // [-1,1]
float result=position*MAX_ROATE;
ViewHelper.setPivotX(view,pageWidth*0.5f);
ViewHelper.setPivotY(view,pageHeight);
ViewHelper.setRotation(view,result);
} else { // (1,+Infinity]
ViewHelper.setRotation(view,0);
}
}
}
```
######效果
######动画4
```java
/**
* Created by zsl on 2015/2/25.
* 动画4
*/
public class Animation4Transformer implements ViewPager.PageTransformer {
private static final float MAX_ROATE = 360f;
public void transformPage(View view, float position) {
int width = view.getWidth();
int pageWidth = width;
int pageHeight = view.getHeight();
if (position < -1) { // [-Infinity,-1)
ViewHelper.setRotation(view,0);
ViewHelper.setAlpha(view,1);
} else if (position <= 1) { // [-1,1]
float result=position*MAX_ROATE;
//旋转
ViewHelper.setPivotX(view,pageWidth*0.5f);
ViewHelper.setPivotY(view, pageHeight*0.5f);
ViewHelper.setRotation(view,result);
//透明度
ViewHelper.setAlpha(view,1-Math.abs(position));
//缩放
ViewHelper.setScaleY(view,1-Math.abs(position));
ViewHelper.setScaleX(view,1-Math.abs(position));
} else { // (1,+Infinity]
ViewHelper.setRotation(view,0);
ViewHelper.setAlpha(view,1);
}
}
```
######效果
#Thanks for
1.JakeWharton : [NineOldAndroids](https://github.com/JakeWharton/NineOldAndroids/)
2.Google : [Using ViewPager for Screen Slides](http://developer.android.com/intl/zh-cn/training/animation/screen-slide.html)
#Developed By
* zsl - <[email protected]>