推荐一个比较好用的画廊展示图片(支持无限轮播)的控件ViewPagerGallery「建议收藏」

推荐一个比较好用的画廊展示图片(支持无限轮播)的控件ViewPagerGallery「建议收藏」1.在此我们引用支持无限滑动的3D视觉的画廊效果、平面普通广告栏轮播这个例子中有可以运行的效果,大家可以下载下来先看一下,在我开始使用的时候,发现,想要调整pageitem中的间距,比较困难,并没有暴露方法出来。所以就要看一下源代码,发现,在不使用3D效果,即初始化:initBanner(urlList,false),没有什么问题,(这里说的3D效果,就是左右item要比正在显示的ite…

大家好,又见面了,我是你们的朋友全栈君。

1.在此我们引用 支持无限滑动的3D视觉的画廊效果、 平面普通广告栏轮播

这个例子中有可以运行的效果,大家可以下载下来先看一下,在我开始使用的时候,发现,想要调整 page item中的间距,比较困难,并没有暴露方法出来。所以就要看一下源代码,发现,在不使用3D效果,即初始化:initBanner(urlList,false),没有什么问题,(这里说的3D效果,就是左右item要比正在显示的item的高度小一些,并且添加动画的效果)

banner_3d.initBanner(urlList, true)//开启3D画廊效果
                .addPageMargin(5, 15)//参数1page之间的间距,参数2中间item距离边界的间距
                .addPoint(6)//添加指示器
                .addPointBottom(7)
                .addStartTimer(5)//自动轮播5秒间隔
                .addRoundCorners(12)//圆角
                .finishConfig()//这句必须加
                .addBannerListener(new BannerViewPager.OnClickBannerListener() {
                    @Override
                    public void onBannerClick(int position) {
                        //点击item
                        showShort("效果1点击"+position);
                        Log.i("test","--------------00x1");
                    }
                });

2.发现开启3D效果时,addPageMargin会失效,item左右的间距设置没有任何改变,页面非常丑陋,左右间距相差太大,罪魁祸首是 ZoomPageTransformer这个类

然后我们可以通过修改 setScaleX,setScaleY来分别改变page item间距以及 左右item的高度问题,以下我修改了原来的view.setScaleX(MIN_SCALE);为 view.setScaleY(X_SCALE);

package com.lzj.gallery.library.transformer;

import android.support.v4.view.ViewPager;
import android.util.Log;
import android.view.View;

/**
 * Created by Administrator on 2018/11/28.
 * 3D画廊效果其实就是ViewPager的item切换时,进行缩放的动画效果
 *
 */

public class ZoomPageTransformer implements ViewPager.PageTransformer {

    private static final float MAX_SCALE = 1.0f;//0缩放

//    private static final float MIN_SCALE = 0.85f;//0.85缩放
    private static final float MIN_SCALE = 0.89f;//0.85缩放
    private static final float X_SCALE = 0.99f;

    private float MIN_ALPHA = 1.0f;//最小透明度

    public ZoomPageTransformer() {
    }
    public ZoomPageTransformer(float MIN_ALPHA) {
        this.MIN_ALPHA = MIN_ALPHA;
    }
    @Override
    public void transformPage(View view, float position) {
        //setScaleY只支持api11以上
        /**
         * (-oo,-1) 相对于左边第一页,其左边的所有页面 **
         * x、y拉伸为MIN_SCALE、透明度MIN_ALPHA
         */
        if (position < -1) {
            Log.d("MyInfo","11111");
//            view.setScaleX(MIN_SCALE);
            view.setScaleX(X_SCALE);
            view.setScaleY(MIN_SCALE);
            view.setAlpha(MIN_ALPHA);
        }
        /**
         * [-1, 1 )当前页的左右第一页
         */
        else if (position < 1) {
            Log.d("MyInfo","2222");
            float scaleFactor = MIN_SCALE + (1 - Math.abs(position)) * (MAX_SCALE - MIN_SCALE);
            //[0, 1 ) 相对于当前选中页,其右边第一页 **
            if (position > 0) {
                Log.d("MyInfo","3333");
                view.setTranslationX(-scaleFactor);
            }
            // [-1, 0 ) 相对于当前选中页,其左边的第一页**
            else if (position < 0) {
                Log.d("MyInfo","4444");
                view.setTranslationX(scaleFactor);
            }
            view.setScaleY(scaleFactor);
//            view.setScaleX(scaleFactor);
            view.setScaleX(X_SCALE);

            // float alpha = 1f -  Math.abs(position) * (1 - );

            float alpha = MIN_ALPHA + (1 - MIN_ALPHA) * (1 - Math.abs(position));
            view.setAlpha(alpha);

        }
        /**
         * [1,+oo) 相对于右边第一页,其右边的所有页面
         * x、y拉伸为MIN_SCALE、透明度MIN_ALPHA
         */
        else { // (1,+Infinity]
            Log.d("MyInfo","5555");
//            view.setScaleX(MIN_SCALE);
            view.setScaleX(X_SCALE);
            view.setScaleY(MIN_SCALE);
            view.setAlpha(MIN_ALPHA);
        }
    }

}

3.重要方法

  • view.setScaleX(X_SCALE);
  • view.setScaleY(MIN_SCALE);

4.如何使用

4.1xml中声明:

<com.lzj.gallery.library.views.BannerViewPager
        android:id="@+id/banner_3d"
        android:layout_marginTop="20dp"
        android:clipChildren="false"
        android:layout_width="match_parent"
        android:layout_height="150dp">

    </com.lzj.gallery.library.views.BannerViewPager>
  

4.2 activity中调用

banner_3d.initBanner(urlList, true)//开启3D画廊效果
                .addPageMargin(5, 15)//参数1page之间的间距,参数2中间item距离边界的间距
                .addPoint(6)//添加指示器
                .addPointBottom(7)
                .addStartTimer(5)//自动轮播5秒间隔
                .addRoundCorners(12)//圆角
                .finishConfig()//这句必须加
                .addBannerListener(new BannerViewPager.OnClickBannerListener() {
                    @Override
                    public void onBannerClick(int position) {
                        //点击item
                        showShort("效果1点击"+position);
                        Log.i("test","--------------00x1");
                    }
                });

4.3 优化处理(页面中控制 banner轮播开始与暂停)

@Override
    public void onStart() {
        super.onStart();
        if(mBanner!=null){
            mBanner.startTimer();
        }
    }

    @Override
    public void onStop() {
        super.onStop();
        if(mBanner!=null){
            mBanner.stopTimer();
        }
    }

注意:(如果在RecyclerView中使用的时候,要先进行 mBanner.removeAllView(),否则会有图案粘贴在背后的一个bug)

由于上面贴出的那个类还在类库文件中,可以将源代码下载下来并且将 gallery类库直接导进来,修改ZoomPageTransformer即可。下面贴一张改后的效果图(第一个显示为改后的效果):
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/132353.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 数据库连接池到底应该设多大?这下终于get到了!

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 作者:kelgon www.jianshu.com/p/a8f653fc0c54 本文内容95%译自这篇文章: ht…

  • Arduino 和LCD1602液晶屏 I2C接口实验「建议收藏」

    LCD1602液晶屏带I2C接口为什么使用I2C接口?因为省IO口啊,只需要4条线,可以看看之前发的实验,接线多复杂呀,对吧。(传送门:Arduino携手LCD1602向世界问好“helloWorld!”)还有背光灯,和可调节对比度(就是背面蓝色那块可以旋转的调)具体怎么实现解决问题,请往下看引脚说明GND——地线VC…

  • android跳转到相册需要权限,Android打开相册获取图片路径[通俗易懂]

    android跳转到相册需要权限,Android打开相册获取图片路径[通俗易懂]一.获得图片路径当我们通过Intent打开相册,获取图片后,在onActivityResult回调中会得到图片的Uri。但是Uri无法直接获得图片的路径。如果你曾经直接操作过android里的数据库的话,应该明白,Uri可以通过ContentResolver获得数据库表里的数据。例如:content://com.android.providers.media.documents/document/…

  • linux 查询环境变量_ubuntu查看环境变量

    linux 查询环境变量_ubuntu查看环境变量有时候在编写makefile的时候,自己都不清楚有些变量是什么,也不清楚如何查看,于是感觉有必要在这里写一篇环境变量查看的博文。如果你想查看某一个名称的环境变量,命令是:echo$环境变量名,比如:echo$ORACLE_HOME这是最基础的,下面来讲下稍微深入一点的,并举例说明1.显示环境变量HOME$echo$HOME/home/ljj2.设置一个新的变量$exportHELLO=”…

  • 实验7 粒子群优化算法求解tsp问题[通俗易懂]

    实验7 粒子群优化算法求解tsp问题[通俗易懂]传送门(所有的实验都使用python实现)实验1BP神经网络实验实验2som网实验实验3hopfield实现八皇后问题实验4模糊搜索算法预测薄冰厚度实验5遗传算法求解tsp问题实验6蚁群算法求解tsp问题实验7粒子群优化算法求解tsp问题实验8分布估计算法求解背包问题实验9模拟退火算法求解背包问题实验10禁忌搜索算法求解tsp问题…

    2022年10月11日
  • JVM调优工具的使用方法

    JVM调优工具的使用方法转自:https://www.iteye.com/blog/pengjiaheng-552456常用的JVM调优工具:Jconsole,jProfile,VisualVMJconsole:jdk自带,功能简单,但是可以在系统有一定负荷的情况下使用。对垃圾回收算法有很详细的跟踪。详细说明参考这里JProfiler:商业软件,需要付费。功能强大。详细说明参考这里VisualVM:J…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号