Android自定义控件之应用程序首页轮播图

最新推荐文章于 2024-06-24 17:55:20 发布
最新推荐文章于 2024-06-24 17:55:20 发布
阅读量1w 收藏 19
点赞数 8
分类专栏： Android 文章标签： android应用 自定义控件 viewpager 首页轮播 uri
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/android_jiangjun/article/details/39638129
版权

现在基本上大多数的Android应用程序的首页都有轮播图，就是像下图这样的（此图为转载的一篇博文中的图，拿来直接用了）：


像这样的组件我相信大多数的应用程序都会使用到，本文就是自定义一个这样的组件，可以动态设置图片的张数。下面就开始本次的自定义之旅吧，首先看一下自定义控件的的布局文件：

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

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
<span style="white-space:pre">	</span><!--此LinearLayout用来小圆点-->
    <LinearLayout
        android:id="@+id/linearlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="center"
        android:orientation="horizontal"
        android:padding="5dp" >
    </LinearLayout>

</RelativeLayout>
布局文件看完之后，我们再来看一下自定义控件相对应的java类吧：
具体代码如下： 

<pre name="code" class="java">package com.gc.flashview;

import java.lang.ref.WeakReference;
import java.lang.reflect.Field;
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.Executors;
import java.util.concurrent.ScheduledExecutorService;
import java.util.concurrent.TimeUnit;



import com.gc.flashview.effect.AccordionTransformer;
import com.gc.flashview.effect.CubeTransformer;
import com.gc.flashview.effect.DefaultTransformer;
import com.gc.flashview.effect.DepthPageTransformer;
import com.gc.flashview.effect.InRightDownTransformer;
import com.gc.flashview.effect.InRightUpTransformer;
import com.gc.flashview.effect.RotateTransformer;
import com.gc.flashview.effect.ZoomOutPageTransformer;
import com.gc.flashview.listener.FlashViewListener;

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.os.Message;
import android.os.Parcelable;
import android.provider.ContactsContract.CommonDataKinds.Im;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.support.v4.view.ViewPager.PageTransformer;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewParent;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.Interpolator;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.Scroller;
import android.widget.Toast;

/**
 * 
 * @author Android将军
 * 
 * 
 */
@SuppressLint("HandlerLeak")
public class FlashView extends FrameLayout{

