android 中的弹幕效果

 

android 弹幕评论效果

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

android 弹幕

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

demo下载地址

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

[java]  view plain copy

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

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

[html]  view plain copy

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 plain copy

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

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

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

[java]  view plain copy

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

然后发送弹幕 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 plain copy

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.   
14.                 sendPosition.put(danmu.getPosition(), false);  
15.             }  
16.   
17.             @Override  
18.             public void animationEnd() {  
19.   
20.                 container.removeView(danmu);  
21.             }  
22.   
23.         });  
24.   
25.         for(int i=0;i<count;i++)  
26.         {  
27.             if(sendPosition.get(i)==false)  
28.             {  
29.                 danmu.setPosition(i);  
30.                 RelativeLayout.LayoutParams lp=new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, danmuHeight);  
31.                 lp.addRule(RelativeLayout.ALIGN_PARENT_TOP);  
32.                 lp.topMargin=i*danmuHeight;  
33.                 danmu.setGravity(Gravity.CENTER);  
34.                 container.addView(danmu, lp);  
35.   
36.                 danmu.send();  
37.   
38.                 sendPosition.put(i,true);  
39.                 break;  
40.             }  
41.   
42.         }  
43.     }  

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

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

[java]  view plain copy

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.   
19.     public TopDanmu(Context context,int duration) {  
20.         super(context);  
21.         this.duration=duration;  
22.     }  
23.   
24.   
25.   
26.     public interface OnDisappearListener  
27.     {  
28.         public void disappear();  
29.     }  
30.     @Override  
31.     public void send() {  
32.         new Thread(new Runnable() {  
33.             @Override  
34.             public void run() {  
35.                 try {  
36.                     Thread.sleep(duration);  
37.                     handler.sendEmptyMessage(1);  
38.   
39.                 } catch (InterruptedException e) {  
40.                     e.printStackTrace();  
41.                 }  
42.             }  
43.         }).start();  
44.     }  
45.   
46.     public void setOnDisappearListener(OnDisappearListener onDisappearListener )  
47.     {  
48.         this.onDisappearListener=onDisappearListener;  
49.     }  
50. }  

发送顶部弹幕

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

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

[java]  view plain copy

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