轮播图Viewpager支持手动滑动定时滑动和自动加载图片页数

最新推荐文章于 2022-03-31 10:44:36 发布
最新推荐文章于 2022-03-31 10:44:36 发布
阅读量1.2k 收藏
点赞数
分类专栏： Android之界面（控件） android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LGGisKing/article/details/51086319
版权
首先来分析布局结构吧


外面是个 FrameLayout 因为文字需要覆盖在image上面

接下来就是引入
    android.support.v4.view.ViewPager
    下面的文字和点用线性布局

main_layout 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    
 <FrameLayout 
     android:id="@+id/fl"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content">
    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="190dp"/>
    
    <LinearLayout
        android:layout_marginTop="145dp"
        android:gravity="center_vertical"
        android:background="#66000000"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="45dp">
         <TextView
            android:id="@+id/title"
            android:text="abcdefg ,hijklmn,opqrdt"
            android:textColor="#ffffff"
            android:maxLines="2"
            android:ellipsize="end"
            android:lineSpacingMultiplier="1.2"
            android:gravity="center_vertical"
            android:layout_marginLeft="5dp"
            android:layout_weight="5"
            android:layout_width="0dp"
            android:layout_height="match_parent" />
        
        <LinearLayout
            android:id="@+id/dot_ll"
            android:layout_weight="3"
            android:orientation="horizontal"
            android:gravity="end|bottom"
            android:padding="9dp"
            android:layout_width="0dp"
            android:layout_height="match_parent">


        </LinearLayout>
    </LinearLayout>
    </FrameLayout>
<ImageView 
    android:layout_below="@id/fl"
    android:id="@+id/iv"
    android:scaleType="center"
    android:layout_width="wrap_content" android:layout_height="wrap_content"/>

</RelativeLayout>




 
  对了还有个点样式 
 
 
 
 
   
 
 
 
 
   
  
<shape xmlns:android="http://schemas.android.com/apk/res/android"  android:shape="oval">
    <solid android:color="#ffffff"/>
    <corners android:radius="6dp"/>
</shape>

shape 形状
solid  线的 颜色
corners 半径

 
  
 
  
 
 
 
 
 
  
  
 
 
 
 
  
 
   GSON 顺便提一下 
  
 
  
 
   
 比如json字符串为：[{"name":"name0","age":0}]
 
   
 代码:
 
   
 
    
Person person = gson.fromJson(str, Person.class);
 
   
 
   
 提供两个参数，分别是json字符串以及需要转换对象的类型。
 
   
 第二种，转换成列表类型：
 
   
 代码:
 
   
 
    
List<Person> ps = gson.fromJson(str, new TypeToken<List<Person>>(){}.getType());
for(int i =0; i < ps.size() ; i++)
{
     Person p = ps.get(i);
     System.out.println(p.toString());
}
 
   
 
  
 
  
 
 
 
 
 
   
  
 
   那么开始步入主题了 
  
 
  
 
   
 
  
 
  

    分析 
  
 
  

        实现滑动用到适配器pageradapter 
  
 
  

        实现定时切换  可以用到handler定时发送消息 和timer定时器,等，这里我们就用handler 
  
 
  

          还有一点，就是当滑到第一个还要向左滑动，让它切换到到最后一个，如何处理？同理最后    一个pager 
  
 
  

         
  
 
  

        这里加载网络就用volley吧，为了方便因为这不是我们的重点 
  
 
  
 
 
 
 
 
  好了，上代码 
 
 
 
 
  
 
 
 
 
 
  
public class MainActivity extends Activity {
	
	private static final String url = "http://news-at.zhihu.com/api/4/news/latest";
	
	private static final int MSG = 0x10 ;

	private static final int MSG_SCROLL = 1;
	
	private static final int  Defalut_postion= 100;
	
	private static final int isError = 10000;
	
	private  boolean  isScroll = true ;
	
	private BannerAdapter bannerAdapter;

