Android開發中,也有很棒的彈屏效果,這讓展現的結果變得非??犰牛谖淞旨夹g頻道小編介紹的的文章中可以看出,今天就為大家帶來了很棒的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彈幕效果實例,其實本文的介紹中小編感覺少了發生彈幕的這個功能,后期會在js.Vevb.com中為大家展現。
 
  | 
新聞熱點
疑難解答