点赞效果源码解析

效果展示

good_view.gif

github地址:
点赞效果(含详细解)源码
ps:只是fork下来的,囧

知识储备:

1,清楚了解Androidview的坐标系
2,清楚了解View.MeasureSpec类
3,清楚了解集合动画
没了解过的亲,建议先找相关文章阅读了解清楚

解析流程:

1,实现思路:
继承PopupWindow,设置宽高,弹出位置,动画效果.

实现思路看起来挺简单的,难点在于
a,popwindow的弹出定位,需要对view的坐标系比较熟悉
b,popwindow的大小计算,需要对View.MeasureSpec熟悉
c,popwindow的动画效果,组合动画,透明度以及位移动画.位移动画初始位置需要搞清楚.

2,难点解析

a,弹出定位
overwrite popwindow show(View v)

核心代码:

int offsetX = v.getWidth() / 2 - getWidth() / 2;//X方向上的偏移量
int offsetY = -v.getHeight() - getHeight();//Y方向上的偏移量
showAsDropDown(v,offsetX , offsetY);

定位图

popwindow定位图.jpg

关键点

1,知道Popwindow.showAsDropDown()方法的坐标原点在view的左下方!!!
2,在该坐标下,已知view和popwindow各自的宽高,计算偏移坐标
(貌似初中知识,囧)

计算宽高
在构造方法中计算宽高

 //根据提供的大小值和模式，创建一个测量值(格式)
int w = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);//未指定模式,子元素大小任意.
int h = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
mGoodTv.measure(w, h);
setWidth(mGoodTv.getMeasuredWidth());
setHeight(mDistance + mGoodTv.getMeasuredHeight());

在设置文字后计算宽高

 int w = (int) mGoodTv.getPaint().measureText(text);
setWidth(w);
setHeight(mDistance + getTextViewHeight(mGoodTv, w));

 private static int getTextViewHeight(TextView textView, int width) {
        int widthMeasureSpec = View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.AT_MOST);//最多不超过width
        int heightMeasureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
        textView.measure(widthMeasureSpec, heightMeasureSpec);
        return textView.getMeasuredHeight();
    }

在设置图片后计算宽高

 /**
 * 设置图片
 *
 * @param drawable
 */
public void setImage(Drawable drawable) {
    if (drawable == null) {
        throw new IllegalArgumentException("drawable cannot be null.");
    }
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
        mGoodTv.setBackground(drawable);
    } else {
        mGoodTv.setBackgroundDrawable(drawable);
    }
    /*******************************************************************/
    //drawable获取实际宽高的方式
    mGoodTv.setText("");
    setWidth(drawable.getIntrinsicWidth());//获取drawable实际宽高
    //加上mDistance 移动动画不会被遮盖
    setHeight(mDistance + drawable.getIntrinsicHeight());
    /*******************************************************************/

}

c,动画

/**
 * 动画
 *
 * @return
 */
private AnimationSet createAnimation() {
    mAnimationSet = new AnimationSet(true);
    /**
     * 核心代码
     * *****************************************************************/
    TranslateAnimation translateAnim = new TranslateAnimation(0, 0, mFromY, -mToY);
    /*******************************************************************/
    AlphaAnimation alphaAnim = new AlphaAnimation(mFromAlpha, mToAlpha);
    mAnimationSet.addAnimation(translateAnim);
    mAnimationSet.addAnimation(alphaAnim);
    mAnimationSet.setDuration(mDuration);
    mAnimationSet.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
        }

        @Override
        public void onAnimationEnd(Animation animation) {
            if (isShowing()) {
                new Handler().post(new Runnable() {
                    @Override
                    public void run() {
                        dismiss();
                    }
                });
            }
        }

        @Override
        public void onAnimationRepeat(Animation animation) {
        }
    });
    return mAnimationSet;
}