	protected int mBannerPosition = 0;

	private ImageView [] imgs;
	

	private TextView tv_title;
	
	private ViewPager pager;
	private LinearLayout ll_dots;

    public ImageLoader imageLoader = ImageLoader.getInstance();

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
                //Added in the code by me for handling the init error
        imageLoader.init(ImageLoaderConfiguration.createDefault(getBaseContext()));
        return true;
    }
	
	private Handler handler = new Handler(){
		private ItemText infoBean;
		private List<Story> storyList;

		@Override
		public void handleMessage(Message msg) {
			// TODO Auto-generated method stub
			super.handleMessage(msg);
			if (msg.what == MSG) {
				infoBean = (ItemText) msg.obj;
				storyList = infoBean.stories;
				if(storyList.size() > 0 && storyList != null){
					initAfterView(storyList);
				}else{
					tv_title.setText("郁闷。。网络有问题");
				}
				
				}
			if (msg.what == MSG_SCROLL) {
				Log.i("mBannerPosition","位置="+mBannerPosition);
				if(isScroll){
					int max = infoBean.stories.size();  
	             	Log.i("max","位置="+max);
	             	int position =  (mBannerPosition + 1) % Defalut_postion; 
	   
	             	if (position == max) { // 最后一页时回到第一页  
                	 pager.setCurrentItem(0, false);  
	             	}else{
                		Log.i("cuurrent","位置="+position);
                	 pager.setCurrentItem(position);
	             	}
	             	if(storyList != null || storyList.size() == 0){
	             		setTitle(storyList);
	             	}else{
	             		tv_title.setText("郁闷。。网络有问题");
	             	}
				handler.removeMessages(MSG_SCROLL);
	            	handler.sendEmptyMessageDelayed(MSG_SCROLL, 2000);
				}
			}
			
			if(msg.what == isError){
				tv_title.setText("郁闷。。网络有问题");
			}
		}
	};


	

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		ImageView iv =	(ImageView) findViewById(R.id.iv);
		BitmapUtils mBitmapUtils = new BitmapUtils(this);
		//mBitmapUtils.display(iv, "http://pic1.zhimg.com//6387f9f8cafb0719c15067a7f5659474.jpg");
		init();
	}

	private void init() {
		// TODO Auto-generated method stub
	
		initView();
		
		initData();
		
		handler.sendEmptyMessageDelayed(MSG_SCROLL, 2000);
		
		initEvent();
	}

	private void initEvent() {
		pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
	            @Override
	            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
	            	
	            }

	            @Override
	            public void onPageSelected(int position) {
	                mBannerPosition = position;
	                setIndicator(position);
	              
	              
	            }

	            @Override
	            public void onPageScrollStateChanged(int state) {
	            
	            }
	        });
		
		pager.setOnTouchListener(new View.OnTouchListener() {
			
			@Override
			public boolean onTouch(View arg0, MotionEvent arg1) {
				// TODO Auto-generated method stub
		
				if(arg1.getAction() == MotionEvent.ACTION_UP){
					isScroll = true ;
					handler.sendEmptyMessageDelayed(MSG_SCROLL, 2000);
				}else {
					isScroll = false ;
				}
				return false;
			}
		});
	}

	protected void setTitle2(int position) {
		// TODO Auto-generated method stub
		
	}

	protected void setIndicator(int position) {
		// TODO Auto-generated method stub
		for (ImageView img : imgs) {
			img.setBackgroundResource(R.drawable.dot_normal);
		}
		imgs[position].setBackgroundResource(R.drawable.dot_focused);
	}

	private void initView() {
		pager = (ViewPager) findViewById(R.id.view_pager);
		ll_dots = (LinearLayout) findViewById(R.id.dot_ll);
		
		tv_title = (TextView) findViewById(R.id.title);
		
	
	}

	private void initDotas(List<Story> storyList) {
		imgs = new ImageView[storyList.size()];
		// TODO Auto-generated method stub
		for (int i = 0; i < storyList.size(); i++) {
			ImageView img = new ImageView(this);
			LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(6,6);
			params.rightMargin = 8;
			img.setLayoutParams(params);
			img.setBackgroundResource(R.drawable.dot_normal);
			ll_dots.addView(img, params);
			imgs[i] = img;
		}
		
	}

	//  return jsonstr.substring(jsonstr.indexOf("{")).replace("\r\n","\n");   
	private void initData() {
		Volley volley = new Volley();
		RequestQueue queue = volley.newRequestQueue(this);
		// TODO Auto-generated method stub
		StringRequest request = new StringRequest(Request.Method.GET ,url, new Listener<String>() {
			private String str;

			@Override
			public void onResponse(String response) {
				 try {
					 byte[] bytes = response.getBytes(); 
					 str = new String(bytes, "gb2312"); 
				} catch (UnsupportedEncodingException e) {
					// TODO Auto-generated catch block
					e.printStackTrace();
				}
				if(str != null){
				ItemText  infoBean = new Gson().fromJson(str,ItemText.class );
				Log.i("response", response);
				Message message = new Message();
				message.obj = infoBean;
				message.what = 	MSG;
				handler.sendMessage(message);
				}else{
					Message message = new Message();
					message.what = 	isError;
					handler.sendMessage(message);
				}
				
				
				
			}
		}, new ErrorListener() {

			@Override
			public void onErrorResponse(VolleyError error) {
				// TODO Auto-generated method stub
				
			}
		});
		queue.add(request);
	}
	
	private void initAfterView(List<Story> storyList) {
		bannerAdapter = new BannerAdapter(this ,storyList);
		pager.setAdapter(bannerAdapter);
		initDotas(storyList);
		setTitle(storyList);
	}

	private void setTitle(List<Story> storyList) {
		
			tv_title.setText(""+check(storyList.get(mBannerPosition).title));
			Log.i("mBannerPositionsetTitle==", "=="+mBannerPosition);
			Log.i("storyList.get(mBannerPosition).title", "=="+storyList.get(mBannerPosition).title);
		
		
	}

	private String check(String title) {
		// TODO Auto-generated method stub
		if(title == null)
			return "";
		else 
			return title;
	}
	
	
}


