Android好用的轮播图控件

最新推荐文章于 2021-08-14 22:11:17 发布
原创 最新推荐文章于 2021-08-14 22:11:17 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了几款常用的Android轮播图库，包括ConvenientBanner、infiniteindicatorlayout和SliderLayout，并提供了针对SliderLayout指示器显示问题的解决方案。

于app开发，大部分都会涉及到轮播图，你也可以自己用viewpager自己写，这边介绍几种写好的库：


1.ConvenientBanner：博客地址，，，
2.infiniteindicatorlayout ：点击打开链接 ，，，这是一个网上有人进行封装的一个轮播库，代码简洁

3.SliderLayout：GitHub项目地址     ，，，这个会有bug，，当你设置指示器时，会显示第一张，但是指示器会显示在第二个点上，，，解决方法

--1，indicator这是自定义的指示器 
  

   

    

     [html] 
     view plain
      copy
     

      
     在CODE上查看代码片
     派生到我的代码片
    

   

   
  1. mDemoSlider.setCustomIndicator(indicator);  
  2. try {  
  3.     Class<?> c = indicator.getClass();  
  4.     Field f = c.getDeclaredField("mPreviousSelectedPosition");  
  5.     f.setAccessible(true);  
  6.     f.setInt(indicator, -1);  
  7.     f.setAccessible(false);  
  8. } catch (Exception e) { /* ignored */ }  
  9. mDemoSlider.setCustomIndicator(indicator);//设置这个  

  

--2.直接设置让它从0开始也可以
   

    

     

      [html] 
      view plain
       copy
      

       
      在CODE上查看代码片
      派生到我的代码片
     

    

    
  1. mDemoSlider.setCurrentPosition(0);  

   

参考：指示器http://blog.youkuaiyun.com/p4885056000/article/details/52878121
 

 

 ===================这个有两个样式，一个仅仅图片，一个会有图片的描述，根据自己需求===================================================
 

 
 

                

        

    


  



    



                



	

		

			

				
					
Android轮播控件

				
			

			

				

					12-18
				

			

		

		

			
				
本案例是为Android应用首页轮播图而写的，通过自定义控件实现效果，该自定义控件支持动态设置图片的张数。如有不明白之处请参考相应博客：http://blog.youkuaiyun.com/android_jiangjun/article/details/39638129
此版本为Android Studio版本

			
		

	



                

            
              



	

		

			

				
					
android轮播图控件

				
			

			

				

					01-19
				

			

		

		

			
				
android自定义控件实现的循环广告位，图片轮播。

			
		

	



              


  
              

                


	

		

			

				
					
Carson带你学Android：一款易用、好用的Android图片轮播库

				
			

			

				

					Carson带你学Android
				

				

					09-28
					
					8934
					
				

			

		

		

			
				
前言
Banner功能在Android开发中实在是太常见了，主要用于广告轮播、商品照片轮播等等，如下图：今天我来手把手教你如何使用一个能用易用好用的Android图片轮播轮子。 目录1. 实现轮播功能为什么要选择轮子？主要原因是自己实现的话功能实现和性能优化会耗费太多工期，包括；耗费原因1：功能实现常见的Banner的功能主要有： 
1. 实现图片 & 标语展示 
2. 循环播放 
3. 支持手动切

			
		

	





	

		

			

				
					
Android轮播图组件,Android 简单实用的轮播图控件

				
			

			

				

					weixin_36444661的博客
				

				

					05-26
					
					838
					
				

			

		

		

			
				
CarouselBanner 是一款展示图片或者广告的控件。它使用简单，不依赖其他第三方框架，而且把图片加载的过程通过接口的方式让使用者自行实现。github:https://github.com/hacknife/CarouselBanner闲话不多说，直接上效果图。CarouselBanner.gifCoolCarouselBanner.gif使用说明CarouselBanner可以设置滚动的...

			
		

	



		

			
		



	

		

			

          精选资源
				
					
