Android 广告轮播图(最简单的实现)

最新推荐文章于 2024-04-25 19:20:52 发布
最新推荐文章于 2024-04-25 19:20:52 发布
阅读量3.4k 收藏 37
点赞数 3
分类专栏： Android 文章标签： android 图片轮播 广告轮播 android banner
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014714188/article/details/103177242
版权
本篇文章主要介绍的是图片的轮播图实现。我们先来看看最后的实现效果。抱歉，这里最后的GIF图是通过视频转换来的。最后的效果图有了，那么接下来就开始具体的实现。首先，添加依赖//图片轮播框架 implementation 'com.youth.banner:banner:1.4.10' //glide，比较好的版本，Matisse版本，配合glide3.7.0，因为后面的gli...
摘要由CSDN通过智能技术生成

本篇文章主要介绍的是图片的轮播图实现。我们先来看看最后的实现效果。
在这里插入图片描述
抱歉，这里最后的GIF图是通过视频转换来的。最后的效果图有了，那么接下来就开始具体的实现。

首先，添加依赖
//图片轮播框架
    implementation 'com.youth.banner:banner:1.4.10'
    //glide，比较好的版本，Matisse版本，配合glide3.7.0，因为后面的glide版本没有了asbitmap等方法
    implementation 'com.github.bumptech.glide:glide:3.7.0'
接着，由于播放图片网上下载的，需要网络的权限
<uses-permission android:name="android.permission.INTERNET" />
正文

首先，我们自定义一个GlideImageLoader，继承于ImageLoader，来加载图片。

package cn.xie.fingerprinttest.util;

