android 弹幕评论效果

分类： android2015-07-28 09:21 977人阅读 评论(0) 收藏 举报
android弹幕

纯粹按照自己的想法仿照b站的弹幕写的一个demo，不知道正确的姿势怎么样的。

demo下载地址

首先，一条弹幕就是一个textview

[java] view plaincopy
  1. public abstract class Danmu extends TextView{
  2. private Context context;
  3. private int position;//弹幕的位置，在屏幕哪一行
  4. public Danmu(Context context) {
  5. super(context);
  6. this.context=context;
  7. setSingleLine();
  8. }
  9. public int getPosition() {
  10. return position;
  11. }
  12. public void setPosition(int position) {
  13. this.position = position;
  14. }
  15. public abstract void send();
  16. }

将弹幕放在一个相对布局容器中

[html] view plaincopy
  1. <RelativeLayout
  2. android:id="@+id/danmuContainer"
  3. android:layout_width="match_parent"
  4. android:layout_height="0dp"
  5. android:layout_weight="3" />

当字数很多时，会放不下所有文字，所以手动设置了容器的宽度

容器设置足够大就好

[java] view plaincopy
  1. ViewGroup.LayoutParams lp=container.getLayoutParams();
  2. lp.width=DensityUtils.sp2px(this,15)*100;
  3. container.setLayoutParams(lp);

弹幕分为好几种这里做了普通的从右到左的，逆向的，还有在顶部和底部的

普通弹幕由两个TranslateAnimation完成,第一个是当弹幕移动后空出足够多空间时通知其他弹幕可以跟在它后面，第二个动画完成接下来的移出屏幕

[java] view plaincopy
  1. public class NormalDanmu extends Danmu {
  2. private Animation animation0,animation1;
  3. private int fx0,tx0,fx1,tx1;
  4. private int duration0,duration1;
  5. private OnAnimationEndListener onAnimationEndListener;
  6. public interface OnAnimationEndListener
  7. {
  8. public void clearPosition();//第一个动画结束，将当前行设置为可以发送弹幕
  9. public void animationEnd();//弹幕完全移出屏幕
  10. }
  11. public NormalDanmu(Context context,int fx,int tx)
  12. {
  13. super(context);
  14. this.fx0=fx;
  15. this.tx0=Math.abs(fx)-Math.abs(tx)-100;//第一个动画结束位置，当尾部空出100像素时就可以通知其他弹幕跟上了
  16. this.fx1=tx0;
  17. this.tx1=tx;
  18. duration0=2000*(Math.abs(tx0-fx0))/DensityUtils.getScreenW(context);
  19. duration1=2000*(Math.abs(tx1-fx1))/DensityUtils.getScreenW(context);
  20. initAnimation();
  21. }
  22. private void initAnimation()
  23. {
  24. animation0=new TranslateAnimation(fx0,tx0,0,0);
  25. animation1=new TranslateAnimation(fx1,tx1,0,0);
  26. animation0.setAnimationListener(new Animation.AnimationListener() {
  27. @Override
  28. public void onAnimationStart(Animation animation) {
  29. }
  30. @Override
  31. public void onAnimationEnd(Animation animation) {
  32. clearAnimation();
  33. startAnimation(animation1);
  34. if (onAnimationEndListener!=null)
  35. {
  36. onAnimationEndListener.clearPosition();
  37. }
  38. }
  39. @Override
  40. public void onAnimationRepeat(Animation animation) {
  41. }
  42. });
  43. animation0.setFillAfter(true);
  44. animation0.setDuration(duration0);
  45. animation0.setInterpolator(new AccelerateInterpolator());
  46. animation1.setAnimationListener(new Animation.AnimationListener() {
  47. @Override
  48. public void onAnimationStart(Animation animation) {
  49. }
  50. @Override
  51. public void onAnimationEnd(Animation animation) {
  52. if(onAnimationEndListener!=null)
  53. {
  54. onAnimationEndListener.animationEnd();
  55. }
  56. }
  57. @Override
  58. public void onAnimationRepeat(Animation animation) {
  59. }
  60. });
  61. animation1.setFillAfter(true);
  62. animation1.setDuration(duration1);
  63. animation1.setInterpolator(new DecelerateInterpolator());
  64. }
  65. public void setOnAnimationEndListener(OnAnimationEndListener onAnimationEndListener)
  66. {
  67. this.onAnimationEndListener=onAnimationEndListener;
  68. }
  69. @Override
  70. public void send() {
  71. startAnimation(animation0);
  72. }
  73. }

然后发送弹幕 final NormalDanmu danmu=new NormalDanmu(this,sWidth,(int) -paint.measureText(str));

