欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

很棒的Android弹幕效果实例

时间:2020-11-05 17:46:57|栏目:Android代码|点击:

很多项目需要用到弹幕效果,尤其是在播放视频的时候需要一起显示别人发的弹幕,也包括自己的发的。

今天就试着写了一下这个效果。

思路就是将从右往左的动画效果,字体内容,字体大小,弹幕平移速度等属性一起与TextView封装成BarrageItem,并将控制效果与BarrageItem绑定在BarrageView进行显示。思路还是比较简单的。这里没有考虑到带有表情的弹幕,我会持续更新的。

 先看效果:

 项目目录结构:

 

 接下来定义Barrageitem.class : 这个类就将TextView与从右往左的动画效果,字体内容,字体大小,弹幕平移速度等属性绑定。

public class BarrageItem { 
 
 public TextView textView; 
 
 public int textColor; 
 
 public String text; 
 
 public int textSize; 
 
 // 移动速度 
 public int moveSpeed; 
 
 // 垂直方向显示的位置 
 public int verticalPos; 
 
 // 字体显示占据的宽度 
 public int textMeasuredWidth; 
 
} 

然后定义BarrageView,由于弹幕的字体颜色大小和移动速度都是随机的,需要定义最大最小值来限定它们的范围,然后通过产生随机数来设置它们在这个范围内的值。另外还需要定义弹幕的文本内容,这里是直接写死的一些固定值。

BarrageView.class:

public class BarrageView extends RelativeLayout { 
 
 private Context mContext; 
 
 private BarrageHandler mHandler = new BarrageHandler(); 
 
 private Random random = new Random(System.currentTimeMillis()); 
 
 // 两个弹幕的最小间隔时间 
 private static final long BARRAGE_GAP_MIN_DURATION = 1000; 
 
 // 两个弹幕的最大间隔时间 
 private static final long BARRAGE_GAP_MAX_DURATION = 2000; 
 
 // 速度,ms 
 private int maxSpeed = 12000; 
 
 // 速度,ms 
 private int minSpeed = 8000; 
 
 // 文字最大值 
 private int maxSize = 50; 
 
 // 文字最小值 
 private int minSize = 10; 
 
 private int totalHeight = 0; 
 
 private int lineHeight = 0;// 每一行弹幕的高度 
 
 private int totalLine = 0;// 弹幕的行数 
 
 private String[] itemText = { "他们都说蔡睿智很帅,但他总觉得自己很丑", 
   "他们都说蔡睿智是男神,但他只觉得自己是男生", "蔡睿智不是男神,蔡睿智是男生", "蔡睿智貌似是gay", "蔡睿智是弯的", 
   "蔡睿智是弯的,还好现在掰回来了", "他承受了他这个年纪不该有的机智与帅气,他好累", 
   "我恨自己的颜值,我觉得自己的才华才是吸引别人的地方", "他为什么对妹子不感兴趣呢?为什么?", "他为什么不想谈恋爱","他不会去爱别人,同时也不希望别人去爱他,他已经习惯一个人了", 
   "他的心里是否住着一个苍老的小孩", "他的世界一直就是他和他的影子,直到遇到她", "她引导他走出了自己的世界,改变他的很多看法", 
   "他渐渐的发现自己已经离不开他,他选择不再去压抑自己", "因为他已经不是那个无能为力的年纪","她经常说他 高冷,现在越来越觉得他恨闷骚","开始他一直与她保持朋友距离,但他发现自己根本作不到"}; 
 private int textCount; 
 
 public BarrageView(Context context, AttributeSet attrs, int defStyleAttr) { 
  super(context, attrs, defStyleAttr); 
  mContext = context; 
  _init(); 
 } 
 
 public BarrageView(Context context, AttributeSet attrs) { 
  this(context, null, 0); 
 
 } 
 
 public BarrageView(Context context) { 
  this(context, null); 
 
 } 
 
 private void _init() { 
  textCount = itemText.length; 
  int duration = (int) ((BARRAGE_GAP_MAX_DURATION - BARRAGE_GAP_MIN_DURATION) * Math 
    .random()); 
  mHandler.sendEmptyMessageDelayed(0, duration); 
 } 
 
 @Override 
 public void onWindowFocusChanged(boolean hasWindowFocus) { 
  super.onWindowFocusChanged(hasWindowFocus); 
  totalHeight = getMeasuredHeight(); 
  lineHeight = getLineHeight(); 
  totalLine = totalHeight / lineHeight; 
 } 
 
 private void generateItem() { 
  BarrageItem item = new BarrageItem(); 
  String tx = itemText[(int) (Math.random() * textCount)]; 
  int sz = (int) (minSize + (maxSize - minSize) * Math.random()); 
  item.textView = new TextView(mContext); 
  item.textView.setText(tx); 
  item.textView.setTextSize(sz); 
  item.textView.setTextColor(Color.rgb(random.nextInt(256), 
    random.nextInt(256), random.nextInt(256))); 
  item.textMeasuredWidth = (int) getTextWidth(item, tx, sz); 
  item.moveSpeed = (int) (minSpeed + (maxSpeed - minSpeed) 
    * Math.random()); 
  if (totalLine == 0) { 
   totalHeight = getMeasuredHeight(); 
   lineHeight = getLineHeight(); 
   totalLine = totalHeight / lineHeight; 
  } 
  item.verticalPos = random.nextInt(totalLine) * lineHeight; 
  showBarrageItem(item); 
 } 
 
 private void showBarrageItem(final BarrageItem item) { 
  int leftMargin = this.getRight() - this.getLeft() 
    - this.getPaddingLeft(); 
  LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, 
    LayoutParams.WRAP_CONTENT); 
  params.addRule(RelativeLayout.ALIGN_PARENT_TOP); 
  params.topMargin = item.verticalPos; 
  this.addView(item.textView, params); 
  Animation anim = generateTranslateAnim(item, leftMargin); 
  anim.setAnimationListener(new Animation.AnimationListener() { 
 
   @Override 
   public void onAnimationStart(Animation arg0) { 
 
   } 
 
   @Override 
   public void onAnimationRepeat(Animation arg0) { 
     
   } 
 
   @Override 
   public void onAnimationEnd(Animation arg0) { 
    item.textView.clearAnimation(); 
    BarrageView.this.removeView(item.textView); 
   } 
  }); 
  item.textView.startAnimation(anim); 
 } 
 
 private TranslateAnimation generateTranslateAnim(BarrageItem item, 
   int leftMargin) { 
  TranslateAnimation anim = new TranslateAnimation(leftMargin, 
    -item.textMeasuredWidth, 0, 0); 
  anim.setDuration(item.moveSpeed); 
  anim.setInterpolator(new AccelerateDecelerateInterpolator()); 
  anim.setFillAfter(true); 
  return anim; 
 } 
 
 /** 
  * 计算TextView中字符串的长度 
  * 
  * @param item 
  * @param text 
  *   要计算的字符串 
  * @param Size 
  *   字体大小 
  * @return TextView中字符串的长度 
  */ 
 public float getTextWidth(BarrageItem item, String text, float Size) { 
  Rect bounds = new Rect(); 
  TextPaint paint; 
  paint = item.textView.getPaint(); 
  paint.getTextBounds(text, 0, text.length(), bounds); 
  return bounds.width(); 
 } 
 
 /** 
  * 获得每一行弹幕的最大高度 
  */ 
 private int getLineHeight() { 
  BarrageItem item = new BarrageItem(); 
  String tx = itemText[0]; 
  item.textView = new TextView(mContext); 
  item.textView.setText(tx); 
  item.textView.setTextSize(maxSize); 
 
  Rect bounds = new Rect(); 
  TextPaint paint; 
  paint = item.textView.getPaint(); 
  paint.getTextBounds(tx, 0, tx.length(), bounds); 
  return bounds.height(); 
 } 
 
 class BarrageHandler extends Handler { 
  @Override 
  public void handleMessage(Message msg) { 
   super.handleMessage(msg); 
   generateItem(); 
   // 每个弹幕产生的时间随机 
   int duration = (int) ((BARRAGE_GAP_MAX_DURATION - BARRAGE_GAP_MIN_DURATION) * Math 
     .random()); 
   this.sendEmptyMessageDelayed(0, duration); 
  } 
 } 
 
} 

如果弹幕显示的垂直位置是随机的,就会出现垂直方向上弹幕重叠的情况,所以需要根据高度对垂直方向按照弹幕高度的最大值等分,然后让弹幕在这些指定的垂直位置随机分布。这个值在onWindowFocusChanged里计算,因为在这个方法中通过View的getMeasuredHeight()得到的高度不为空。

 MainActivity.class:

<span style="font-size:18px;">public class MainActivity extends Activity { 
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
 } 
}</span> 

以上就是弹幕的源码,其实我觉得这里少了自己发送弹幕的功能,我会在以后的更新上去的,共勉。

上一篇:Android自定义ViewGroup实现受边界限制的滚动操作(3)

栏    目:Android代码

下一篇:动态添加LinearLayout的高度实例

本文标题:很棒的Android弹幕效果实例

本文地址:http://www.codeinn.net/misctech/19321.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有