import android.content.Context;
import android.widget
最低0.47元/天 解锁文章
笑忘书客
关注
  • 3
    点赞
  • 踩
  • 37
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android 广告轮播图片+视频+音频
林清溯
03-16 6765
android 广告轮播
Android自定义控件系列(六)—优雅的实现广告轮播图
landptf的博客
03-07 977
前言今天给大家带来一个新的控件–轮播图，网上已经有很多这类的博客来讲解如何实现的，那么我的这个有哪些特点呢？或是说有哪些不同呢？ 满足了轮播图的基本要求，循环滑动，在最后一张切到第一张时可以平稳的过渡 简洁简洁简洁 扩展性强 如何使用下面我们先展示两种效果图代码实现//布局代码 <co
android 轮播广告图,Android Viewpager如何实现轮播广告图
weixin_42504279的博客
05-25 203
Android Viewpager如何实现轮播广告图发布时间：2020-07-30 10:25:23来源：亿速云阅读：75作者：小猪小编这次要给大家分享的是Android Viewpager如何实现轮播广告图，文章内容丰富，感兴趣的小伙伴可以来了解一下，希望大家阅读完这篇文章之后能够有所收获。xmlns:tools="http://schemas.android.com/tools"android...
Android 实现图片轮播的三种方法
最新发布
2401_84122902的博客
04-25 909
/Activity已经回收，无需再处理UI了return;//检查消息队列并移除未发送的消息，这主要是避免在复杂环境下消息出现重复等问题。//准备下次播放break;//只要不发送消息就暂停了break;break;//记录当前的页号，避免播放的时候页面显示不正确。break;集成代码：MainActivity下面是MainActivity的代码，主要是加载View和对ViewPager进行初始化设置:@Override。
android 轮播图 github,Android轮播图控件的实现详解(附GitHub开源链接)
weixin_30702441的博客
05-27 223
轮播图在Android开发中是非常常见的控件，一般App的首页广告和电商类App的商品详情图片都会用轮播图来实现。可是Android源生的控件中却没有能直接拿来使用的轮播图控件，所以一般的轮播图效果都需要我们自己去实现。今天我就给大家介绍一个我自己写的轮播图控件：CustomBanner。有需要的同学可以直接访问我的GitHub使用该控件。下面我将为大家详细介绍CustomBanner控件的实现思...
android自定义轮播图广告
怎么可以吃恐龙呢
08-11 1996
前段时间自己自定义了一个轮播图，使用起来很简单，分享给大家使用，如有什么缺陷或是问题，请留言提出建议。 我自定义的类叫做BannerView.java，整个轮播图的实现都在这个类里面，在这个类里面我向外提供了很多方法，可以根据项目情况或是个人喜欢定义，比如有一个设置指示器位置的方法（左中右，默认是居中），一个设置指示器样式的方法，默认是引用我自己画的圆点，想要其他样式可以自己去定义，还有一个就是...
Android实现Banner界面广告图片循环轮播（包括实现手动滑动循环）
weixin_30522095的博客
09-03 322
前言：经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环。本以为单纯的ViewPager就可以实现这些功能。但是蛋疼的事情来了，ViewPager并不支持循环翻页。所以要实现循环还得需要自己去动手。自己在网上也找了些例子，本博文的Demo是结合自己找到的一些相关例子的基础上去改造，也希望对读者有用。 Demo实现的效果图如下： De...
简单实现android轮播图
08-31
Android 轮播图是一种常见的用户界面元素，用于展示多张图片或内容，并自动进行循环播放，通常应用于应用启动页、广告展示或者商品推荐等场景。以下是对Android轮播图实现的详细解析： 1. **定时切换** 定时切换是...
史上最简单Android图片轮播效果实现 源码程序
08-28
首先，我们来看看标题提到的“史上最简单Android图片轮播效果实现”。通常，这种效果可以通过ViewPager组件来完成，它是Android SDK中的一个强大视图，主要用于实现页面滑动浏览。ViewPager允许用户左右滑动页面，...
Android自定义控件实现简单的轮播图控件
01-20
本文将详细介绍如何实现一个简单的轮播图控件，它结合了ViewPager和指示器功能，用于展示广告或图片信息的左右滑动效果。 首先，轮播图的核心是ViewPager，它允许用户通过滑动查看多个页面。为了实现轮播图，我们...
Android 自动轮播图 bnner的实现原理~
qq_39200790的博客
10-25 2032
Viewpager +Timer 实现自动无限轮播图~ banner 实现原理！
Android UI实现广告Banner轮播效果
01-04
本篇博客要分享的一个效果是实现广告Banner轮播效果，这个效果也比较常见，一些视频类应用就经常有，就拿360影视大全来举例吧：   用红框框住的那个效果就是小巫今天要分享的，先来思考一下会用到什么控件？有什么用户体验？  控件我们可能一下子就可以想到的自然是ViewPager,没错！用到的就是ViewPager,那么它会有什么用户体验呢，它可能有以下几个体验：  1. 间隔不停的切换图片，指示器也跟着变  2. 点击图片可以跳转到指定的页面 如何实现？ 布局开始着手 /BannerAutoScrollDemo/res/layout/banner.xml <?xml version=1.
Android循环滚动广告banner
05-08
Android循环轮播广告banner, 基于android studio编译运行。 带有多种特效，如横向切换，翻页切换，淡入淡出切换等等
android 仿淘宝、京东商品详情页 向上拖动查看图文详情控件
热门推荐
起风的清晨的博客
06-13 2万+
一些购物类app的商品详情页面因为要展示的内容较多，一般都把商品的详情分两屏展示，第一屏展示基本信息，接着往上拖动展示更多的商品介绍信息，本文介绍通过自定义控件实现类似淘宝、京东商品详情页面的向上拖动查看图文详情的效果。
商品详情页上拉查看详情开源库
weixin_34242658的博客
04-22 534
商品详情页上拉查看详情 目录介绍 01.该库介绍 02.效果展示 03.如何使用 04.注意要点 05.优化问题 06.部分代码逻辑 07.参考案例 01.该库介绍 模仿淘宝、京东、考拉等商品详情页分页加载的UI效果。可以嵌套RecyclerView、WebView、ViewPager、ScrollView等等。 项目地址：github.com/yangchong21… 02.效果展示 ...
Android 仿京东商品详情页下拉加载商品详情DragSlideLayout
u013107751的博客
08-16 2172
       上一篇中给大家介绍了一下自定义View和ViewGroup的流程,并用FlowLayout这个例子给大家演示了一下自定义ViewGroup中onMeasure和onLayout的使用:https://blog.csdn.net/u013107751/article/details/81701606         今天就写个简单的小例子跟大家一起探讨一下自定义View中的事件处理,...