adapter
public class BannerAdapter extends PagerAdapter {
	private List<Story> bannerLsit;
	private Context mContext ;
	private BitmapUtils mBitmapUtils;
	public  BannerAdapter(Context mContext ,List<Story> storyList){
		this.mContext = mContext;
		this.bannerLsit = storyList;
		mBitmapUtils = new BitmapUtils(mContext);
	}
	
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return bannerLsit != null ? bannerLsit.size() : 0;
	}

	@Override
	public boolean isViewFromObject(View arg0, Object arg1) {
		// TODO Auto-generated method stub
		return arg1 == arg0;
	}
	
	@Override
	public void destroyItem(ViewGroup container, int position, Object object) {
		// TODO Auto-generated method stub
		   container.removeView((View) object);
	}
	
	@Override
	public int getItemPosition(Object object) {
		// TODO Auto-generated method stub
		return POSITION_NONE;
	}
	@Override
	public Object instantiateItem(ViewGroup container, int position) {
		// TODO Auto-generated method stub
	    View view = LayoutInflater.from(mContext).inflate(R.layout.item, container, false);
		ImageView iv = (ImageView) view.findViewById(R.id.image);
		String abc = bannerLsit.get(position).images.get(0);
		mBitmapUtils.display(iv,bannerLsit.get(position).images.get(0));
		container.addView(view);
		return view;
	}

	
	@Override
	public void unregisterDataSetObserver(DataSetObserver observer) {
		// TODO Auto-generated method stub
		super.unregisterDataSetObserver(observer);
	}
	
	@Override
	public void notifyDataSetChanged() {
		// TODO Auto-generated method stub
		super.notifyDataSetChanged();
	}
	
	@Override
	public void registerDataSetObserver(DataSetObserver observer) {
		// TODO Auto-generated method stub
		super.registerDataSetObserver(observer);
	}
	
	@Override
	public void finishUpdate(ViewGroup container) {
		// TODO Auto-generated method stub
		super.finishUpdate(container);
	}
}
 
  
 
  
 
 
 
 
 
  
 
  
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 


                

        

        

    

  


    

      

        

            

              
                
                  LuoCliper
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
带图片页数的轮播广告图

				
			

			

				

					07-17
				

			

		

		

			
				
