您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 单页显示3个Item的ViewPager炫酷切换效果,适用于Banner等

    时间:2016-12-19 11:03 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    MagicViewPager

    单页显示3个Item的ViewPager炫酷切换效果,适用于Banner等。
    具体实现详解巧用ViewPager 打造不一样的广告轮播切换效果

    效果图

    • Rotate Y

    • Rotate Down

    • Rotate Up

    • Alpha

    • ScaleIn

    • ScaleIn + Alpha + Rotate Down

    使用

    (1)引入

    compile `com.zhy:magic-viewpager:1.0.1`
    

    (2)示例

    • 布局文件
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="160dp"
        android:clipChildren="false"
        android:layout_centerInParent="true"
        android:background="#aadc71ff"
        >
        <android.support.v4.view.ViewPager
            android:id="@+id/id_viewpager"
            android:layout_width="match_parent"
            android:layout_marginLeft="60dp"
            android:clipChildren="false"
            android:layout_marginRight="60dp"
            android:layout_height="120dp"
            android:layout_gravity="center"
            >
        </android.support.v4.view.ViewPager>
    
    </FrameLayout>
    

    注意外层android:layout_centerInParent="true".

    • 编码
    mViewPager.setPageMargin(20);//设置page间间距,自行根据需求设置
    mViewPager.setOffscreenPageLimit(3);//>=3
    mViewPager.setAdapter...//写法不变
    
    //setPageTransformer 决定动画效果
    mViewPager.setPageTransformer(true, new 
                                RotateDownPageTransformer());
    

    目前可选动画

    • AlphaPageTransformer
    • RotateDownPageTransformer
    • RotateUpPageTransformer
    • RotateYTransformer
    • NonPageTransformer
    • ScaleInTransformer

    动画间可以自由组合,例如:

    mViewPager.setPageTransformer(true, 
        new RotateDownPageTransformer(new AlphaPageTransformer(new ScaleInTransformer())));
    单页显示3个Item的ViewPager炫酷切换效果,适用于Banner等转载请注明出处http://www.codesocang.com/kj/imageview/34094.html 源码搜藏网所有源码来自用户上传分享,版权问题及牵扯到商业纠纷均与源码搜藏网无关
    标签: