效果展示
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;
}