带页数显示的广告轮播图，里面注释了自动轮播以及指示器代码。需要的话打开就可以了

			
		

	



                

              
                



	

		

			

				
					
自定义ViewPager实现自动循环手动滑动翻页

				
			

			

				

					10-27
				

			

		

		

			
				
这是比较完美的viewPager自动手动循环滑动（常见于广告图轮询），不会有倒着循环缺陷，始终顺序循环，自定义ViewPager实现自动循环手动滑动翻页

			
		

	



                


  
              

                


	

		

			

				
					
轮播图 定时滚动

				
			

			

				

					
				

				

					11-05
					
					122
					
				

			

		

		

			
				
图片轮播器 在很多应用软件中都有应用 ，需要制作 无限滚动的 ，下面贴上自己写的小Demo， 能实现相关的功能。
Ps： 没有用到pageControl ，只是图片自动无限滚动 ，没有任何的 处理 。

#import"ViewController.h"



@interfaceViewController :UIViewController<</s...

			
		

	





	

		

			

				
					
Android中ViewPager自动加手动轮播

				
			

			

				

					迷茫的小亮仔的博客
				

				

					06-12
					
					482
					
				

			

		

		

			
				
android中Viewpager自动加手动轮播小伙伴们在使用App的时候有没有注意到很多App的首页都是可以左右滑动的页面呢？很多App还有绚丽的轮播图广告。那么如何实现这样的效果呢？这些功能可以用ViewPager来完成。别的内容不想多说，直接贴代码。。。这里写代码片
xml布局代码
<RelativeLayout xmlns:android="http://schemas.android.

			
		

	



		

			
		



	

		

			

				
					
轮播图手动循环滑动+自动循环滑动

				
			

			

				

					01-09
				

			

		

		

			
				
轮播图手动循环滑动+自动循环滑动

			
		

	





	

		

			

				
					
Android ViewPager无限循环滑动并可自动滚动完整实例

				
			

			

				

					01-20
				

			

		

		

			
				
 // 跳转到第二张（最后一张的对面）}}}为了实现自动滚动，我们需要使用Handler和Runnable对象来定时改变ViewPager的位置，实现轮播效果。// 自定义Handler实现自动滚动private Handler handler = new Handler();...

			
		

	





	

		

			

				
					
viewpager 的滑动图片页数

				
			

			

				

					06-07
				

			

		

		

			
				
在Android开发中，ViewPager是一个非常重要的组件，常用于实现页面滑动效果，尤其适用于展示多个相似内容的场景，如图片轮播、应用设置页等。本案例中的"viewpager 的滑动图片页数"旨在教给初学者如何利用ViewPager...

			
		

	





	

		

			

				
					
Android用ViewPager实现手动切换，用Timer + Handler实现自动切换，左右完美无限滑动效果非常平滑

				
			

			

				

					12-17
				

			

		

		

			
				
综上所述，通过合理的Adapter实现、手动和自动切换逻辑、平滑的PageTransformer以及巧妙的无限循环处理，我们可以创建一个高效且用户体验极佳的ViewPager滑动组件。源码中应该包含了完整的实现，你可以下载后进行...

			
		

	





	

		

			

				
					
Android开发中如何解决Fragment +Viewpager滑动页面重复加载的问题

				
			

			

				

					08-30
				

			

		

		

			
				
Android开发中解决Fragment + Viewpager滑动页面重复加载的问题  android开发中，Fragment + Viewpager滑动页面重复加载的问题是一个常见的问题，许多开发者都曾经遇到过这个问题。本文将详细介绍如何解决这个问题，...

			
		

	





	

		

			

				
					
安卓开发-用ViewPager实现手动切换，用Timer + Handler实现自动切换.zip

				
			

			

				

					11-18
				

			

		

		

			
				
在Android应用开发中，ViewPager是一种常用的组件，它允许用户通过左右滑动来浏览多个页面，常用于实现Tab切换、图片轮播等效果。本教程将详细介绍如何利用ViewPager实现手动切换，并结合Timer和Handler来实现自动...

			
		

	





	

		

			

				
					
Viewpager 自动轮播（无限循环） ，手动滑动时停止轮播+底部小圆点

				
			

			

				

					11-17
				

			

		

		

			
				
本Demo支持网络获取图片，底部动态小圆点，以及无限循环轮播，当手动触摸时停止自动轮播

			
		

	





	

		

			

				
					
ViewPager手动滑动和自动滑动无限循环滑动加载.zip

				
			

			

				

					07-16
				

			

		

		

			
				
ViewPager手动滑动和自动滑动，无限循环滑动加载，第一个页面和最后一个循环切换正常，自动循环每次切换的时间间隔可以自己修改，项目编码UTF-8默认编译版本2.3.3。

			
		

	





	

		

			

				
					
滑动锁屏软件

				
			

			

				

					11-22
				

			

		

		

			
				
不知道有没有人用过，我个人觉得还行。你们也试试吧xv6800

			
		

	





	

		

			

				
					
手机屏幕自动定时下拉刷新

				
			

			

				

					01-26
				

			

		

		

			
				
自动、定时下拉刷新手机屏幕，用于某些软件自动下拉刷新数据

			
		

	





	

		

			

				
					
淘宝轮播图代码

				
			

			

				

					07-10
				

			

		

		

			
				
此为淘宝标准轮播模块代码，代码简单易学，便于操作。

			
		

	





	

		

			

				
					
手动滑动轮播图

				
			

			

				

					cxx13700的博客
				

				

					09-20
					
					594
					
				

			

		

		

			
				



import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;...

			
		

	





	

		

			

				
					
Viewpager 自动左右无线滑动 手动滑动

				
			

			

				

					零基础学Android专栏
				

				

					10-09
					
					452
					
				

			

		

		

			
				
package com.example.demo;

import java.util.concurrent.atomic.AtomicInteger;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android

			
		

	





	

		

			

				
					
ViewPager图片自动+手动左右无限轮播

				
			

			

				

					如故
				

				

					07-03
					
					7722
					
				

			

		

		

			
				
写在前面： 
最近做的一个小项目有图片轮播的需求，各种查资料发现大部分都是通过设置adapter的getCount方法返回Integer.MAX_VALUE实现的。很显然，这种方法有很多弊端，比如很容易ANR。或者采用其他方法，但在首页和尾页的跳转不够自然。那么有没有比较好的方法呢？在现有方法的基础上，加上自己的思考和改进，我终于很好的实现了ViewPager图片轮播。趁着周末分享给大家，欢迎批评和

			
		

	





	

		

			

				
					
android 使用viewpager实现图片轮播效果

				
			

			

				

					julicliy的博客
				

				

					03-31
					
					4929
					
				

			

		

		

			
				
第一步：创建xml布局，如下图所示；


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    a

			
		

	





	

		

			

				
					
Android ViewPager 实现左右循环滑动图片教程

				
			

			

				

					
				

			

		

		

			
				
在Android开发中，利用ViewPager组件可以实现精美的滑动效果，特别是在展示图片或者需要连续浏览内容的应用场景中。本文将详细介绍如何巧用ViewPager实现左右循环滑动图片，使得用户能够流畅地从一张图片无缝过渡到...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值