	private ImageLoaderTools imageLoaderTools;
	private ImageHandler mhandler = new ImageHandler(new WeakReference<FlashView>(this));
	private List<String> imageUris;
	private List<ImageView> imageViewsList;
	private List<ImageView> dotViewsList;
	private LinearLayout mLinearLayout;
	private ViewPager mViewPager;
	private FlashViewListener mFlashViewListener;//向外提供接口
	private int effect;//图片切换的动画效果
	public FlashView(Context context) 
	{
		this(context, null);
		 
	}
	public FlashView(Context context, AttributeSet attrs) 
	{
		this(context, attrs, 0);
	}
	public FlashView(Context context, AttributeSet attrs, int defStyle)
	{
		super(context, attrs, defStyle);
		// TODO Auto-generated constructor stub
		//读取该自定义控件自定义的属性
		TypedArray mTypedArray=context.obtainStyledAttributes(attrs, R.styleable.FlashView);
		effect=mTypedArray.getInt(R.styleable.FlashView_effect, 2);
		
		initUI(context);
		if (!(imageUris.size() <= 0)) 
		{
			setImageUris(imageUris);//
		}

	}
	private void initUI(Context context) 
	{
		imageViewsList = new ArrayList<ImageView>();
		dotViewsList = new ArrayList<ImageView>();
		imageUris = new ArrayList<String>();
		imageLoaderTools = ImageLoaderTools.getInstance(context.getApplicationContext());
		LayoutInflater.from(context).inflate(R.layout.layout_slideshow, this,true);
		mLinearLayout = (LinearLayout) findViewById(R.id.linearlayout);
		mViewPager = (ViewPager) findViewById(R.id.viewPager);
		//mFlashViewListener必须实例化
		try 
		{
			mFlashViewListener = (FlashViewListener) context;
	    } 
		catch (ClassCastException e) 
		{
	            throw new ClassCastException(context.toString()+ " must implement mPhotoListener");
	    }
	}
	public void setImageUris(List<String> imageuris) {
		if (imageuris.size() <= 0)// 如果得到的图片张数为0，则增加一张默认的图片
		{
			imageUris.add("drawable://" + R.drawable.defaultflashview);
		}
		else 
		{
			for (int i = 0; i < imageuris.size(); i++) 
			{
				imageUris.add(imageuris.get(i));

			}
		}

		LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
		lp.setMargins(5, 0, 0, 0);
		for (int i = 0; i < imageUris.size(); i++) 
		{
			ImageView imageView = new ImageView(getContext());
			imageView.setScaleType(ScaleType.FIT_XY);// X和Y方向都填满
			imageLoaderTools.displayImage(imageUris.get(i), imageView);
			imageViewsList.add(imageView);
			ImageView viewDot = new ImageView(getContext());
			if (i == 0) 
			{
				viewDot.setBackgroundResource(R.drawable.dot_white);
			} else 
			{
				viewDot.setBackgroundResource(R.drawable.dot_light);
			}
			viewDot.setLayoutParams(lp);
			dotViewsList.add(viewDot);
			mLinearLayout.addView(viewDot);
		}
		mViewPager.setFocusable(true);
		mViewPager.setAdapter(new MyPagerAdapter());
		mViewPager.setOnPageChangeListener(new MyPageChangeListener());
		setEffect(effect);
		if (imageUris.size() <= 1)
		{

		} else 
		{
			// 利用反射修改自动轮播的动画持续时间
			try 
			{
				Field field = ViewPager.class.getDeclaredField("mScroller");
				field.setAccessible(true);
				FixedSpeedScroller scroller = new FixedSpeedScroller(
						mViewPager.getContext(), new AccelerateInterpolator());
				field.set(mViewPager, scroller);
				scroller.setmDuration(1000);
				mViewPager.setCurrentItem(100 * imageViewsList.size());

				mhandler.sendEmptyMessageDelayed(ImageHandler.MSG_UPDATE_IMAGE,
						ImageHandler.MSG_DELAY);
			} catch (Exception e) 
			{

			}
		}

	}

	/**
	 * 切换轮播小点的显示
	 * 
	 * @param selectItems
	 */
	private void setImageBackground(int selectItems) 
	{
		for (int i = 0; i < dotViewsList.size(); i++) 
		{
			if (i == selectItems % dotViewsList.size()) 
			{
				dotViewsList.get(i).setBackgroundResource(R.drawable.dot_white);
			} else 
			{
				dotViewsList.get(i).setBackgroundResource(R.drawable.dot_light);
			}
		}
	}

	/**
	 * 
	 * 数据适配器
	 * 
	 */
	private class MyPagerAdapter extends PagerAdapter 
	{
		@Override
		public void destroyItem(View container, int position, Object object) 
		{

		}
		@Override
		public Object instantiateItem(View container,  int position) 
		{
			position = position % imageViewsList.size();
			
			if (position < 0) 
			{
				position = position + imageViewsList.size();

			}
			final int pos=position;
			View view = imageViewsList.get(position);
			view.setTag(position);
			view.setOnClickListener(new OnClickListener() {
				
				@Override
				public void onClick(View v) 
				{
					// TODO Auto-generated method stub
					mFlashViewListener.onClick(pos);
				}
			});
			ViewParent vp = view.getParent();
			if (vp != null) 
			{
				ViewPager pager = (ViewPager) vp;
				pager.removeView(view);
			}
			((ViewPager) container).addView(view);
			return view;
		}

		@Override
		public int getCount() {
			if (imageUris.size() <= 1) 
			{
				return 1;
			} else {
				return Integer.MAX_VALUE;
			}

		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0 == arg1;
		}
	}
	private class MyPageChangeListener implements OnPageChangeListener 
	{

		@Override
		public void onPageScrollStateChanged(int arg0) 
		{
			// TODO Auto-generated method stub

			switch (arg0) 
			{
			case ViewPager.SCROLL_STATE_DRAGGING:
				mhandler.sendEmptyMessage(ImageHandler.MSG_KEEP_SILENT);
				break;
			case ViewPager.SCROLL_STATE_IDLE:
				mhandler.sendEmptyMessageDelayed(ImageHandler.MSG_UPDATE_IMAGE,ImageHandler.MSG_DELAY);
				break;
			default:
				break;
			}

		}

