- Notifications
You must be signed in to change notification settings - Fork93
👍 ViewPager 实现轮播图、实现卡片切换。 A PageTransformer library for Android ViewPager,have some Banner styles.
License
OCNYang/PageTransformerHelp
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
This is a PageTransformer library for Android ViewPager;There are many custom PageTransformer styles.Be able to help you when you use ViewPager.
Banner Style
| Style Name | Demo Pic |
|---|---|
| AccordionTransformer |  |
| BackgroundToForegroundTransformer |  |
| CubeInTransformer |  |
| CubeOutTransformer |  |
| DepthPageTransformer |  |
| FlipHorizontalTransformer |  |
| FlipVerticalTransformer |  |
| ForegroundToBackgroundTransformer |  |
| ParallaxTransformer |  |
| RotateDownTransformer |  |
| RotateUpTransformer |  |
| ScaleInOutTransformer |  |
| StackTransformer |  |
| TabletTransformer |  |
| ZoomInTransformer |  |
| ZoomOutSlideTransformer |  |
| ZoomOutTranformer |  |
Card Style
| Style Name | Demo Pic |
|---|---|
| AlphaAndScalePageTransformer |  |
| AlphaPageTransformer |  |
| CascadingPageTransformer |  |
| RotateDownPageTransformer |  |
You can download a jar from GitHub'sreleses 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.
<repositories><repository> <id>jitpack.io</id> <url>https://jitpack.io</url></repository></repositories>Step 2.
<dependency> <groupId>com.github.OCNYang</groupId> <artifactId>PageTransformerHelp</artifactId> <version>v1.0.1</version></dependency>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<BannerItemBean>,//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 hideAdd ViewPager in XML:
<LinearLayout ... android:clipChildren="false" ...>...<android.support.v4.view.ViewPager ... android:layout_marginLeft="80dp" android:layout_marginRight="80dp" android:clipChildren="false" .../>...</LinearLayout>You should setandroid:clipChildren="false" for your ViewPager and ViewPager's parent;And setlayout_marginLeft、layout_marginRightfor your ViewPager.
And then setsetPageMargin、setPageTransformer in the code:
...mViewPager = ((ViewPager) findViewById(R.id.cardViewPager));mViewPager.setOffscreenPageLimit(3);mViewPager.setPageMargin(40);mViewPager.setPageTransformer(true,new AlphaPageTransformer());mViewPager.setAdapter(......If you have some other nice PageTransformer, you cancreate a pull request. If you find some bugs,tell me throughcreate an issue.
Like it please give me a star.
如果你有更好的自定义 PageTransformer 可以提交给我；
同时如果你喜欢这个项目，欢迎 Star。
关于这篇文章更详细的教程，请看：ViewPager 超详解：玩出十八般花样
Copyright 2017https://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, softwaredistributed 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 andlimitations under the License.
About
👍 ViewPager 实现轮播图、实现卡片切换。 A PageTransformer library for Android ViewPager,have some Banner styles.
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.