当前位置：移动技术网 > 移动技术>移动开发>Android > Android自定义View实现仿1号店垂直滚动广告条代码

Android自定义View实现仿1号店垂直滚动广告条代码

2019年07月24日 | 移动技术网移动技术 | 我要评论

效果图展示，图片有点卡，耐心看会，原程序是很流畅的

实现步骤：

声明变量
初始化画笔、文本大小和坐标
onmeasure()适配wrap_content的宽高
ondraw()画出根据坐标画出两段text
监听点击事件
在activity中实现点击事件

实现原理（坐标变换原理）：整个过程都是基于坐标y的增加和交换进行处理的，y值都会一直增加到endy，然后进行交换逻辑

步骤一：声明变量

由于1号店是两句话的滚动，所以我们也是使用两句话来实现的

private paint mpaint;
private float x, starty, endy, firsty, nextstarty, secondy;
//整个view的宽高是以第一个为标准的，所以第二句话长度必须小于第一句话
private string[] text = {"今日特卖：毛衣3.3折>>>", "公告：全场半价>>>"};
private float textwidth, textheight;
//滚动速度
private float speech = 0;
private static final int change_speech = 0x01;
//是否已经在滚动
private boolean isscroll = false;

步骤二：初始化画笔、文本大小和坐标

以第一句话为标准来做控件的宽高标准

//初始化画笔
mpaint = new paint();
mpaint.setcolor(color.red);
mpaint.settextsize(30);
//测量文字的宽高，以第一句话为标准
rect rect = new rect();
mpaint.gettextbounds(text[0], 0, text[0].length(), rect);
textwidth = rect.width();
textheight = rect.height();
//文字开始的x,y坐标
//由于文字是以基准线为基线的，文字底部会突出一点，所以向上收5px
x = getx() + getpaddingleft();
starty = gettop() + textheight + getpaddingtop() - 5;
//文字结束的x,y坐标
endy = starty + textheight + getpaddingbottom();
//下一个文字滚动开始的y坐标
//由于文字是以基准线为基线的，文字底部会突出一点，所以向上收5px
nextstarty = gettop() - 5;
//记录开始的坐标
firsty = starty;
secondy = nextstarty;

步骤三：onmeasure()适配wrap_content的宽高

如果学习过自定义view的话，下面的代码应该很熟悉，就是适配warp_content的模板代码：

@override
protected void onmeasure(int widthmeasurespec, int heightmeasurespec) {
 super.onmeasure(widthmeasurespec, heightmeasurespec);
 int width = measurewidth(widthmeasurespec);
 int height = measureheight(heightmeasurespec);
 setmeasureddimension(width, height);
}
private int measureheight(int heightmeasurespec) {
 int result = 0;
 int size = measurespec.getsize(heightmeasurespec);
 int mode = measurespec.getmode(heightmeasurespec);
 if (mode == measurespec.exactly) {
  result = size;
 } else {
  result = (int) (getpaddingtop() + getpaddingbottom() + textheight);
  if (mode == measurespec.at_most) {
   result = math.min(result, size);
  }
 }
 return result;
}
private int measurewidth(int widthmeasurespec) {
 int result = 0;
 int size = measurespec.getsize(widthmeasurespec);
 int mode = measurespec.getmode(widthmeasurespec);
 if (mode == measurespec.exactly) {
  result = size;
 } else {
  result = (int) (getpaddingleft() + getpaddingright() + textwidth);
  if (mode == measurespec.at_most) {
   result = math.min(result, size);
  }
 }
 return result;
}

步骤四：ondraw()画出根据坐标画出两段text（已修复：text停下来时闪一下的bug）

通过handler来改变速度

通过isscroll锁，来控制handler只改变一次

通过invalidate一直重绘两句话的文字

@override
protected void ondraw(canvas canvas) {
 super.ondraw(canvas);
 //启动滚动
 if (!isscroll) {
  mhandler.sendemptymessagedelayed(change_speech, 2000);
  isscroll = true;
 }
 canvas.drawtext(text[0], x, starty, mpaint);
 canvas.drawtext(text[1], x, nextstarty, mpaint);
 starty += speech;
 nextstarty += speech;
 //超出view的控件时
 if (starty > endy || nextstarty > endy) {
  if (starty > endy) {
   //第一次滚动过后交换值
   starty = secondy;
   nextstarty = firsty;
  } else if (nextstarty > endy) {
   //第二次滚动过后交换值
   starty = firsty;
   nextstarty = secondy;
  }
  speech = 0;
  isscroll = false;
 }
 invalidate();
}

