Android使用viewpager实现画廊式效果

 更新时间:2020年08月26日 15:15:14   作者:抱着回忆旅行  
这篇文章主要为大家详细介绍了Android使用viewpager实现画廊式效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android使用viewpager实现画廊式效果的具体代码,供大家参考,具体内容如下

先看一下效果

1.创建一个自定义类 ZoomOutPageTransformer

public class ZoomOutPageTransformer implements ViewPager.PageTransformer {
 //自由控制缩放比例
 private static final float MAX_SCALE = 1f;
 private static final float MIN_SCALE = 0.8f;//0.85f
 
 @Override
 public void transformPage(View page, float position) {
 
  if (position <= 1) {
 
   float scaleFactor = MIN_SCALE + (1 - Math.abs(position)) * (MAX_SCALE - MIN_SCALE);
 
   page.setScaleX(scaleFactor);
 
   if (position > 0) {
    page.setTranslationX(-scaleFactor * 2);
   } else if (position < 0) {
    page.setTranslationX(scaleFactor * 2);
   }
   page.setScaleY(scaleFactor);
  } else {
 
   page.setScaleX(MIN_SCALE);
   page.setScaleY(MIN_SCALE);
  }
 }
}

2.创建适配器MyAdapter

public class MyAdapter extends PagerAdapter {
 
 private int[] mData;
 private Context mContext;
 
 public MyAdapter(Context ctx, int[] data) {
  this.mContext = ctx;
  this.mData = data;
 }
 
 @Override
 public int getCount() {
  return mData.length;// 返回数据的个数
 }
 
 @Override
 public Object instantiateItem(final ViewGroup container, final int position) {//子View显示
  View view = View.inflate(container.getContext(), R.layout.item, null);
  ImageView imageView = view.findViewById(R.id.iv_icon);
  imageView.setImageResource(mData[position]);
 
  imageView.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View view) {
    Toast.makeText(mContext, "当前条目:" + position, Toast.LENGTH_SHORT).show();
   }
  });
 
  container.addView(view);//添加到父控件
  return view;
 }
 
 @Override
 public boolean isViewFromObject(View view, Object object) {
  return view == object;// 过滤和缓存的作用
 }
 
 @Override
 public void destroyItem(ViewGroup container, int position, Object object) {
  container.removeView((View) object);//从viewpager中移除掉
 }
}

3.item布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="match_parent"
 android:layout_height="match_parent">
 <ImageView
  android:id="@+id/iv_icon"
  android:layout_width="match_parent"
  android:scaleType="centerCrop"
  android:src="@mipmap/ic_launcher"
  android:layout_height="match_parent"/>
</LinearLayout>

4.activity_main布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/ll_layout"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:clipChildren="false"
 android:orientation="vertical">
 
 <TextView
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:padding="5dp"
  android:text="viewpager实现画廊效果"
  android:textColor="@color/colorPrimary"/>
 
 <androidx.viewpager.widget.ViewPager
  android:id="@+id/viewPager"
  android:layout_width="200dp"
  android:layout_height="300dp"
  android:layout_gravity="center"
  android:layout_marginBottom="30dp"
  android:clipChildren="false"
  android:layout_marginTop="30dp"/>
</LinearLayout>

5.Main_Activity

public class MainActivity extends AppCompatActivity {
 private ViewPager mViewPager;
 private LinearLayout ll_layout;
 
 //向导界面的图片
 private int[] mPics = new int[]{R.mipmap.ic_launcher, R.mipmap.ic_launcher, R.mipmap.ic_launcher, R.mipmap.ic_launcher, R.mipmap.ic_launcher};
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  initView();
 }
 
 private void initView() {
  mViewPager = (ViewPager) findViewById(R.id.viewPager);
  ll_layout = (LinearLayout) findViewById(R.id.ll_layout);
 
  //设置适配器
  mViewPager.setAdapter(new MyAdapter(this, mPics));
  mViewPager.setPageMargin(20);
  mViewPager.setOffscreenPageLimit(mPics.length);
  mViewPager.setPageTransformer(true, new ZoomOutPageTransformer());//设置画廊模式
 
  //左右都有图
  mViewPager.setCurrentItem(1);
 
  //viewPager左右两边滑动无效的处理
  ll_layout.setOnTouchListener(new View.OnTouchListener() {
   @Override
   public boolean onTouch(View view, MotionEvent motionEvent) {
    return mViewPager.dispatchTouchEvent(motionEvent);
   }
  });
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Kotlin面向对象知识点讲解

    Kotlin面向对象知识点讲解

    面向对象编程通过对事物的抽象,大大的简化了程序的开发难度。我们常用的编程语言:Java、C++、Python都属于面向对象编程。Kotlin与java类似,也是一种面向对象编程语言。本文从面向对象三个基本特征:封装、继承、多态,来阐述一下Kotlin中的面向对象编程
    2022-12-12
  • Input系统之InputReader处理按键事件详解

    Input系统之InputReader处理按键事件详解

    这篇文章主要为大家介绍了Input系统之InputReader处理按键事件详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • android使用SoundPool播放音效的方法

    android使用SoundPool播放音效的方法

    本篇文章主要介绍了android使用SoundPool播放音效的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • Android中发送有序广播案例代码

    Android中发送有序广播案例代码

    本篇文章主要介绍了Android中发送有序广播案例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 在Android中查看当前Activity是否销毁的操作

    在Android中查看当前Activity是否销毁的操作

    这篇文章主要介绍了在Android中查看当前Activity是否销毁的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • Android 将文件下载到指定目录的实现代码

    Android 将文件下载到指定目录的实现代码

    本文通过实例代码给大家介绍了android将文件下载到指定目录的实现方法,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-06-06
  • Android仿淘宝商品详情页效果

    Android仿淘宝商品详情页效果

    这篇文章主要为大家详细介绍了Android仿淘宝商品详情页效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • ViewPager的setOnPageChangeListener方法详解

    ViewPager的setOnPageChangeListener方法详解

    这篇文章主要介绍了ViewPager的setOnPageChangeListener方法详解,非常不错,具有参考解决借鉴价值,需要的朋友可以参考下
    2016-12-12
  • Android View滑动的实现分析示例

    Android View滑动的实现分析示例

    View滑动是Android实现自定义控件的基础,同时在开发中难免会遇到View的滑动处理,其实不管是那种滑动方法,基本思路是类似的;当点击事件传到View时,系统记下触摸点的坐标,手指移动时系统记下移动后的左边并算出偏移量,通过偏移量来修改View的坐标
    2022-08-08
  • Android网络请求库android-async-http介绍

    Android网络请求库android-async-http介绍

    这篇文章主要介绍了Android网络请求库android-async-http介绍,本文讲解了android-async-http的概念、特征以及使用实例,需要的朋友可以参考下
    2015-06-06

最新评论