Android自定义控件实现简单的轮播图控件

				
			

			

				

					01-20
				

			

		

		

			
				
本文将详细介绍如何实现一个简单的轮播图控件，它结合了ViewPager和指示器功能，用于展示广告或图片信息的左右滑动效果。  首先，轮播图的核心是ViewPager，它允许用户通过滑动查看多个页面。为了实现轮播图，我们...

			
		

	





	

		

			

				
					
Android实现自定义轮播图片控件示例

				
			

			

				

					09-01
				

			

		

		

			
				
【Android实现自定义轮播图片控件示例】  在Android应用开发中，为了展示广告或者吸引用户注意力，经常需要实现轮播图片的效果。通常，我们可以使用`ViewPager`结合`LinearLayout`来达到这一目的。然而，为了使轮播...

			
		

	





	

		

			

				
					
Android图片轮播控件

				
			

			

				

					慕流蓝
				

				

					11-09
					
					813
					
				

			

		

		

			
				
现在的绝大数app都有banner界面，实现循环播放多个广告图片和手动滑动循环等功能。因为ViewPager并不支持循环翻页， 所以要实现循环还得需要自己去动手，我就把项目中的控件剔了出来，希望大家觉得有用。目前框架可以进行不同样式、不同动画设置， 以及完善的api方法能满足大部分的需求了。

效果图



模式
图片




指示器模式



数字模式




			
		

	





	

		

			

				
					
Android代码-Android图片轮播控件

				
			

			

				

					08-06
				

			

		

		

			
				
Android图片轮播控件

新框架发布，欢迎大家Star
XFrame - Android快速开发框架
XFrame详细功能文档预览

现在的绝大数app都有banner界面，实现循环播放多个广告图片和手动滑动循环等功能。因为ViewPager并不支持循环翻页，
所以要实现循环还得需要自己去动手，我就把项目中的控件剔了出来，希望大家觉得有用。目前框架可以进行不同样式、不同动画设置，
以及完善的api方法能满足大部分的需求了。
效果图



模式
图片




指示器模式



数字模式



数字加标题模式



指示器加标题模式垂直显示



指示器加标题模式水平显示




联系方式  


如果遇到问题和建议欢迎在给我发送邮件或者加入qq群，希望让这个工程越来越完善。

常量



常量名称
描述
所属方法




BannerConfig.NOT_INDICATOR
不显示指示器和标题
setBannerStyle


BannerConfig.CIRCLE_INDICATOR
显示圆形指示器
setBannerStyle


BannerConfig.NUM_INDICAT

			
		

	





	

		

			

				
					
Android图片轮播组件（多模式）android-image-indicator.zip

				
			

			

				

					07-19
				

			

		

		

			
				
一、简介 


	基于ViewPager的用户指引，广告图片Gallery，及自动轮播图片Gallery，使用起来超简单！
GitHub地址：https://github.com/panxw/android-image-indicator 


	二、使用示例 


	1、广告图片Gallery 


	  

<com.allthelucky.common.view.ImageIndicatorView
    android:id="@ id/indicate_view"
    android:layout_width="match_parent"
    android:layout_height="160dp" />
 代码： 

	  

imageIndicatorView = (ImageIndicatorView) findViewById(R.id.indicate_view);
  final Integer[] resArray = new Integer[] { R.drawable.ic_launcher, R.drawable.ic_launcher };
  imageIndicatorView.setupLayoutByDrawable(resArray);
  imageIndicatorView.show();
 2、自动轮播模式 

	  

<com.allthelucky.common.view.AutoImageIndicatorView
    android:id="@ id/auto_indicate_view"
    android:layout_width="match_parent"
    android:layout_height="160dp" />
 代码： 

	  