private handler mhandler = new handler() {
 @override
 public void handlemessage(message msg) {
  super.handlemessage(msg);
  switch (msg.what) {
   case change_speech:
    speech = 1f;
    break;
  }
 }
};

步骤五：监听点击事件（已修复：点击事件错乱的问题）

在自定义view重写dispatchtouchevent处理点击事件，这个也是模板代码：

public ontouchlistener listener;
public interface ontouchlistener {
 void touchlistener(string s);
}
public void setlistener(ontouchlistener listener) {
 this.listener = listener;
}
@override
public boolean dispatchtouchevent(motionevent event) {
 switch (event.getaction()) {
  case motionevent.action_down:
  case motionevent.action_move:
   //点击事件
   if (listener != null) {
    if (starty >= firsty && nextstarty < firsty) {
     listener.touchlistener(text[0]);
    } else if (nextstarty >= firsty && starty < firsty) {
     listener.touchlistener(text[1]);
    }
   }
   break;
 }
 return true;
}

步骤六：在activity中实现点击事件

public class vertextviewactivity extends appcompatactivity {
 @override
 protected void oncreate(bundle savedinstancestate) {
  super.oncreate(savedinstancestate);
  setcontentview(r.layout.activity_ver_text_view);
  vertextview tv_ver = (vertextview) findviewbyid(r.id.tv_ver);
  tv_ver.setlistener(new vertextview.ontouchlistener() {
   @override
   public void touchlistener(string s) {
    toast.maketext(vertextviewactivity.this, s, toast.length_long).show();
   }
  });
 }
}

布局文件

<?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="horizontal">
 <imageview
  android:layout_width="120dp"
  android:layout_height="30dp"
  android:background="@drawable/vertextview" />
 <com.handsome.app3.custom.vertextview.vertextview
  android:id="@+id/tv_ver"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="#ffffff"
  android:padding="8dp" />
</linearlayout>

整个类的源码：

/**
 * =====作者=====
 * 许英俊
 * =====时间=====
 * 2016/10/11.
 */
public class vertextview extends view {
 private paint mpaint;
 private float x, starty, endy, firsty, nextstarty, secondy;
 //整个view的宽高是以第一个为标准的，所以第二句话长度必须小于第一句话
 private string[] text = {"今日特卖：毛衣3.3折>>>", "公告：全场半价>>>"};
 private float textwidth, textheight;
 //滚动速度
 private float speech = 0;
 private static final int change_speech = 0x01;
 //是否已经在滚动
 private boolean isscroll = false;
 private handler mhandler = new handler() {
  @override
  public void handlemessage(message msg) {
   super.handlemessage(msg);
   switch (msg.what) {
    case change_speech:
     speech = 1f;
     break;
   }
  }
 };
 public vertextview(context context, attributeset attrs) {
  super(context, attrs);
  //初始化画笔
  mpaint = new paint();
  mpaint.setcolor(color.red);
  mpaint.settextsize(30);
  //测量文字的宽高，以第一句话为标准
  rect rect = new rect();
  mpaint.gettextbounds(text[0], 0, text[0].length(), rect);
  textwidth = rect.width();
  textheight = rect.height();
  //文字开始的x,y坐标
  //由于文字是以基准线为基线的，文字底部会突出一点，所以向上收5px
  x = getx() + getpaddingleft();
  starty = gettop() + textheight + getpaddingtop() - 5;
  //文字结束的x,y坐标
  endy = starty + textheight + getpaddingbottom();
  //下一个文字滚动开始的y坐标
  //由于文字是以基准线为基线的，文字底部会突出一点，所以向上收5px
  nextstarty = gettop() - 5;
  //记录开始的坐标
  firsty = starty;
  secondy = nextstarty;
 }
 @override
 protected void onmeasure(int widthmeasurespec, int heightmeasurespec) {
  super.onmeasure(widthmeasurespec, heightmeasurespec);
  int width = measurewidth(widthmeasurespec);
  int height = measureheight(heightmeasurespec);
  setmeasureddimension(width, height);
 }
 private int measureheight(int heightmeasurespec) {
  int result = 0;
  int size = measurespec.getsize(heightmeasurespec);
  int mode = measurespec.getmode(heightmeasurespec);
  if (mode == measurespec.exactly) {
   result = size;
  } else {
   result = (int) (getpaddingtop() + getpaddingbottom() + textheight);
   if (mode == measurespec.at_most) {
    result = math.min(result, size);
   }
  }
  return result;
 }
 private int measurewidth(int widthmeasurespec) {
  int result = 0;
  int size = measurespec.getsize(widthmeasurespec);
  int mode = measurespec.getmode(widthmeasurespec);
  if (mode == measurespec.exactly) {
   result = size;
  } else {
   result = (int) (getpaddingleft() + getpaddingright() + textwidth);
   if (mode == measurespec.at_most) {
    result = math.min(result, size);
   }
  }
  return result;
 }
 @override
 protected void ondraw(canvas canvas) {
  super.ondraw(canvas);
  //启动滚动
  if (!isscroll) {
   mhandler.sendemptymessagedelayed(change_speech, 2000);
   isscroll = true;
  }
  canvas.drawtext(text[0], x, starty, mpaint);
  canvas.drawtext(text[1], x, nextstarty, mpaint);
  starty += speech;
  nextstarty += speech;
  //超出view的控件时
  if (starty > endy || nextstarty > endy) {
   if (starty > endy) {
    //第一次滚动过后交换值
    starty = secondy;
    nextstarty = firsty;
   } else if (nextstarty > endy) {
    //第二次滚动过后交换值
    starty = firsty;
    nextstarty = secondy;
   }
   speech = 0;
   isscroll = false;
  }
  invalidate();
 }
 public ontouchlistener listener;
 public interface ontouchlistener {
  void touchlistener(string s);
 }
 public void setlistener(ontouchlistener listener) {
  this.listener = listener;
 }
 @override
 public boolean dispatchtouchevent(motionevent event) {
  switch (event.getaction()) {
   case motionevent.action_down:
   case motionevent.action_move:
    //点击事件
    if (listener != null) {
     if (starty >= firsty && nextstarty < firsty) {
      listener.touchlistener(text[0]);
     } else if (nextstarty >= firsty && starty < firsty) {
      listener.touchlistener(text[1]);
     }
    }
    break;
  }
  return true;
 }
}

