温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android如何实现直播app送礼物连击动画效果

发布时间:2021-06-30 10:55:19 来源:亿速云 阅读:149 作者:小新 栏目:移动开发

这篇文章将为大家详细讲解有关Android如何实现直播app送礼物连击动画效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

最近在做公司的直播项目,需要实现一个观看端连击送礼物的控件:

直接上代码:

/**
 * @author yangyinglong on 2017/7/11 16:52.
 * @Description: todo(这里用一句话描述这个类的作用)
 * @Copyright Copyright (c) 2017 Tuandai Inc. All Rights Reserved.
 */
public class CustomGiftView extends LinearLayout {
  private Timer timer;
  private List<View> giftViewCollection = new ArrayList<>();
  public CustomGiftView(Context context) {
    this(context,null);
  }
  public CustomGiftView(Context context, @Nullable AttributeSet attrs) {
    this(context, attrs,0);
  }
  public CustomGiftView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    this(context, attrs, defStyleAttr,0);
  }
  public CustomGiftView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
  }
  /**
   *<br> Description: todo(这里用一句话描述这个方法的作用)
   *<br> Author:   yangyinglong
   *<br> Date:    2017/7/11 17:40
   */
  public void pause() {
    if (null != timer) {
      timer.cancel();
    }
  }
  public void cancel() {
    if (null != timer) {
      timer.cancel();
    }
  }
  public void resume() {
    clearTiming();
  }
  /**
   * 定时清除礼物
   */
  private void clearTiming() {
    TimerTask task = new TimerTask() {
      @Override
      public void run() {
        int count = CustomGiftView.this.getChildCount();
        for (int i = 0; i < count; i++) {
          View view = CustomGiftView.this.getChildAt(i);
          CustomRoundView crvheadimage = (CustomRoundView) view.findViewById(R.id.crvheadimage);
          long nowtime = System.currentTimeMillis();
          long upTime = (Long) crvheadimage.getTag();
          if ((nowtime - upTime) >= 3000) {
            final int j = i;
            post(new Runnable() {
              @Override
              public void run() {
                CustomGiftView.this.removeViewAt(j);
              }
            });
//            removeGiftView(i);
            return;
          }
        }
      }
    };
    if (null != timer) {
      timer.cancel();
    }
    timer = new Timer();
    timer.schedule(task, 0, 100);
  }
  /**
   * 添加礼物view,(考虑垃圾回收)
   */
  private View addGiftView() {
    View view = null;
    if (giftViewCollection.size() <= 0) {
      /*如果垃圾回收中没有view,则生成一个*/
      view = LayoutInflater.from(getContext()).inflate(R.layout.item_gift, null);
      LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
      lp.topMargin = 10;
      view.setLayoutParams(lp);
      this.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
        @Override
        public void onViewAttachedToWindow(View view) { }
        //复用Item,当一个View移除时将它放到池内
        @Override
        public void onViewDetachedFromWindow(View view) {
          if (giftViewCollection.size() < 5) {
            giftViewCollection.add(view);
          }
        }
      });
    } else {
      //如果Item池内有缓存的view,将它取出来,并从池中删除
      view = giftViewCollection.get(0);
      giftViewCollection.remove(view);
    }
    return view;
  }
  /**
   *<br> Description: todo(这里用一句话描述这个方法的作用)
   *<br> Author:   yangyinglong
   *<br> Date:    2017/7/11 16:54
   * @param tag
   */
  public void showGift(String tag) {
    View giftView = this.findViewWithTag(tag);
    if (giftView == null) {/*该用户不在礼物显示列表*/
      giftView = addGiftView();/*获取礼物的View的布局*/
      giftView.setTag(tag);/*设置view标识*/
      CustomRoundView crvheadimage = (CustomRoundView) giftView.findViewById(R.id.crvheadimage);
      final MagicTextView giftNum = (MagicTextView) giftView.findViewById(R.id.giftNum);/*找到数量控件*/
      TextView sender = (TextView) giftView.findViewById(R.id.sender);
      sender.setText(tag);
      giftNum.setText("x1");/*设置礼物数量*/
      crvheadimage.setTag(System.currentTimeMillis());/*设置时间标记*/
      giftNum.setTag(1);/*给数量控件设置标记*/
      this.addView(giftView,0);/*将礼物的View添加到礼物的ViewGroup中*/
//      llgiftcontent.invalidate();/*刷新该view*/
      TranslateAnimation inAnim = (TranslateAnimation) AnimationUtils.loadAnimation(getContext(), R.anim.gift_in);
      giftView.startAnimation(inAnim);/*开始执行显示礼物的动画*/
      inAnim.setAnimationListener(new Animation.AnimationListener() {/*显示动画的监听*/
        @Override
        public void onAnimationStart(Animation animation) { }
        @Override
        public void onAnimationEnd(Animation animation) {
          //注释调,第一次添加没动画
//          giftNumAnim.start(giftNum);
          Log.d("gao","" + CustomGiftView.this.getHeight());
        }
        @Override
        public void onAnimationRepeat(Animation animation) { }
      });
    } else {/*该用户在礼物显示列表*/
      for (int i = 0;i < CustomGiftView.this.getChildCount();i ++) {
        if (giftView.equals(CustomGiftView.this.getChildAt(i))) {
          if (i >= 3) {
            CustomGiftView.this.removeView(giftView);
          }
        }
      }
//            llgiftcontent.addView(giftView,0);
      CustomRoundView crvheadimage = (CustomRoundView) giftView.findViewById(R.id.crvheadimage);/*找到头像控件*/
      MagicTextView giftNum = (MagicTextView) giftView.findViewById(R.id.giftNum);/*找到数量控件*/
      int showNum = (Integer) giftNum.getTag() + 1;
      giftNum.setText("x"+showNum);
      giftNum.setTag(showNum);
      crvheadimage.setTag(System.currentTimeMillis());
      new NumAnim().start(giftNum);
    }
  }
  /**
   * 数字放大动画
   */
  public static class NumAnim {
    private Animator lastAnimator = null;
    public void start(View view) {
      if (lastAnimator != null) {
        lastAnimator.removeAllListeners();
        lastAnimator.end();
        lastAnimator.cancel();
      }
      ObjectAnimator anim1 = ObjectAnimator.ofFloat(view, "scaleX",0.7f, 1.5f,1f);
      ObjectAnimator anim2 = ObjectAnimator.ofFloat(view, "scaleY",0.7f, 1.5f,1f);
      AnimatorSet animSet = new AnimatorSet();
      lastAnimator = animSet;
      animSet.setDuration(500);
      animSet.setInterpolator(new OvershootInterpolator());
      animSet.playTogether(anim1, anim2);
      animSet.start();
    }
  }
  public static class GiftInfo {
    private String senderFace;
    private String senderNickName;
    private String giftUrl;
    private int giftID;
    public String getSenderFace() {
      return senderFace;
    }
    public void setSenderFace(String senderFace) {
      this.senderFace = senderFace;
    }
    public String getSenderNickName() {
      return senderNickName;
    }
    public void setSenderNickName(String senderNickName) {
      this.senderNickName = senderNickName;
    }
    public String getGiftUrl() {
      return giftUrl;
    }
    public void setGiftUrl(String giftUrl) {
      this.giftUrl = giftUrl;
    }
    public int getGiftID() {
      return giftID;
    }
    public void setGiftID(int giftID) {
      this.giftID = giftID;
    }
  }
}

关于“Android如何实现直播app送礼物连击动画效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI