PageTransformerHelp

by OCNYang

:+1: A PageTransformer library for Android ViewPager,have some Banner styles. ViewPager 实现轮播图、实现卡片切...

433 Stars 67 Forks Last release: about 2 years ago (v1.0.1) Apache License 2.0 32 Commits 2 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

PageTransformerHelp

GitHub issues  GitHub forks  GitHub stars

This is a PageTransformer library for Android ViewPager;There are many custom PageTransformer styles.Be able to help you when you use ViewPager.

Version Code

关于 ViewPager 的各种用法详解教程

Download the demo apk

Styles

Banner Style

| Style Name | Demo Pic | | ------------- |:-------------:| | AccordionTransformer | AccordionTransformer | | BackgroundToForegroundTransformer | BackgroundToForegroundTransformer | | CubeInTransformer | CubeInTransformer | | CubeOutTransformer | CubeOutTransformer | | DepthPageTransformer | DepthPageTransformer | | FlipHorizontalTransformer | FlipHorizontalTransformer | | FlipVerticalTransformer | FlipVerticalTransformer | | ForegroundToBackgroundTransformer | ForegroundToBackgroundTransformer | | ParallaxTransformer | ParallaxTransformer | | RotateDownTransformer | RotateDownTransformer | | RotateUpTransformer | RotateUpTransformer | | ScaleInOutTransformer | ScaleInOutTransformer | | StackTransformer | StackTransformer | | TabletTransformer | TabletTransformer | | ZoomInTransformer | ZoomInTransformer | | ZoomOutSlideTransformer | ZoomOutSlideTransformer | | ZoomOutTranformer | ZoomOutTranformer |

Card Style

| Style Name | Demo Pic | | ------------- |:-------------:| | AlphaAndScalePageTransformer | AlphaAndScalePageTransformer | | AlphaPageTransformer | AlphaPageTransformer | | CascadingPageTransformer | CascadingPageTransformer | | RotateDownPageTransformer | RotateDownPageTransformer |

Download

You can download a jar from GitHub's releses page.

Or use Gradle:
Step 1. Add it in your root build.gradle at the end of repositories

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

Step 2. Add the dependency

dependencies {
    compile 'com.github.OCNYang:PageTransformerHelp:v1.0.1'
}

Or Maven:
Step 1.

    
        jitpack.io
        https://jitpack.io
    

Step 2.

    com.github.OCNYang
    PageTransformerHelp
    v1.0.1

How do I use PageTransformerHelp?

Use Banner Style

Add your ViewPager in XML;And then:

...
mViewPager = ((ViewPager) findViewById(R.id.viewPager));
mViewPager.setPageTransformer(true,new ParallaxTransformer());
...

If you want a ViewPager with Title and Indicator,We recommend that you customize a ViewPager.
Here is an BannerViewPager for your reference, but we do not recommend that you use it directly unless it meets your requirements.
PageTransformerHelp 内提供了一种带有标题和指示器的 BannerViewPager,这里只是供大家根据需求自定义 ViewPager 时作为参考(大家只需要复制里面的代码,修改一下标题和指示器的布局文件即可)。不建议直接使用,如果你愿意也可以直接使用。

Use BannerViewPager

Add BannerViewPager in your XML;And then:

mBannerViewPager = ((BannerViewPager) findViewById(R.id.bannerViewPager));
mBannerViewPager
    .setData(List,//set data
        new ImageLoaderInterface() {
            @Override
            public void displayImage(Context context, Object imgPath, ImageView imageView) {
                //Set your own image loading method according to your needs
                //Glide.with(context).load(imgPath).into(imageView);
            }
    })
    .setPageTransformer(new ParallaxTransformer())
    .setAutoPlay(false)
    .setOnBannerItemClickListener(new BannerViewPager.OnBannerItemClickListener() {
        @Override
        public void OnClickLister(View view, int currentItem) {
            ...
        }
    })
    .setHaveTitle(true);//set the title show or hide

Use Card Style

Add ViewPager in XML:

    ...
    
    ...

You should set

android:clipChildren="false"
for your ViewPager and ViewPager's parent;And set
layout_marginLeft
layout_marginRight
for your ViewPager.
And then set
setPageMargin
setPageTransformer
in the code:
...
mViewPager = ((ViewPager) findViewById(R.id.cardViewPager));
mViewPager.setOffscreenPageLimit(3);
mViewPager.setPageMargin(40);
mViewPager.setPageTransformer(true,new AlphaPageTransformer());
mViewPager.setAdapter(...
...

In the end

If you have some other nice PageTransformer, you can create a pull request. If you find some bugs,tell me through create an issue.

Like it please give me a star.

如果你有更好的自定义 PageTransformer 可以提交给我;
同时如果你喜欢这个项目,欢迎 Star。

关于这篇文章更详细的教程,请看:ViewPager 超详解:玩出十八般花样

Thanks

LICENSE

Copyright 2017 https://github.com/OCNYang | OCN.Yang

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.