		@Override
		public void onPageScrolled(int arg0, float arg1, int arg2) {
			// TODO Auto-generated method stub

		}

		@Override
		public void onPageSelected(int pos) {
			// TODO Auto-generated method stub
			mhandler.sendMessage(Message.obtain(mhandler,ImageHandler.MSG_PAGE_CHANGED, pos, 0));
			setImageBackground(pos);

		}

	}

	@SuppressWarnings("unused")
	private void destoryBitmaps() 
	{
		for (int i = 0; i < imageViewsList.size(); i++) 
		{
			ImageView imageView = imageViewsList.get(i);
			Drawable drawable = imageView.getDrawable();
			if (drawable != null) 
			{
				drawable.setCallback(null);
			}
		}
	}

	public void setEffect(int selectEffect)
	{
		switch (selectEffect) {
		case 0:
			setPageTransformer(true,new AccordionTransformer());
			break;
		case 1:
			setPageTransformer(true,new CubeTransformer());
			break;
		case 2:
			setPageTransformer(true,new DefaultTransformer());
			break;
		case 3:
			setPageTransformer(true,new DepthPageTransformer());
			break;
		case 4:
			setPageTransformer(true,new InRightDownTransformer());
			break;
		case 5:
			setPageTransformer(true,new InRightUpTransformer());
			break;
		case 6:
			setPageTransformer(true,new RotateTransformer());
			break;
		case 7:setPageTransformer(true,new ZoomOutPageTransformer());
			
			break;
		default:
			break;
		}
	}
	/**
	 * 设置切换效果
	 * @param b
	 * @param rotateTransformer
	 */
	public void setPageTransformer(boolean b, PageTransformer rotateTransformer)
	{
		// TODO Auto-generated method stub
		mViewPager.setPageTransformer(b, rotateTransformer);
	}

	/**
	 * 
	 * FixedSpeedScroller类的源码来源于网络，在此谢过贡献此代码的道友
	 * 
	 */
	public class FixedSpeedScroller extends Scroller 
	{
		private int mDuration = 1500;

		public FixedSpeedScroller(Context context) 
		{
			super(context);
		}

		public FixedSpeedScroller(Context context, Interpolator interpolator) 
		{
			super(context, interpolator);
		}

		@Override
		public void startScroll(int startX, int startY, int dx, int dy,int duration) 
		{

			super.startScroll(startX, startY, dx, dy, mDuration);
		}

		@Override
		public void startScroll(int startX, int startY, int dx, int dy) 
		{

			super.startScroll(startX, startY, dx, dy, mDuration);
		}

		public void setmDuration(int time) 
		{
			mDuration = time;
		}

		public int getmDuration() 
		{
			return mDuration;
		}
	}

	private static class ImageHandler extends Handler 
	{

		protected static final int MSG_UPDATE_IMAGE = 1;

		protected static final int MSG_KEEP_SILENT = 2;

		protected static final int MSG_BREAK_SILENT = 3;

		protected static final int MSG_PAGE_CHANGED = 4;

		protected static final long MSG_DELAY = 2000;

		private WeakReference<FlashView> weakReference;
		private int currentItem = 0;

		protected ImageHandler(WeakReference<FlashView> wk) 
		{
			weakReference = wk;
			System.out.println("dsfdsfdsf:::" + currentItem);
		}

		@Override
		public void handleMessage(Message msg) 
		{
			super.handleMessage(msg);

			FlashView activity = weakReference.get();
			if (activity == null) 
			{
				return;
			}
			if (activity.mhandler.hasMessages(MSG_UPDATE_IMAGE))
			{
				if (currentItem > 0)// 这里必须加入currentItem>0的判断，否则不能完美的自动轮播
				{
					activity.mhandler.removeMessages(MSG_UPDATE_IMAGE);
				}
			}
			switch (msg.what)
			{
			case MSG_UPDATE_IMAGE:
				System.out.println("cccccc:::" + currentItem);
				currentItem++;
				activity.mViewPager.setCurrentItem(currentItem);
				activity.mhandler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE,MSG_DELAY);
				break;
			case MSG_KEEP_SILENT:
				break;
			case MSG_BREAK_SILENT:
				activity.mhandler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE,MSG_DELAY);
				break;
			case MSG_PAGE_CHANGED:
				currentItem = msg.arg1;
				break;
			default:
				break;
			}
		}
	}
}


 说过自定义控件的布局和相应类之后，我们就要来使用它了，那么我们怎么去使用这个呢，请看下面的内容。在你的工程中如果想要使用该自定义控件，你需要把自定义控件的布局文件拷贝到你的layout文件夹下，然后将上面的类拷贝到你的工程里去，在你自己的布局文件中这样引用该控件，代码，如下： 

 

 

 <com.gc.flashview.FlashView
         android:id="@+id/flash_view"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:layout_margin="10dp"
        app:effect="cube"        
        />
