Android RecyclerView轮播图实现 支持放大动画

android studio的模拟器录屏会黑屏,也不知道是什么bug

效果演示

在这里插入图片描述
主要用到了PagerSnapHelper(使RecyclerView滑动表现和viewpager一致)和滑动监听器

样式

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.example.gallery.GalleryRecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

item.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop" />

</androidx.constraintlayout.widget.ConstraintLayout>

代码

MainActivity

package com.example.gallery

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.example.gallery.databinding.ActivityMainBinding
import java.util.*

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding
    private var timer: Timer = Timer()
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

		// 使用viewBinding
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        val galleryAdapter = GalleryAdapter(arrayListOf(
                "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3801171559,43130079&fm=26&gp=0.jpg",
                "https://img.zcool.cn/community/01936a58be7362a801219c77fe8358.jpg@1280w_1l_2o_100sh.jpg",
                "https://th.bing.com/th/id/R5d175f44c74fe609a7e7904c1581ba9e?rik=x36FeBN9WfmLcg&riu=http%3a%2f%2fwww.benbenla.cn%2fimages%2f20150626%2fbenbenla-03c.jpg&ehk=HdoV02a0Y%2bAbwlolGa0M%2fdZ073aXMUqidwkvB%2fLo1ZM%3d&risl=&pid=ImgRaw"
        ))
        binding.recyclerView.adapter = galleryAdapter

        binding.recyclerView.scrollToPosition(galleryAdapter.start)
        val paddingHorizon = 100
        val paddingVertical = 50
        binding.recyclerView.setPadding(paddingHorizon, paddingVertical, paddingHorizon, paddingVertical)
        binding.recyclerView.clipToPadding = false
    }

    override fun onResume() {
        super.onResume()
        timer.schedule(object : TimerTask() {
            override fun run() {
                binding.recyclerView.next()
            }
        }, 5000, 5000)
    }

    override fun onPause() {
        super.onPause()
        timer.cancel()
    }

}

GalleryRecyclerView

package com.example.gallery

import android.content.Context
import android.util.AttributeSet
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.PagerSnapHelper
import androidx.recyclerview.widget.RecyclerView
import kotlin.math.abs
import kotlin.math.min

class GalleryRecyclerView : RecyclerView {
    constructor(context: Context) : super(context)
    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs)
    constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
        context,
        attrs,
        defStyleAttr
    )

    var minScale: Float = 0.9f
    var maxScale: Float = 1.1f
    val linearLayoutManager = LinearLayoutManager(context, HORIZONTAL, false)

    var position: Int = 0

    init {

        layoutManager = linearLayoutManager
        val pagerSnapHelper = PagerSnapHelper()
        pagerSnapHelper.attachToRecyclerView(this)
        // 添加滑动监听
        addOnScrollListener(object : RecyclerView.OnScrollListener() {
            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
                val first = linearLayoutManager.findFirstVisibleItemPosition()
                val last = linearLayoutManager.findLastVisibleItemPosition()
                val snapView = pagerSnapHelper.findSnapView(linearLayoutManager) ?: return
                val snap = linearLayoutManager.getPosition(snapView)
                position = snap

                if (snap <= 100 || snap >= Int.MAX_VALUE - 100) {
                    scrollToPosition(adapter!!.itemCount / 2)
                }

                // 避免当前展示图被遮挡
                snapView.z = Float.MAX_VALUE
                // 放大程度
                val scaleSpan: Float = maxScale - minScale

				// 前一张图片
                linearLayoutManager.findViewByPosition(first)?.apply {
                    pagerSnapHelper
                        .calculateDistanceToFinalSnap(linearLayoutManager, this)
                        ?.get(0)
                        ?.let { distance ->
                        	// 滑动时,系数ratio值为[0,1]
                            val ratio: Float = min((width - abs(distance)).toFloat() / 800, 1f)
                            scaleX = ratio * scaleSpan + minScale
                            scaleY = scaleX
                        }
                }
                // 后一张图片
                linearLayoutManager.findViewByPosition(last)?.apply {
                    pagerSnapHelper
                        .calculateDistanceToFinalSnap(linearLayoutManager, this)
                        ?.get(0)
                        ?.let { distance ->
                            val ratio: Float = min((width - abs(distance)).toFloat() / 800, 1f)
                            scaleX = ratio * scaleSpan + minScale
                            scaleY = scaleX
                        }
                }
            }
        })
    }

    fun next() {
        smoothScrollToPosition(position + 1)
    }

}

GalleryAdapter

package com.example.gallery

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import androidx.recyclerview.widget.RecyclerView
import com.squareup.picasso.Picasso

class GalleryAdapter(var urls: List<String>) : RecyclerView.Adapter<GalleryAdapter.ViewHolder>() {


    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        // Create a new view, which defines the UI of the list item
        val view = LayoutInflater.from(parent.context)
            .inflate(R.layout.item, parent, false)
        return ViewHolder(view)
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val index = position % urls.size
        Picasso
            .get()
            .load(urls[index])
            .placeholder(R.drawable.place_holder)
            .into(holder.imageView)
    }

    override fun getItemCount(): Int {
        return Int.MAX_VALUE
    }

    val start: Int
        get() {
            val temp = itemCount / 2
            return temp - temp % urls.size
        }


    class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val imageView: ImageView = itemView.findViewById(R.id.image_view)

    }

}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的Android Java RecyclerView轮播图实现无限手动轮播的完整代码: 1. 首先,在你的布局文件中添加RecyclerView控件: ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 创建一个RecyclerAdapter类,用于设置RecyclerView的适配器: ``` public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder> { private Context context; private List<Integer> imageList; public RecyclerAdapter(Context context, List<Integer> imageList) { this.context = context; this.imageList = imageList; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(context).inflate(R.layout.item_image, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { // 设置图片 holder.imageView.setImageResource(imageList.get(position % imageList.size())); } @Override public int getItemCount() { // 返回一个较大的数,使RecyclerView可以无限循环 return Integer.MAX_VALUE; } public static class ViewHolder extends RecyclerView.ViewHolder { ImageView imageView; public ViewHolder(@NonNull View itemView) { super(itemView); imageView = itemView.findViewById(R.id.image_view); } } } ``` 3. 创建一个MainActivity类,用于设置RecyclerView的布局管理器和数据源: ``` public class MainActivity extends AppCompatActivity { private RecyclerView recyclerView; private RecyclerAdapter adapter; private List<Integer> imageList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 初始化数据源 imageList = new ArrayList<>(); imageList.add(R.drawable.image1); imageList.add(R.drawable.image2); imageList.add(R.drawable.image3); // 初始化RecyclerView recyclerView = findViewById(R.id.recycler_view); LinearLayoutManager layoutManager = new LinearLayoutManager(this); layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL); recyclerView.setLayoutManager(layoutManager); adapter = new RecyclerAdapter(this, imageList); recyclerView.setAdapter(adapter); // 设置自动轮播 new Handler().postDelayed(new Runnable() { @Override public void run() { int position = recyclerView.getCurrentItem(); recyclerView.setCurrentItem(position + 1); new Handler().postDelayed(this, 3000); } }, 3000); } } ``` 4. 创建一个item_image.xml布局文件,用于设置每个轮播图的样式: ``` <ImageView android:id="@+id/image_view" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" /> ``` 这样,你就可以实现一个简单的Android Java RecyclerView轮播图了,支持无限循环和自动轮播。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值