Android中的轮播图

           刚忙完了公司的项目，总算有些时间了，所以自己模仿公司的项目做了一些小demo，以后用。轮播图的效果，在Android的项目当中是比较常见的，其实现原理还是非常简单的。主要是利用timer不停的发送消息，通过handler处理消息并修改界面。

         首先看一下xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <android.support.v4.view.ViewPager android:layout_width="match_parent" android:layout_height="150dp"
        android:id="@+id/viewpager" />
    <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"
        android:layout_marginTop="-10dp" android:layout_gravity="center_horizontal">
     <ImageView android:id="@+id/img1" android:layout_width="5dp" android:layout_height="5dp" android:background="@drawable/dot_selector" />
     <ImageView android:id="@+id/img2" android:layout_width="5dp" android:layout_height="5dp" android:background="@drawable/dot_selector"
         android:layout_marginLeft="10dp" android:layout_marginRight="10dp"/>
     <ImageView android:id="@+id/img3" android:layout_width="5dp" android:layout_height="5dp" android:background="@drawable/dot_selector"/>   
    </LinearLayout>
    <RadioGroup android:layout_width="match_parent" android:layout_height="wrap_content" 
        android:orientation="horizontal" android:layout_marginTop="10dp" >
        <RadioButton android:id="@+id/recommend_rb" android:layout_width="0dp" android:layout_height="match_parent"
            android:layout_weight="1" android:text="推荐" android:button="@null" android:gravity="center"
            android:textColor="#999999" android:padding="5dp"/>
        <View android:layout_width="0.5dp" android:layout_height="match_parent" android:background="#cccccc"/>
        <RadioButton android:id="@+id/circle_rb" android:layout_width="0dp" android:layout_height="match_parent"
            android:layout_weight="1" android:text="圈子" android:button="@null" android:gravity="center"
            android:textColor="#999999" android:padding="5dp"/>
    </RadioGroup>
</LinearLayout>

          xml文件中主要就是一个viewpager，下面的和轮播图都没有关系。

         然后我们再看Java代码：

@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.tab_activity);
		listview=(ListView) findViewById(R.id.listview);
		imageviews=new ArrayList<ImageView>();
		headview=getLayoutInflater().inflate(R.layout.headview,null);
		listview.addHeaderView(headview);
		list=new ArrayList<String>();
		dots=new ArrayList<ImageView>();
		loadData();
		adapter=new MyAdapter();
		listview.setAdapter(adapter);
		initIV();
		viewpager=(ViewPager) headview.findViewById(R.id.viewpager);
		recommendRB=(RadioButton) headview.findViewById(R.id.recommend_rb);
		circleRB=(RadioButton) headview.findViewById(R.id.circle_rb);
		dot1=(ImageView) headview.findViewById(R.id.img1);
		dot2=(ImageView) headview.findViewById(R.id.img2);
		dot3=(ImageView) headview.findViewById(R.id.img3);
		dots.add(dot1);
		dots.add(dot2);
		dots.add(dot3);
		pageadapter=new PageAdapter();
		viewpager.setAdapter(pageadapter);
		viewpager.setOnPageChangeListener(this);
		dot1.setSelected(true);
		timer=new Timer();
		timertask=new TimerTask() {
			@Override
			public void run() {
				Message msg=new Message();
				msg.what=1;
				handler.sendMessage(msg);
			}
		};
		timer.schedule(timertask,1000,1000);
		viewpager.setCurrentItem(0);
	}

          这里我们定义了一个timer对象，通过timertask不停的往looper中发送消息。

 private Handler handler=new Handler(){
    	public void handleMessage(android.os.Message msg) {
    		if(msg.what==1)
    		{
    			if(currenItem==imageviews.size()-1)
    			{
    				viewpager.setCurrentItem(0);
    			}else{
    				viewpager.setCurrentItem(currenItem+1%imageviews.size());
    			}
    		
    		}
    	};
    };

       当我们从消息队列中取到消息之后就开始修改界面。

      

@Override
	public void onPageScrollStateChanged(int arg0) {
		
	}

	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) {
		
	}

	@Override
	public void onPageSelected(int arg0) {
		currenItem=arg0%imageviews.size();
		dots.get(oldPosition).setSelected(false);
        dots.get(arg0).setSelected(true);
        oldPosition=arg0;
	}

            当然，我们还要实现OnPageChangeListener接口，改变小圆点的状态。主要的代码就是这些了，是不是很简单。