Android滚动条广告，可以设置自定义view的ViewSwitcher

    今天周末，有些空闲时间，写篇小博客压压惊。

   之前在项目中要求要做一个滚动条轮播的展示，就是在滚动条上放几条广告进行轮播。一开始知识觉得直接用TextSwitcher或者ViewSwitcher就可以了。虽然这样也能满足需求，但是项目里有好几个地方都用到了滚动条广告。如果每个地方都写一套同样的代码的话，就有点浪费了。况且代码的设计原则其中之一就是复用，所以就写了一个自定义的viewSwitcher来直接用了，当然写了自定义的，功能要求当然要完善一点。这个viewSwitcher支持我们在滚动条上自定义view。外部需要设置滚动条上自定义的布局和设置数据源。我们先看下效果图吧。

   

1.ViewSwitcher的介绍

    ViewSwitcher 代表了视图切换组件, 本身继承了FrameLayout ,可以将多个View叠在一起 ,每次只显示一个组件.当程序控制从一个View切换到另个View时,ViewSwitcher 支持指定动画效果.我们自定义ViewSwitcher的时候，可以重写setInAnimation(Animation inAnimation)和setOutAnimation(Animation outAnimation)来设置组件切换动画效果，给ViewSwitcher设置view的方法时是调用setFactory(ViewFactory factory)方法，这个ViewFactory是一个接口，里面有一个makeview方法，正是通过这个方法我们构造并显示在ViewSwitcher，当然我们自定义ViewSwitcher时候，这里是传入一个布局id，这样我们就可以自由的设置显示布局啦~

   /**
     * 给viewSwitch添加显示的view，可以自由设置，外部调用
     * @param layoutId
     */
    public void addView(final int layoutId){
        setFactory(new ViewFactory(){
            @Override
            public View makeView() {
                return LayoutInflater.from(getContext()).inflate(layoutId,null);
            }
        });
    }

2.实例介绍

 下面我们直接通过代码来介绍这个控件的使用吧

package com.example.administrator.carouselview;

import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.TextSwitcher;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.ViewSwitcher;

import java.lang.ref.WeakReference;
import java.util.ArrayList;

/**
 * 自由设置view的viewSwitcher
 * Created by Administrator on 2017/5/13.
 */
public class CarouselView extends ViewSwitcher {

    private int mCutItem;
    private int loopTime;//循环时间
    private MyHandler myHandler;
    private ArrayList
    
    
     
      listString;

    public CarouselView(Context context) {
        this(context, null);
    }

    public CarouselView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initData();
        initAnimation();
    }

    /**
     * 初始化一些变量
     */
    private void initData(){
       listString = new ArrayList<>();
        myHandler = new MyHandler(this);
    }

    /**
     * 给viewSwitch添加显示的view，可以自由设置，外部调用
     * @param layoutId 自定义view的布局id
     */
    public void addView(final int layoutId){
        setFactory(new ViewFactory(){
            @Override
            public View makeView() {
                return LayoutInflater.from(getContext()).inflate(layoutId,null);
            }
        });
    }

    /**
     * 初始化进入和出去动画
     */
    private void initAnimation(){
        setInAnimation(AnimationUtils.loadAnimation(getContext(),R.anim.translate_in));
        setOutAnimation(AnimationUtils.loadAnimation(getContext(), R.anim.translate_out));
    }

    /**
     * 设置数据源并展示view，外部调用
     * @param mList
     * @param time
     */
    public void upDataListAndView(ArrayList
     
     
      
       mList,int time){
         mCutItem = -1;
        loopTime = time;
        if (null == mList) {
           return;
        }
        listString.clear();
        listString.addAll(mList);
        showNextView();
        //startLooping();
    }

    /**
     *展示下一条广告
     */
    public void showNextView() {
        if (null == listString || listString.size() < 2) {
          return;
        }
        mCutItem = mCutItem == listString.size() - 1 ? 0 : mCutItem + 1;
        updataView(listString.get(mCutItem), getNextView(),mCutItem);
        showNext();
    }

    /**
     * 启动轮播
     */
    public void startLooping() {
        if (null == listString || listString.size() < 2 ) {
           return;
        }
        myHandler.removeMessages(0);
        myHandler.sendEmptyMessageDelayed(0, loopTime);
    }

    /**
     * 停止轮播
     */
    public void stopLooping(){
        myHandler.removeMessages(0);
    }

    /**
     * 在当前view上设置数据
     * @param text
     * @param view
     */
    private void updataView(String text,View view, final int mCutItem){
        final int position = mCutItem + 1;
        TextView textView = (TextView) view.findViewById(R.id.tv_carouse_text);
        textView.setText(text);
        textView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (null != onClickItemListener) {
                    onClickItemListener.onClick(mCutItem);
                }
                //Toast.makeText(getContext(), "你点击了第" + position + "条广告", Toast.LENGTH_SHORT).show();
            }
        });
    }

    /**
     * @description 主线程Handler
     * @note 因为存在定时任务，并且TextSwitcherView持有Activity的引用
     * 所以这里采用弱引用，主要针对内存回收的时候Activity泄露
     **/
    private static class MyHandler extends Handler {

        private WeakReference
      
      
       
        mRef;
        public MyHandler(CarouselView view){
            mRef = new WeakReference
       
       
        
        (view);
        }
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            CarouselView mView = this.mRef.get();
            mView.showNextView();//展示下一条广告，会调用shownext方法展示下一条广告
            mView.startLooping();//启动轮播，间隔后展示下一条
        }
    }

    OnClickItemListener onClickItemListener;

    /**
     * 定义一个接口回调
     */
    interface OnClickItemListener{
        void onClick(int position);
    }

    public void setOnClickListener(OnClickItemListener onClickListener){
        this.onClickItemListener = onClickListener;
    }
}

       
       
      
      
     
     
    
    

   1.设置进入动画 translate_in.xml

  <?xml version="1.0" encoding="utf-8"?>
<set  xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:duration="2000"
     >
    <translate
        android:fromXDelta="0%"
        android:fromYDelta="100%"
        android:toXDelta="0%"
        android:toYDelta="0%"/>
</set>

  2.设置出去动画 translate_out.xml

 <?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:interpolator/linear"
    android:duration="1000">
    <translate
        android:fromXDelta="0%"
        android:fromYDelta="0%"
        android:toXDelta="0%"
        android:toYDelta="-100%"/>
</set>

3. 外部使用方法

   

  

    carouselView.addView(R.layout.itemview);
    carouselView.upDataListAndView(mList, 3000);
    carouselView.setOnClickListener(new CarouselView.OnClickItemListener() {
           @Override
           public void onClick(int position) {
               Toast.makeText(mContext, "你点击了第" + position + "条广告", Toast.LENGTH_SHORT).show();
           }
       });

itemview.xml

今天博客就写到这里了，源码地址下次给上。。。。