swidth表示屏幕宽度，paint.measureText(str)是textview宽度，表示从最右端移动到左边完全移出屏幕

lp.addRule(RelativeLayout.ALIGN_PARENT_TOP);

lp.topMargin=i*danmuHeight;

danmuHeight是一个textview的高度，这里设置放在容器的第i行

[java] view plaincopy
  1. private void setDanmu()
  2. {
  3. String ss="按是按时按是android.os.BinderProx按是";
  4. int ll=ss.length()*DensityUtils.sp2px(this,15);
  5. int ran= new Random().nextInt(ss.length());
  6. String str=ss.substring(ran);
  7. final NormalDanmu danmu=new NormalDanmu(this,sWidth,(int) -paint.measureText(str));
  8. danmu.setTextSize(15);
  9. danmu.setText(str);
  10. danmu.setOnAnimationEndListener(new NormalDanmu.OnAnimationEndListener() {
  11. @Override
  12. public void clearPosition() {
  13. sendPosition.put(danmu.getPosition(), false);
  14. }
  15. @Override
  16. public void animationEnd() {
  17. container.removeView(danmu);
  18. }
  19. });
  20. for(int i=0;i<count;i++)
  21. {
  22. if(sendPosition.get(i)==false)
  23. {
  24. danmu.setPosition(i);
  25. RelativeLayout.LayoutParams lp=new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, danmuHeight);
  26. lp.addRule(RelativeLayout.ALIGN_PARENT_TOP);
  27. lp.topMargin=i*danmuHeight;
  28. danmu.setGravity(Gravity.CENTER);
  29. container.addView(danmu, lp);
  30. danmu.send();
  31. sendPosition.put(i,true);
  32. break;
  33. }
  34. }
  35. }


逆向弹幕就是和普通弹幕移动方向不同其他完全一样


顶部和底部的弹幕主要就是显示几秒后再消失就行了比较简单

[java] view plaincopy
  1. public class TopDanmu extends Danmu {
  2. private OnDisappearListener onDisappearListener;
  3. private int duration;
  4. private Handler handler=new Handler()
  5. {
  6. @Override
  7. public void handleMessage(Message msg) {
  8. super.handleMessage(msg);
  9. if(msg.what==1)
  10. {
  11. if(onDisappearListener!=null)
  12. {
  13. onDisappearListener.disappear();
  14. }
  15. }
  16. }
  17. };
  18. public TopDanmu(Context context,int duration) {
  19. super(context);
  20. this.duration=duration;
  21. }
  22. public interface OnDisappearListener
  23. {
  24. public void disappear();
  25. }
  26. @Override
  27. public void send() {
  28. new Thread(new Runnable() {
  29. @Override
  30. public void run() {
  31. try {
  32. Thread.sleep(duration);
  33. handler.sendEmptyMessage(1);
  34. } catch (InterruptedException e) {
  35. e.printStackTrace();
  36. }
  37. }
  38. }).start();
  39. }
  40. public void setOnDisappearListener(OnDisappearListener onDisappearListener )
  41. {
  42. this.onDisappearListener=onDisappearListener;
  43. }
  44. }

发送顶部弹幕

顶部弹幕要水平居中，这里的容器设置的宽度超过的屏幕大小，所以要手动计算弹幕的水平位置

int margin= (int) ((sWidth-paint.measureText(danmu.getText().toString()))/2);


[java] view plaincopy
  1. private void setTopDanmu()
  2. {
  3. String ss="按是按时按是android.os.BinderProx按是";
  4. int ran= new Random().nextInt(ss.length());
  5. String str=ss.substring(ran);
  6. int ll=str.length()*DensityUtils.sp2px(this, 15);
  7. final TopDanmu danmu=new TopDanmu(this,2000);
  8. danmu.setTextSize(15);
  9. danmu.setText(str);
  10. danmu.setTextColor(Color.GREEN);
  11. danmu.setOnDisappearListener(new TopDanmu.OnDisappearListener() {
  12. @Override
  13. public void disappear() {
  14. container.removeView(danmu);
  15. topSendPosition.put(danmu.getPosition(), false);
  16. }
  17. });
  18. for(int i=0;i<count;i++)
  19. {
  20. if(topSendPosition.get(i)==false)
  21. {
  22. danmu.setPosition(i);
  23. RelativeLayout.LayoutParams lp=new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, danmuHeight);
  24. lp.addRule(RelativeLayout.ALIGN_PARENT_TOP);
  25. int margin= (int) ((sWidth-paint.measureText(danmu.getText().toString()))/2);
  26. lp.topMargin=i*danmuHeight;
  27. lp.leftMargin=margin;
  28. danmu.setGravity(Gravity.CENTER);
  29. container.addView(danmu, lp);
  30. danmu.send();
  31. topSendPosition.put(i,true);
  32. break;
  33. }
  34. }
  35. }