autoImageIndicatorView = (AutoImageIndicatorView) findViewById(R.id.auto_indicate_view);
final Integer[] resArray = new Integer[] { R.drawable.ic_launcher, R.drawable.ic_launcher };
autoImageIndicatorView.setBroadcastEnable(true);
autoImageIndicatorView.setBroadCastTimes(5);//循环播放5次
autoImageIndicatorView.setBroadcastTimeIntevel(2 * 1000, 3 * 1000);//播放启动时间及间隔
autoImageIndicatorView.setupLayoutByDrawable(resArray);//图片
autoImageIndicatorView.show();

	效果图： 

 

	


	3、用户指引模式
 


	  

this.imageIndicatorView = (ImageIndicatorView) findViewById(R.id.guide_indicate_view);
final Integer[] resArray = new Integer[] { R.drawable.ic_launcher, R.drawable.ic_launcher };
imageIndicatorView.setupLayoutByDrawable(resArray);
imageIndicatorView.setIndicateStyle(ImageIndicatorView.INDICATE_USERGUIDE_STYLE);
imageIndicatorView.show();

	效果图： 



	


	PS:
顺便宣传下自己的GitHub，https://github.com/panxw， 欢迎来Follow~ 

                        
                        
                            标签：android

			
		

	





	

		

			

				
					
非常好用非常简单的轮播图框架

				
			

			

				

					10-10
				

			

		

		

			
				
非常简单实用的轮播图框架 何必自己造轮子

			
		

	





	

		

			

				
					
Android 图片轮播控件

				
			

			

				

					08-07
				

			

		

		

			
				
这是一个Android图片轮播的控件，里面用一个自定义空间封装了图片轮播的效果，对于学习自定义控件的人很有帮助，代码也相对简单

			
		

	





	

		

			

				
					
Android客户端实现图片轮播控件

				
			

			

				

					01-04
				

			

		

		

			
				
本文和大家一起写一个Android图片轮播控件，供大家参考，具体内容如下
1. 轮播控件的组成部分
    我们以知乎日报Android客户端的轮播控件为例，分析一下轮播控件的主要组成：   
    首先我们要有用来显示图片的View对象，根据上图中底部中央的5个点，我们知道需要5个ImageView来显示需要轮播的图片，另外还需要5个ImageView来显示5个点。现在考虑以下轮播组件应该具有的行为，首先需要每隔一定时间间隔切换到下一张图片，并且图片间切换的效果应该是平滑的，就像“翻书”一样。由此我们可以想到将5个图片当做ViewPager的Page，这样图片切换时自然会有平滑的效果。接下

			
		

	





	

		

			

				
					
自定义Android图片轮播控件

				
			

			

				

					魔法小黑屋
				

				

					03-29
					
					2726
					
				

			

		

		

			
				
通过在总结网络上各位大神的思路，这里本着学习的态度自定义一个可以无限循环轮播，并且支持手势滑动的轮播图控件

			
		

	





	

		

			

				
					
android制作轮播图组件

				
			

			

				

					weixin_44659286的博客
				

				

					08-14
					
					303
					
				

			

		

		

			
				
BannerLayout
package com.coral3.common_module.components;

import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import a

			
		

	





	

		

			

				
					
Android常见控件-轮播图

				
			

			

				

					Android Daily
				

				

					04-25
					
					1915
					
				

			

		

		

			
				
Android常见控件-轮播图主要通过两种不同的方式实现轮播图控件，都是基于ViewPager实现的：
方式一：通过ViewPager的的页数为无限大
方式二：通过在图片一头一尾添加额外2张照片，用于图片切换  源码地址：https://github.com/fenggit/Banner 
  效果图 
  
方式一（不推荐）1.通过设置PagerAdpater的getCount为Integer的最

			
		

	





	

		

			

				
					
Android自定义轮播图控件实现教程

				
			

			

				

					
				

			

		

		

			
				
在图片切换时，更新对应小圆点的选中状态。  实现自定义轮播图片控件的关键在于结合`ViewPager`的滑动特性与定时器的自动切换功能，同时处理好用户的交互事件，以提供流畅且可控的用户体验。通过阅读和理解本文提供...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值