Android自定义轮播效果

import androidx.appcompat.app.AppCompatActivity;

import androidx.viewpager.widget.PagerAdapter;

import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;

import android.os.Handler;

import android.os.Message;

import android.view.View;

import android.view.ViewGroup;

import android.view.animation.AccelerateInterpolator;

import android.widget.ImageView;

import java.lang.reflect.Field;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends AppCompatActivity {

private ViewPager vp_my_viewpager;

private List imgList;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//准备图片资源

imgList = new ArrayList<>();

imgList.add(R.drawable.test);

imgList.add(R.drawable.test2);

imgList.add(R.drawable.test);

imgList.add(R.drawable.test2);

imgList.add(R.drawable.test);

//第一步：找到 ViewPager 这个控件

vp_my_viewpager = findViewById(R.id.vp_my_viewpager);

//第二步：设置 ViewPager 的一些属性

// 这个属性的目的 是设置 预加载3张 防止 滚动时出现断层

vp_my_viewpager.setOffscreenPageLimit(3);

// 这个属性的目的 是设置 每个Item之间的距离间隔

vp_my_viewpager.setPageMargin(10);

//第三步：设置适配器

vp_my_viewpager.setAdapter(new myPagerAdapter());

}

private class myPagerAdapter extends PagerAdapter {

@Override

public int getCount() {

return imgList.size();

}

@Override

public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {

return view == object;

}

@NonNull

@Override

public Object instantiateItem(@NonNull ViewGroup container, int position) {

ImageView iv = new ImageView(getApplicationContext());

iv.setImageResource(imgList.get(position));

container.addView(iv);

return iv;

}

@Override

public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {

container.removeView((View) object);

}

}

}

写到这里，基本的效果已经出来了

如果想要更酷炫的效果，那我们的主角得登场了 PagerTransformer

第三步：灵活使用 PagerTransformer

transformPage(@NonNull View page, float position)

#参数一： 视图

#参数二： 参数一视图对应的位置变化

经过上面的分析，我们可知我们最关心的是 屏幕显示项 + 屏幕显示项两侧布局 的动画效果，他们的 position 变化我们也通过图解描述的很清楚

package com.wust.myhorizontalscrollview;

import androidx.annotation.NonNull;

import androidx.appcompat.app.AppCompatActivity;

import androidx.viewpager.widget.PagerAdapter;

import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;

import android.os.Handler;

import android.os.Message;

import android.view.View;

import android.view.ViewGroup;

import android.view.animation.AccelerateInterpolator;

import android.widget.ImageView;

import java.lang.reflect.Field;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends AppCompatActivity {

private ViewPager vp_my_viewpager;

private List imgList;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//准备图片资源

imgList = new ArrayList<>();

imgList.add(R.drawable.test);

imgList.add(R.drawable.test2);

imgList.add(R.drawable.test);

imgList.add(R.drawable.test2);

imgList.add(R.drawable.test);

//第一步：找到 ViewPager 这个控件

vp_my_viewpager = findViewById(R.id.vp_my_viewpager);

//第二步：设置 ViewPager 的一些属性

// 这个属性的目的 是设置 预加载3张 防止 滚动时出现断层

vp_my_viewpager.setOffscreenPageLimit(3);

// 这个属性的目的 是设置 每个Item之间的距离间隔

vp_my_viewpager.setPageMargin(0);

//第三步：设置适配器

vp_my_viewpager.setAdapter(new myPagerAdapter());

//第四步：设置 PagerTransformer

vp_my_viewpager.setPageTransformer(false,new myPagerTransformer());

}

private class myPagerAdapter extends PagerAdapter {

@Override

public int getCount() {

return imgList.size();

}

@Override

public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {

return view == object;

}

@NonNull

@Override

public Object instantiateItem(@NonNull ViewGroup container, int position) {

ImageView iv = new ImageView(getApplicationContext());

iv.setImageResource(imgList.get(position));

container.addView(iv);

return iv;

}

@Override

public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {

container.removeView((View) object);

}

}

private class myPagerTransformer implements ViewPager.PageTransformer {

@Override

public void transformPage(@NonNull View page, float position) {

if (position < -1 || position > 1){

page.setAlpha(0.3f);

page.setScaleX(0.7f);

page.setScaleY(0.7f);

}else {

if (position > 0){

page.setAlpha(1 - 0.7f*position);

page.setScaleX(1 - 0.3f*position);

page.setScaleY(1 - 0.3f*position);

}else {

page.setAlpha(1 + 0.7f*position);

page.setScaleX(1 + 0.3f*position);

page.setScaleY(1 + 0.3f*position);

}

}

}

}

}

效果

第四步：优化

1、实现自动无线轮播

2、改变轮播的速度

有偿提问

====

如果大家觉得这篇文章帮助你了，可以支持一下。

有偿提问

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

尾声

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

最后想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以为了大家能够顺利进阶中高级、架构师，我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。

进阶学习视频

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。
[外链图片转存中…(img-okUiralE-1712240250352)]
当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。

进阶学习视频

[外链图片转存中…(img-DwPiDtVf-1712240250352)]

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

[外链图片转存中…(img-TTBzhrO9-1712240250353)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！