前言

几乎每个上线的App上面都会有个滚动条广告，滚动条广告主要以文字标题的形式存在，什么点开文章你就能赚一百万啊、看完转走这个你就能平安一生啊这样的标题，都是以标题广告的形式吸引人的，当然开个小玩笑啦，哈哈，毕竟是要赚钱的嘛，接上几个广告是正常滴~~

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

ViewSwitcher的介绍

ViewSwitcher 设置动画

ViewSwitcher 代表了视图切换组件, 本身继承了FrameLayout ,可以将多个View叠在一起 ,每次只显示一个组件,ViewSwitcher 支持指定动画效果.我们自定义ViewSwitcher的时候，当程序控制从一个View切换到另个View时，我们可以可以重写下面这两个方法来设置组件切换动画效果

setInAnimation(Animation inAnimation)
setOutAnimation(Animation outAnimation)

ViewSwitcher 设置view

给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);   
    }  
  }); 
  }

实例介绍

实现原理还是比较简单，我们可以直接看代码，下面我们直接通过代码来介绍这个控件的使用吧

里面都有详细的注释，相信都可以看得懂。

/**
 * 自由设置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<String> 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<String> mList,int time){
     mCutItem = 0;
    loopTime = time;
    if (null == mList) {
      return;
    }
    listString.clear();
    listString.addAll(mList);
    updataView(mList.get(0),getCurrentView(),mCutItem);
  }

  /**
   *展示下一条广告
   */
  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){
    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<CarouselView> mRef;
    public MyHandler(CarouselView view){
      mRef = new WeakReference<CarouselView>(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;
  }
}

看完了代码之后，接着我们来看一下外部的使用方法

外部使用方法

外部调用

  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 version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal" 
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  >
  <ImageView
    android:layout_width="25dp"
    android:layout_height="25dp"
    android:layout_marginLeft="10dp"
    android:src="@mipmap/ic_launcher"/>
  <TextView
    android:id="@+id/tv_carouse_text"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    android:layout_weight="1"
    android:gravity="center"
    android:text="111"/>
</LinearLayout>

设置进入动画

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>

设置出去动画

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>

结语

实现就是这样子的，外部设置view布局，不过给view布局里面的控件设置数据需要在里面调用看，具体看你设置怎么样的布局，这种可以根据布局在里面灵活控制一下。动画也是在外边自由设置。就写到这里啦

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android滚动条广告  # android  # 广告滚动条  # Android Gridview布局出现滚动条或组件冲突解决方法  # Android ListView隐藏右侧滚动条功能  # Android ListView 滚动条的设置详解及实例代码  # Android实现Activity水平和垂直滚动条的方法  # Android自定义Scrollbar的两种实现方式  # 自定义  # 滚动条  # 就能  # 我们可以  # 下一条  # 写了  # 在里面  # 就可以  # 是一个  # 几个  # 都有  # 有个  # 多个  # 也能  # 这两个  # 看你  # 用了  # 要做  # 看完  # 只显示 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  音响网站制作视频教程,隆霸音响官方网站？  Android Socket接口实现即时通讯实例代码  微信小程序 scroll-view组件实现列表页实例代码  Laravel Fortify是什么，和Jetstream有什么关系  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  Laravel如何实现数据库事务？（DB Facade示例）  简历在线制作网站免费版,如何创建个人简历？  高端建站如何打造兼具美学与转化的品牌官网？  如何在 Telegram Web View（iOS）中防止键盘遮挡底部输入框  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  如何为不同团队 ID 动态生成多个非值班状态按钮  如何用搬瓦工VPS快速搭建个人网站？  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  JavaScript如何实现错误处理_try...catch如何捕获异常？  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录  成都网站制作公司哪家好,四川省职工服务网是做什么用？  如何在IIS中配置站点IP、端口及主机头？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  怎么用AI帮你设计一套个性化的手机App图标？  如何在服务器上三步完成建站并提升流量？  *服务器网站为何频现安全漏洞？  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  javascript日期怎么处理_如何格式化输出  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  如何在建站主机中优化服务器配置？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  Laravel事件监听器怎么写_Laravel Event和Listener使用教程  长沙企业网站制作哪家好,长沙水业集团官方网站？  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  JavaScript如何实现继承_有哪些常用方法  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析  如何注册花生壳免费域名并搭建个人网站？  Python数据仓库与ETL构建实战_Airflow调度流程详解  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  如何用PHP快速搭建高效网站？分步指南  中山网站制作网页,中山新生登记系统登记流程？  bootstrap日历插件datetimepicker使用方法  如何在万网开始建站？分步指南解析  太平洋网站制作公司,网络用语太平洋是什么意思？  个人摄影网站制作流程,摄影爱好者都去什么网站？  如何在阿里云高效完成企业建站全流程？  微信公众帐号开发教程之图文消息全攻略  网站建设要注意的标准 促进网站用户好感度！  如何在服务器上配置二级域名建站？