android 高仿京东商品详情,Android仿京东、天猫商品详情页
weixin_39942351的博客
05-25 388
前言前面在介绍控件TabLayout控件和CoordinatorLayout使用的时候说了下实现京东、天猫详情页面的效果，今天要说的是优化版，是我们线上实现的效果，首先看一张效果： 项目结构分析首先我们来分析一下要实现上面的效果，我们需要怎么做。顶部是一个可以滑动切换Tab，可以用ViewPager+Fragment实现，也可以使用系统的TabLayout控件实现；而下面的 View是一个可以滑动...
Android 实现广告Banner循环轮播
Android进阶三部曲 - 刘望舒
12-05 1万+
做了很多的App，发现广告Banner非常的常用，在这里就总结一下我的做法，先看看一个应用的广告Banner 1. ViewPager中展示和下载图片下面我们来实现一个类似的广告Banner，主布局界面<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/ap
Android自定义控件之应用程序首页轮播图
GeneralAndroid的专栏
09-28 1万+
现在基本上大多数的Android应用程序的首页都有轮播图，就是像下图这样的（此图为转载的一篇博文中的图，拿来直接用了）： 像这样的组件我相信大多数的应用程序都会使用到，本文就是自定义一个这样的组件，可以动态设置图片的张数。下面就开始本次的自定义之旅吧，首先看一下自定义控件的的布局文件： <RelativeLayout xmlns:android="http://schemas.and
android简单轮播器代码,简单实现android轮播图
06-01
以下是一个简单的Android轮播器的实现代码： 1. 在布局文件中添加ViewPager和指示器（Indicator）： ```xml <RelativeLayout android:layout_width="match_parent" android:layout_height="200dp"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent"/> <LinearLayout android:id="@+id/indicator" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:orientation="horizontal"/> </RelativeLayout> ``` 2. 创建Adapter和ViewHolder： ```java public class MyPagerAdapter extends PagerAdapter { private Context context; private List<Integer> imageList; public MyPagerAdapter(Context context, List<Integer> imageList) { this.context = context; this.imageList = imageList; } @Override public int getCount() { return imageList.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public Object instantiateItem(ViewGroup container, int position) { View view = LayoutInflater.from(context).inflate(R.layout.item_pager, null); ImageView imageView = view.findViewById(R.id.imageView); imageView.setImageResource(imageList.get(position)); container.addView(view); return view; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } } public class MyViewHolder extends RecyclerView.ViewHolder { public ImageView imageView; public MyViewHolder(View itemView) { super(itemView); imageView = itemView.findViewById(R.id.imageView); } } ``` 3. 在Activity中初始化ViewPager和指示器： ```java private ViewPager viewPager; private LinearLayout indicator; private List<Integer> imageList; private List<ImageView> indicatorList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = findViewById(R.id.viewPager); indicator = findViewById(R.id.indicator); imageList = new ArrayList<>(); imageList.add(R.drawable.image1); imageList.add(R.drawable.image2); imageList.add(R.drawable.image3); indicatorList = new ArrayList<>(); for (int i = 0; i < imageList.size(); i++) { ImageView imageView = new ImageView(this); imageView.setImageResource(R.drawable.indicator_selector); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); params.setMargins(10, 0, 10, 0); indicator.addView(imageView, params); indicatorList.add(imageView); } MyPagerAdapter adapter = new MyPagerAdapter(this, imageList); viewPager.setAdapter(adapter); viewPager.setCurrentItem(0); indicatorList.get(0).setSelected(true); viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { for (int i = 0; i < indicatorList.size(); i++) { indicatorList.get(i).setSelected(false); } indicatorList.get(position).setSelected(true); } @Override public void onPageScrollStateChanged(int state) { } }); } ``` 这是一个简单的轮播器实现，但是它还有很多可以改进的地方，比如使用ViewPager2、使用更加灵活的Indicator等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值