然后在相应的Activity或Fragment中这样动态设置图片： 

 （1）先通过findviewbyid获得该控件】 

 

（2）调用该控件的setImageUris的方法
 

具体代码如下所示：
 
 

	flashView=(FlashView)findViewById(R.id.flash_view);
        imageUrls=new ArrayList<String>();
        imageUrls.add("http://www.qipaox.com/tupian/200810/20081051924582.jpg");
        imageUrls.add("http://www.bz55.com/uploads1/allimg/120312/1_120312100435_8.jpg");
        imageUrls.add("http://img3.iqilu.com/data/attachment/forum/201308/21/192654ai88zf6zaa60zddo.jpg");
        imageUrls.add("http://img2.pconline.com.cn/pconline/0706/19/1038447_34.jpg");
//        imageUrls.add("http://www.kole8.com/desktop/desk_file-11/2/2/2012/11/2012113013552959.jpg");
//        imageUrls.add("http://www.237.cc/uploads/pcline/712_0_1680x1050.jpg");
//        imageUrls.add("http://pic3.bbzhi.com/fengjingbizhi/gaoqingkuanpingfengguangsheyingps/show_fengjingta_281299_11.jpg");
        flashView.setImageUris(imageUrls);
        flashView.setEffect(EffectConstants.CUBE_EFFECT);//更改图片切换的动画效果
 

然后在应用程序中的效果如下：
 


 
 
 

 

好了，该自定义控件的使用就是这样的。相信大家也应该明白了，如果有不对的地方欢迎指出，或者有不明白可以回复留言。至此代码已经讲完了，本次更新主要是附上Demo下载地址。声明：由于本demo是侧重于该自定义控件的使用，故在Demo中去除了UIL的使用。还有不知道怎么搞的，上传的动态效果图老是自动打上水印了，只能是静态效果图了，这个应该是博客系统的原因吧，昨天的博文也是这样。
 

Demo下载地址：http://download.csdn.net/detail/gc_gongchao/8081433
 

下载需下载积分1分，勿喷我，呵呵！
 

转载请注明出处：http://blog.csdn.net/android_jiangjun/article/details/39638129
 ///
 

2014/12/28更新,更新以下部分：
 

（1）修改轮播时，轮播到最后一张，回退到首张，现在已经解决此部分bug
 

（2）利用反射修改自动轮播时动画的持续时间。
 

（3）将此功能打包成一个library，地址：https://github.com/gcgongchao/flashview ，至于用法，已经在readme阐述清楚，故不在此处多加叙述。
 

2015/01/15 22:20更新：
 

程序的修复：
 （1）修改当图片为0张时，程序会报错并强制退出。
 

（2）修改当图片为1张时，图片还会轮播的不好效果。
 

下次更新：
 （1）对外提供点击事件的接口
 （2）加入可以在XML文件中设置其动画效果的功能。
 

程序的地址还是在上面的github地址，如果你有github账号，如果本文对你有帮助的话，请star一下，谢谢。你们的支持，将是我持续的动力。
 

2015/01/18 20:14
 

本次更新：
 

（1）对外提供点击事件的接口
 

下次更新：
 

（1）增加图片切换的动画效果
 

由于csdn的博客限制图片大小不超过2M，所以最新的动态图，还是到这里去看吧：https://github.com/gcgongchao/flashview。
 

2015/01/28 22:09
 

本次更新：
 （1）增加了图片切换的动画效果，这些动画效果的代码来源于网络，感谢贡献此动画效果的作者。
 下次更新：
 （1）加入自己写的动画效果。
 更新之后的最新项目还是在本人的github上，地址上面都已给出，如果在使用过程中有bug或者有任何意见，请及时告知。
 

2015/01/29 22:00
 