android 中的弹幕效果相关推荐

  1. Android中具有动画效果的图片资源

    Android动画和Transition系列文章 初识属性动画--使用Animator创建动画 再谈属性动画--介绍以及自定义Interpolator插值器 三谈属性动画--Keyframe以及Vie ...

  2. 【Android笔记25】Android中的动画效果之逐帧动画

    这篇文章,主要介绍Android中的动画效果之逐帧动画. 目录 一.逐帧动画 1.1.什么是逐帧动画 1.2.逐帧动画的使用 (1)创建drawable动画资源<

  3. android 如何实现弹幕,Android简单实现弹幕效果

    本文实例为大家分享了Android实现弹幕效果的具体代码,供大家参考,具体内容如下 首先分析一下,他是由三层布局来共同完成的,第一层视频布局,第二层字幕布局,第三层输入框布局,要想让这三个布局在同一页 ...

  4. android中帧布局效果,Android开发实现布局帧布局霓虹灯效果示例

    本文实例讲述了android开发实现布局帧布局霓虹灯效果.分享给大家供大家参考,具体如下: 效果图: 实现方式: framelayout中,设置8个textview,在主函数中,设计颜色数组,通过有序 ...

  5. android 弹幕动画,Android自制精彩弹幕效果

    好久没有写过文章,最近发现直播特别的火,很多app都集成了直播的功能,发现有些直播是带有弹幕的,效果还不错,今天心血来潮,特地写了篇制作弹幕的文章. 今天要实现的效果如下: 1.弹幕垂直方向固定 2. ...

  6. android中实现毛笔效果(View 中绘图)

    最近有一个项目设计一个APP实现通过触摸屏实现毛笔写字效果.传统的绘画板程序直接通过Path的moveTo和LineTo便可实现简单的线条绘画程序.然而要达到毛笔的笔锋效果则需要更为详细点的设计.我的 ...

  7. android中实现毛笔效果(View 中画图)

    近期有一个项目设计一个APP实现通过触摸屏实现毛笔写字效果.传统的绘画板程序直接通过Path的moveTo和LineTo便可实现简单的线条绘画程序.然而要达到毛笔的笔锋效果则须要更为具体点的设计.我的 ...

  8. android中帧布局效果,布局之FrameLayout(帧布局)详解

    New UI-布局之FrameLayout(帧布局)详解 --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途!本节引言:FrameLayout(帧布局)可以说是六大布局中最为简单的一 ...

  9. android毛玻璃效果,Android 中实现毛玻璃效果

    - 关于高斯模糊效果的实现 public class BitmapLoader { private Context mContext; public BitmapLoader(Context cont ...

最新文章

  1. 李沐团队新作Gluon，复现CV经典模型到BERT，简单好用 | 强烈推荐
  2. 如何查看crontab的日志记录
  3. windows server 2008 R2 初试Hyper-V（一）
  4. 二极管极低电流I-V特性测量
  5. U-Boot常用命令
  6. html5图片加载不了,webView加载html图片遇到的问题解决
  7. flannel源码分析--newSubnetManager
  8. 开发可以复用的构件和利用可以复用的构件进行开发
  9. wi-fi共享大师免广告_如何保护Wi-Fi网络免受入侵
  10. Maximize The Beautiful Value
  11. linux mac地址文件夹,android4.4.2系统的mac地址文件在哪个文件里面
  12. 知乎热问：进入内核态究竟是什么意思？
  13. cannot resolve method ‘println(java.lang.String)
  14. wps的range对象
  15. 驱动读写应用程序内存
  16. KeilC51单片机外部中断原理解释
  17. 成长之路——发现问题、提出问题和解决问题
  18. VR这张旧船票，能否登上元宇宙这艘宇宙飞船？
  19. 面试问离职原因，怎么说才好？
  20. python爬虫 爬取图片

热门文章

  1. 用python画个佩奇来瞧瞧
  2. 程序无法正常启动0xc0000142
  3. 手把手教你抖音怎么用图片做视频！
  4. 日志框架（一）JUL
  5. 基于springboot layui二手书交易平台源码
  6. C语言小头风,爸爸用C语言早教，孩子逐渐崩溃，网友：这发型月薪最少40k
  7. Objects.equals有坑
  8. docker版Jinkens安装教程
  9. Jenkins自动化部署工具简易教程（Java、Git、Maven、Tomcat）
  10. hadoop启动不正常问题解决