广告
返回顶部
首页 > 资讯 > 移动开发 >Android 首页轮播图实现
  • 375
分享到

Android 首页轮播图实现

轮播图首页轮播Android 2022-06-06 13:06:08 375人浏览 安东尼
摘要

先看一下效果:(图片是有指示器的,只是被上层的视图挡住了,这里不需要这个东西) 创建一个ViewHolder,解析布局和加载数据 packa

先看一下效果:(图片是有指示器的,只是被上层的视图挡住了,这里不需要这个东西)

创建一个ViewHolder,解析布局和加载数据

package com.ydduong.gsa.adapter.holder
import Android.view.View
import android.widget.ImageView
import com.ydduong.gsa.R
import com.zhpan.bannerview.holder.ViewHolder
class MainFragmentBannerViewHolder : ViewHolder{
    override fun getLayoutId(): Int {
        // 返回我们刚刚创建的布局文件
        return R.layout.fragment_main_banner
    }
    override fun onBind(itemView: View?, data: Int?, position: Int, size: Int) {
        // 解析数据并加载到布局里,这里的data不仅仅可以是Int,还可以自己在定义一个类,传入更多的数据
        val imageView = itemView!!.findViewById(R.id.banner_image)
        // 这里的data就是图片的id
        imageView.setImageResource(data!!)
    }
}

在activity或者fragment的布局中添加控件:


在activity或者fragment中使用了:

package com.ydduong.gsa.fragment
import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.ydduong.gsa.R
import com.ydduong.gsa.adapter.holder.MainFragmentBannerViewHolder
import com.zhpan.bannerview.BannerViewPager
import java.util.ArrayList

class MainFragment : Fragment() {
    // MainFragmentBannerViewHolder就是上面写的ViewHolder
	private lateinit var mBannerViewPager: BannerViewPager
    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_main, container, false)
    }
    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        initBanner()
    }
    override fun onResume() {
        super.onResume()
        mBannerViewPager.startLoop()
    }
    override fun onPause() {
        super.onPause()
        mBannerViewPager.stopLoop()
    }
    
    private fun initBanner() {
        // 构造数据
        val mDrawableList: MutableList = ArrayList()
        mDrawableList.add(R.drawable.guide0)
        mDrawableList.add(R.drawable.guide1)
        mDrawableList.add(R.drawable.guide2)
        mBannerViewPager = requireView().findViewById(R.id.fragment_main_banner_view)
        mBannerViewPager.setAutoPlay(true)
        .setHolderCreator { MainFragmentBannerViewHolder() }
        .setOnPageChangeListener(
            object : OnPageChangeListenerAdapter() {
                override fun onPageSelected(position: Int) {
                    // 图片改变监听事件
                }
            }
        )
        .setOnPageClickListener {
            // 图片点击事件
        }
        .create(mDrawableList)
    }
}

使用起来很方便,还有其他很多的样式,可以去GitHub看看。不需要我们自己写适配器,只需要我们继承一个ViewHolder,告诉适配器,我们解析的界面是怎样的以及如何加载数据,之后直接在activity或者fragment中使用


作者:YDDUONG


--结束END--

本文标题: Android 首页轮播图实现