本次更新：修改对外监听的bug，即轮播控件的监听的bug。
 

2015/04/08 20:37
 改着改着网友反馈的bug，就过了8点了，就没抢上小米了。。。。。。
 

本次更新：修改当图片为2张时，ViewPager会出现空白页的bug。
 下载地址就是上面所说的github上的地址，如果在使用过程中，出现bug，请及时反馈，以便于我更好的完善它，谢谢！
 

Android Studio版Demo下载地址：http://download.csdn.net/detail/gc_gongchao/9366745

                

        

        

    

  


    

      

        

            

              
                
                  GeneralAndroid
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    8
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    19
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  59
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Android 自定义轮播图（Banner）

				
			

			

				

					u010221508的博客
				

				

					03-11
					
					935
					
				

			

		

		

			
				
先上图看效果：

知识要点：


轮播图是怎么做到无限循环的呢
让ViewPagerAdapter里面的getCount返回MAX_VALUE，instantiateItem方法中，获取图片的时候，让position % drawableList.size(),来得到真实值
 @Override
 public int getCount() {
     return Integer.MAX_VA...

			
		

	



                

              
                



	

		

			

				
					
Android自定义控件实现简单的轮播图控件

				
			

			

				

					01-20
				

			

		

		

			
				
在Android开发中，自定义控件能够帮助我们创建更加个性化的UI组件，提高代码复用性和项目的可维护性。本文将详细介绍如何实现一个简单的轮播图控件，它结合了ViewPager和指示器功能，用于展示广告或图片信息的左右...

			
		

	



                


  
              

                


	

		

			

				
					
Android自定义控件之轮播图控件

				
			

			

				

					weixin_30919919的博客
				

				

					01-19
					
					116
					
				

			

		

		

			
				
背景

最近要做一个轮播图的效果，网上看了几篇文章，基本上都能找到实现，效果还挺不错，但是在写的时候感觉每次都要单独去重新在Activity里写一堆代码。于是自己封装了一下。这里只是做了下封装成一个控件，不必每次重复写代码了。

效果图





实现分析

轮播图的功能就是实现左右滑动的广告、图片信息展示，那我们就用ViewPager来实现，由于考虑到用户体验，我们还需要在下...

			
		

	





	

		

			

				
					
【Android】实现图片和视频混合轮播（无限循环、视频自动播放）

					
最新发布

				
			

			

				

					full courage的博客
				

				

					06-24
					
					2167
					
				

			

		

		

			
				
我们日常的需求基本上都是图片的轮播，而在一些特殊需求，例如用于展览的的数据大屏，又想展示图片又想展示视频，本文将利用第三方库com.youth.play.banner轮播控件实现图片和视频混合轮播的效果，自动+手动滑动，无限循环，视频自动播放。

其中图片使用Glide图片加载库，视频使用GSYVideoPlayer播放器。

			
		

	



		

			
		



	

		

			

				
					
安卓之首页获取轮播图

				
			

			

				

					青青子衿
				

				

					10-14
					
					248
					
				

			

		

		

			
				
安卓之首页获取轮播图
第一步，编写ui控件
代码如下
 <com.youth.banner.Banner
            android:id="@+id/banner"
            android:layout_margin="8dp"
            android:layout_width="match_parent"
            android:layout_height="200dp"/>

需要引入依赖，方式可以导入arr包，或者直接从网上联网

			
		

	





	

		

			

				
					
Android 首页轮播图实现

				
			

			

				

					YDDUONG的博客
				

				

					03-28
					
					2664
					
				

			

		

		

			
				
先看一下效果：（图片是有指示器的，只是被上层的视图挡住了，这里不需要这个东西）


参考：https://github.com/zhpanvip/BannerViewPager
详细的API可以看这个：https://zhuanlan.zhihu.com/p/80802091


开始使用，添加依赖：
allprojects {
    repositories {
    ...
    mav...

			
		

	





	

		

			

				
					
Android实现自定义轮播图片控件详解

				
			

			

				

					09-01
				

			

		

		

			
				
在Android开发中，自定义控件能够满足特定需求并提供独特的用户体验。本文将详细解析如何在Android中实现一个自定义的轮播图片控件。这个控件通常用于展示广告、推荐内容或者产品展示等场景，它能自动切换图片并带有...

			
		

	





	

		

			

				
					
Android 自定义一个轮播图

				
			

			

				

					聚精会神搞建设
				

				

					05-03
					
					921
					
				

			

		

		

			
				
有限空间内展示更多的内容，轮播图是个不错的选择，本文将实现一个轮播图SlideShowView，效果如下图所示：


因为轮播图的每一个页面都有文字和图片，为了整合图片和文字，SlideShowView选择继承Fraement

public class SlideShowView extends FrameLayout
轮播图的主要属性如下：


/*存储图片链接*/
priv

			
		

	





	

		

			

				
					
android 自定义轮播图

				
			

			

				

					songsongbrother的博客
				

				

					12-03
					
					1232
					
				

			

		

		

			
				
问题描述 
很多时候我们会做轮播图的需求，但是需求都类似，现在做一个例子
解决方案 
我们将轮播的内容和和指示部分单独封装起来，遇到独特的需求只需要微调就可以


现在直接上图

			
		

	





	

		

			

				
					
android仿首页轮播效果图片

				
			

			

				

					05-07
				

			

		

		

			
				
android仿首页轮播效果图片  我们经常打开一个App会看到有广告图片轮播的效果，

			
		

	





	

		

			

				
					
android自定义轮播图控件,直接拿来用(注意集合类型的更改)

				
			

			

				

					12-02
				

			

		

		

			
				
android自定义轮播图控件,直接拿来用(注意集合类型为Integer,后期动态获取改为String)

			
		

	





	

		

			

				
					
android轮播图控件

				
			

			

				

					01-19
				

			

		

		

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

			
		

	





	

		

			

				
					
Android 自定义轮播图

				
			

			

				

					weixin_45680654的博客
				

				

					03-24
					
					300
					
				

			

		

		

			
				
Android 自定义轮播图定义Banner定义定时器Handler绘制一个下标指示器
定义Banner
主要使用ViewPager实现滑动
public class Banner extends FrameLayout {
    public Context context;
    private @LayoutRes
    int layoutId = R.layout.banner_view;
    private View inflate;
    private ViewPager pag

			
		

	





	

		

			

				
					
android应用的首页引导轮播图和banner轮播框架的使用

				
			

			

				

					Hunter2916的博客
				

				

					10-12
					
					2401
					
				

			

		

		

			
				
一、引导页轮播图

说明：项目中的轮播图不要求太多的效果，所以使用了guideshow的jar包

Git地址：https://github.com/javajavadog/guideshow

项目中使用的步骤

1、打开项目的地址，下载其中的jar包，复制到项目中的lib下并右键添加到依赖中



2、让splashActivity继承ABSGuideActivity类并复写所有方法


pu...

			
		

	





	

		

			

				
					
Android自定义轮播图控件

				
			

			

				

					liumeng920的博客
				

				

					12-02
					
					591
					
				

			

		

		

			
				
自定义布局:ad_cycle_view.xml

    android:id="@+id/ad_rl"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    
        android:id="@+id/adv_pager"
        androi

			
		

	





	

		

			

				
					
Android--仿爱奇艺 首页轮播图

				
			

			

				

					浮生的博客
				

				

					07-30
					
					4141
					
				

			

		

		

			
				
前因近期打开爱奇艺的时候，突然发现它首页的轮播图跟以前不一样了，左右两个图都能显示一部分，且有滑动时缩放的效果，一直不知咋样实现，然后在鸿洋的微信公众号中看到了一篇仿魅族Banner效果的文章，最后在参考中放出了链接，然后就参考了这篇文章，就在此做个记录。废话不多说了，先上个效果图 
后果布局文件<?xml version="1.0" encoding="utf-8"?>
<LinearLayout

			
		

	





	

		

			

				
					
android 自动 轮播图,Android-自定义View实现轮播图

				
			

			

				

					weixin_42474220的博客
				

				

					05-25
					
					500
					
				

			

		

		

			
				
主要步骤1.自定义View的实现过程(测量、布局、绘制)2.事件拦截机制方法、图片轮播时的Scroller对象使用3.轮播图自动轮播时，Timer、TimerTask、Handler三者的结合4.自定义l轮播图底部圆点布局实现主要思路1.我们需要自定义一个继承自FrameLayout的布局，利用FrameLayout布-局的特性(在同一位置放置不同的view最终显示的是最后一个View)，我们就可...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 59

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值