主流移动应用开发框架（3）——ViewPagerIndicator+3DViewpager

最新推荐文章于 2024-05-18 22:31:07 发布

Android之禅

最新推荐文章于 2024-05-18 22:31:07 发布

阅读量4.3k

点赞数 1

分类专栏： Android框架 AndroidUI开发文章标签： android 开源框架 3DViewPager ViewPagerIndicator 界面

本文链接：https://blog.csdn.net/u010794180/article/details/41673945

版权

本文介绍了如何在Android应用中使用ViewPagerIndicator创建炫酷的页面指示器，并展示了如何结合3DViewPager实现更生动的滑动效果。通过提供项目链接和使用步骤，帮助开发者快速理解和集成这两个开源框架。

摘要由CSDN通过智能技术生成

今天向大家介绍下第三个开发框架——多样化的ViewPager指示器及其3DViewPager效果。

（一）ViewPager指示器——ViewPagerIndicator

网易新闻的app使用了炫酷的ViewPager指示器，通过滑动页面切换fragment并且有指示效果，参考一些网友的图片：

而今天为大家引入的是github的一个强大的开源框架，ViewPagerIndicator为我们提供了丰富的指示器，参考github图示

github项目链接地址：https://github.com/JakeWharton/Android-ViewPagerIndicator

github项目下载地址：https://codeload.github.com/JakeWharton/Android-ViewPagerIndicator/zip/master

首先给大家介绍下这个的使用，具体为三个步骤，使用起来非常简单且功能十分强大，这便是开源的极大好处！

（1）在ViewPager当前所在的xml布局中添加下述代码

<com.viewpagerindicator.TitlePageIndicator
    android:id="@+id/titles"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent" />

（2）在当前初始化ViewPager的activity的onCreat方法或者fragment的onCreatView方法中，绑定ViewPager与Indicator

 //Set the pager with an adapter
 ViewPager pager = (ViewPager)findViewById(R.id.pager);
 pager.setAdapter(new TestAdapter(getSupportFragmentManager()));

 //Bind the title indicator to the adapter
 TitlePageIndicator titleIndicator = (TitlePageIndicator)findViewById(R.id.titles);
 titleIndicator.setViewPager(pager);

（3）如果你想监听指示器变化或者ViewPager滑动，则可以绑定监听器

 //continued from above
 titleIndicator.setOnPageChangeListener(mPageChangeListener);

经过上述3个步骤，就可以完美地使用 ViewPagerIndicator，读者可以根据自己的实际需要选择自己喜欢的指示器。

（二）3D ViewPapger

介绍到这里，炫酷的指示器我们有了，有些开发者希望能给予指示器，再开发出更漂亮的ViewPager滑动效果，3DViewPager会是你的不错选择。见效果图

如何使用3DViewPager，参考了github开源项目

github 3DViewPager项目链接：https://github.com/inovex/ViewPager3D

github 3DViewPager项目下载：https://codeload.github.com/inovex/ViewPager3D/zip/master

具体实现也分成3个步骤，使用起来也很简单。

（1）自定义3DViewPager，重写ViewPager类，添加动画效果。

package de.inovex.android.widgets.example;

import android.animation.Animator;
import android.animation.Animator.AnimatorListener;
import android.animation.ObjectAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Camera;
import android.graphics.Rect;
import android.support.v4.view.MotionEventCompat;
import android.support.v4.view.ViewConfigurationCompat;
import android.support.v4.view.ViewPager;
import android