本文链接: https://www.lsjlt.com/news/29326.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android 首页轮播图实现
    先看一下效果:(图片是有指示器的,只是被上层的视图挡住了,这里不需要这个东西) 创建一个ViewHolder,解析布局和加载数据 packa...
    99+
    2022-06-06
    轮播图 首页 轮播 Android
  • JavaScript实现首页图片轮播图效果
    目录一、轮番图二、源码展示设置body样式设置实现轮番一、轮番图 效果展示: 轮播图是指在一个模块或者窗口,通过鼠标点击或手指滑动后,可以看到多张图片。这些图片统称为轮播图,这个模...
    99+
    2022-11-13
  • angularjs如何实现首页轮播图效果
    这篇文章给大家分享的是有关angularjs如何实现首页轮播图效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下<!DOCTYPE html> ...
    99+
    2022-10-19
  • android实现轮播图引导页
    android轮播图引导页(因为是引导页,所以不具备自动轮播的功能) 示例: 代码后面有数字,3.1开始就是开始做小圆点 //分为三个部分 (1)布局 activity_lun_b...
    99+
    2022-11-13
  • JavaScript如何实现首页图片轮播图效果
    这篇文章主要介绍“JavaScript如何实现首页图片轮播图效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript如何实现首页图片轮播图效果”文章能帮助大家解决问题。一、轮番图效果展...
    99+
    2023-07-02
  • Android如何使用RecyclerView打造首页轮播图
    先看看效果图: 停在中间自动翻页 序言:最近接到一个任务,做一个类似上面自动翻页的功能。可以看到,这一屏中有三张图片显示出来了,有两张没有显示完全,看到设计图的时候第一反应...
    99+
    2022-06-06
    轮播图 首页 recyclerview 轮播 Android
  • 如何使用jQuery实现优酷首页轮播图
    这篇文章给大家分享的是有关如何使用jQuery实现优酷首页轮播图的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。思路思路其实非常简单,就是当点击图片下面的圆点或者图片两边的箭头时,...
    99+
    2022-10-19
  • Android仿京东首页轮播文字效果
    京东客户端的轮播文字效果: 本次要实现的只是后面滚动的文字(前面的用ImageView或者TextView实现即可),看一下实现的效果 实现思路 上图只是一个大概的思...
    99+
    2022-06-06
    首页 轮播 Android
  • Vue实现首页banner自动轮播效果
    本文实例为大家分享了Vue实现首页banner自动轮播的具体代码,供大家参考,具体内容如下 效果如图:  ①创建Banner.vue组件,需传入banner数组,可设置轮...
    99+
    2022-11-13
  • android轮播图怎么实现
    要实现Android轮播图,可以使用ViewPager和PagerAdapter来实现。以下是实现步骤: 首先,在布局文件中添加...
    99+
    2023-10-26
    android
  • 简单实现android轮播图
    轮播图是很常用的一个效果 核心功能已经实现 没有什么特殊需求 自己没事研究的 所以封装的不太好 一些地方还比较糙 为想要研究轮播图的同学提供个参考 目前测试图片为mipmap...
    99+
    2022-06-06
    Android
  • Android实现轮播图效果
    本文实例为大家分享了Android实现轮播图效果的具体代码,供大家参考,具体内容如下 1.代码放在LinearLayout中, <com.jude.rollviewpage...
    99+
    2022-11-12
  • android轮播图如何实现
    在Android中实现轮播图可以使用ViewPager和PagerAdapter来实现。下面是一个简单的实现步骤:1. 在XML布局...
    99+
    2023-08-19
    android
  • ViewPager实现轮播图引导页
    本文实例为大家分享了ViewPager实现轮播图引导页的具体代码,供大家参考,具体内容如下 创建fragment将fragment对象添加到viewPager中,使其可以进行左右滑动...
    99+
    2022-11-13
  • Android线程实现图片轮播
    一、实现效果 本篇文章实现了简单的图片轮播,初始化3张资源图片,初始化3秒更换一次图片背景,轮换播放。 二、知识点 Thread线程start() 、sleep();ha...
    99+
    2022-06-06
    图片 android线程 轮播 Android
  • Android ViewPager实现轮播图效果
    先上一张效果图: 说到ViewPager实现轮播图效果,那么肯定会用到PagerAdapter,下面先介绍下这个类。 PagerAdapter简介 PagerAdapter是...
    99+
    2022-06-06
    轮播图 viewpager 轮播 Android
  • Android实现图片轮播效果
    本文实例讲述了JaAndroid实现图片轮播效果代码,分享给大家供大家参考。具体如下: 运行效果截图如下: 具体代码如下: 首先看下一下布局文件: <Relative...
    99+
    2022-06-06
    图片 轮播 Android
  • Android使用RollViewPager实现轮播图
    记录Android中轮播图的学习与使用,供大家参考,具体内容如下 1、build.gradle(:app)文件里面加依赖 implementation 'com.jude:ro...
    99+
    2022-11-12
  • Android实现视图轮播效果
    最近接手了一个需求,要求实现,叮咚买菜。 秒杀位置的轮播 拆解 通过观察发现其实还是挺简单,大致分为 1、商品图片的上下轮播 2、价格布局渐隐渐现 在android上实现布局轮播,...
    99+
    2022-11-12
  • android如何实现banner轮播图无限轮播效果
    小编给大家分享一下android如何实现banner轮播图无限轮播效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体内容如下效果展示第一步(权限配置)<uses-permission android:n...
    99+
    2023-05-30
    android banner
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作