android轮播图实现过程,Android轮播图实现详细过程

怼烎@ 2022-10-14 01:00 125阅读 0赞

效果如下：

![9f1c632846f3c145fef49eaf0093612b.png][]

![f725462456f9b0c403167f34af28689b.png][]![dfd743d88d8ff42137a39bdc7cf1b01c.png][]

1：下载依赖(两个)

![2224f799652f8810785e52d047bb54a7.png][]

![7a8911f577e3286e009e9394d42e5d69.png][]

![d64221199a94903c1cb9d17469731454.png][]

2：在AndroidManifest.xml文件中添加权限代码

使项目可以访问网上图片

3：布局文件

xmlns:tools="http://schemas.android.com/tools"

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:orientation="vertical"

tools:context=".MainActivity">

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content"

android:text="轮播图"

android:textSize="26dp"/>

android:id="@+id/banner"

android:layout\_width="match\_parent"

android:layout\_height="300dp" />

4：添加类文件GlideImageLoader，重写图片加载类

package com.example.doublebutton;

import android.content.Context;

import android.widget.ImageView;

import com.bumptech.glide.Glide;

import com.youth.banner.loader.ImageLoader;

public class GlideImageLoader extends ImageLoader \{

@Override

public void displayImage(Context context, Object path, ImageView imageView) \{

//Glide 加载图片简单用法

Glide

.with(context)

.load(path)

.centerCrop()

.into(imageView);

\}

\}

5：MainActivity文件

package com.example.doublebutton;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.Toast;

import com.youth.banner.Banner;

import com.youth.banner.listener.OnBannerListener;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends AppCompatActivity \{

@Override

protected void onCreate(Bundle savedInstanceState) \{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity\_main);

List images = new ArrayList();

images.add("http://kwimg2.kuwo.cn/star/upload/66/85/1575256374021\_.jpg");

images.add("http://kwimg2.kuwo.cn/star/upload/71/68/1575818166158\_.jpg");

images.add("http://kwimg1.kuwo.cn/star/upload/68/54/1575429173078\_.jpg");

Banner banner = (Banner) findViewById(R.id.banner);

//设置图片加载器

banner.setImageLoader(new GlideImageLoader());

//设置图片集合

banner.setImages(images);

//banner设置方法全部调用完毕时最后调用

banner.start();

//增加点击事件

banner.setOnBannerListener(new OnBannerListener() \{

@Override

public void OnBannerClick(int position) \{

Toast.makeText(MainActivity.this, "position"+position, Toast.LENGTH\_SHORT).show();

\}

\});

\}

\}

来源：https://www.cnblogs.com/cxj1821/p/12017423.html

[9f1c632846f3c145fef49eaf0093612b.png]: /images/20221014/4451759fd2f94ceaa762fe82707ce54c.png
[f725462456f9b0c403167f34af28689b.png]: https://img-blog.csdnimg.cn/img_convert/f725462456f9b0c403167f34af28689b.png
[dfd743d88d8ff42137a39bdc7cf1b01c.png]: /images/20221014/399e095b1b004fc6b9582e112e39aa5a.png
[2224f799652f8810785e52d047bb54a7.png]: /images/20221014/ac196e77ec784601b3c5d185abc2097c.png
[7a8911f577e3286e009e9394d42e5d69.png]: /images/20221014/999f32d74daf4259bea65c48109c5124.png
[d64221199a94903c1cb9d17469731454.png]: /images/20221014/72a54312cbce42fdaf50e1e68810ac55.png

发表评论取消回复

表情：

评论列表（有 0 条评论，125人围观）

还没有评论，来说两句吧...

相关阅读

相关 html vue轮播图,webpack+Vue实现轮播图

前言本来如果只是想做个轮播图的话不太需要这么麻烦的构建webpack项目，但是我的目的不是只做个轮播图这么简单，主要是想用webpack搭建一个vue项目，然后在里面实现了

迈不过友情╰/ 2022年10月19日 01:39/ 0 赞/ 200 阅读

相关 android自动循环轮播图,android 轮播图无限循环，自动播放

在Fragment中添加Handler： private static class BannerHandler extends Handler \{ @Override

深藏阁楼爱情的钟/ 2022年10月16日 03:58/ 0 赞/ 148 阅读

相关 android轮播图实现过程,Android轮播图实现详细过程

效果如下： ![9f1c632846f3c145fef49eaf0093612b.png][] ![f725462456f9b0c403167f34af28689b.png

怼烎@/ 2022年10月14日 01:00/ 0 赞/ 126 阅读

相关轮播图实现html,html、css、js实现轮播图

2017-03-13 今天把轮播图的知识1过了一下，写了一个比较简单的轮播图，给大家参考一下。查看具体的效果点击这个链接： http://gjhnstxu.me/%E8

落日映苍穹つ/ 2022年10月10日 09:46/ 0 赞/ 296 阅读

相关 android 轮播图

最近做项目，自己封装了一个图片轮播的组件，主要的思想就采用ViewPager和ScrollGater实现，图片加载用的Imageloader，也可以换其他的，比如Glide.具

桃扇骨/ 2022年09月23日 08:27/ 0 赞/ 135 阅读

相关 Android最简单的轮播图实现

最简单的轮播图参考[http://www.cnblogs.com/xurui1995/p/5759371.html][http_www.cnblogs.com_xurui1

淡淡的烟草味﹌/ 2022年07月14日 03:43/ 0 赞/ 161 阅读

相关完整轮播图实现过程

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

骑猪看日落/ 2022年06月18日 09:52/ 0 赞/ 119 阅读

相关 RollViewPager实现android轮播图

先看效果图 ![Center][] 步骤： 1.新建一个Module，并选择Library 2.在Project视图中，删除main中的Java re

客官°小女子只卖身不卖艺/ 2022年06月15日 00:11/ 0 赞/ 193 阅读

相关 jQuery实现轮播图

先展示一下轮播图的终结版截图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

淩亂°似流年/ 2021年12月14日 09:45/ 0 赞/ 438 阅读

相关 js实现轮播图（简单滚动轮播)

原理：在页面上有一个可视区域（a），用来显示图片，还有一个放所有需要轮播的图片的区域(b) ，当执行操作时，b需要移动，移动一个a的宽度，使下一张图片显示，

冷不防/ 2021年11月10日 09:30/ 0 赞/ 624 阅读