以上所述是小编给大家介绍的android自定义view实现仿1号店垂直滚动广告条代码，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

react native初次实践踩坑记录（二）

使用rn的导航进行页面切换这个东西十分的坑，再官网中文网上，不知道为什么，基本对应不上，一通报错之后，便是一脸懵... [阅读全文]
Android 自带的返回键功能

两步实现 Android 自带返回功能和返回图片1. 在layout 中的布局的头部添加下面代码 <an... [阅读全文]
Activity的生命周期

为了更加生动的阐述 Activity 的生命周期，我们采用一个小例子来看看吧创建两个 Activity界面 A ... [阅读全文]
android 打包－－混淆配置详解

为了应用的安全，通常我们将Android项目打包时进行混淆加密。会用无意义的短变量去重命名类、变量、方法，以免代... [阅读全文]
LongClick原理、上下文菜单原理、EditText长按弹窗原理、WebView长按弹窗自定义、修复WebView全选重复bug ———————————————— 版权声明：本文为CSDN博主「

长按事件Android中按住一个View不松手，会触发长按事件。使用的场景1、EditText的长按快捷操作。2... [阅读全文]
ViewPager2，用起来！

一、缘起：ViewPager2推出已经有一段时间了，而且官方推出了稳定版本Version 1.0.0，相比Vie... [阅读全文]
CrashHandler全局异常捕获

应用在日常的开发中，我们经常需要去Logcat测试我们的App，但由于很多原因，Android Monitor会... [阅读全文]
JobScheduler 实现特定时间，特定条件（系统空闲，电池电量，磁盘空间 ……）下执行任务

JobScheduler 用法使用场景应用保活特定时间，特定条件（系统空闲，电池电量，磁盘空间 ……）下运行程序... [阅读全文]
为什么说国际站要做长尾词排名？

首先我们要明白一个点，长尾词越长，他就越精准，而且用的人少，当你一覆盖，你的产品就能在首页出现，这就是自然排名，... [阅读全文]
Android系统启动概览

1.Android启动概览。2.Art与Dalvik区别。. [阅读全文]

网友评论


验证码：

Android自定义View实现仿1号店垂直滚动广告条代码

2019年07月24日 | 移动技术网移动技术 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论