欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android滚动条广告实现代码示例

程序员文章站 2023-12-19 20:56:04
前言 几乎每个上线的app上面都会有个滚动条广告,滚动条广告主要以文字标题的形式存在,什么点开文章你就能赚一百万啊、看完转走这个你就能平安一生啊这样的标题,都是以标题广告...

前言

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

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

Android滚动条广告实现代码示例

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布局里面的控件设置数据需要在里面调用看,具体看你设置怎么样的布局,这种可以根据布局在里面灵活控制一下。动画也是在外边*设置。就写到这里啦

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

上一篇:

下一篇: