1,实现效果 转自:http://blog.csdn.net/huweigoodboy/article/details/47301197
实现的效果分三个部分来说明,首先是下拉到最大高度,个人信息界面会产生一个回弹的效果,然后是滚动到顶部,个人信息界面收缩,并且产生登录按钮会重新出现,黄色的消息按钮会平移到最右边。最后是在这两种状态之间,控件会根据滚动的距离来判断变换成前面两种状态中的一种状态。
2,实现思路
首先根据三种状态切割UserInfoView控件的三种高度,
“userinfo_min_height” 100dp
“userinfo_common_height” 200dp
“userinfo_max_height” 300dp
分别为最大高度(弹性高度),普通高度和最小高度。
(1)弹性效果
@Override
public boolean onTouchEvent(MotionEvent ev) {
int scrollY = getScrollY();
switch (ev.getAction()) {
case MotionEvent.ACTION_UP:
if (scrollY < MIN_SCROLLY + (MAX_SCROLLY- MIN_SCROLLY)/4) {
smoothScrollTo(0, MIN_SCROLLY);
}else if(scrollY <MAX_SCROLLY){
smoothScrollTo(0,MAX_SCROLLY);
}
return true;
}
return super.onTouchEvent(ev);
}
(2)中间过程动画处理
public void onChange(int range) {
mRange = range * STANDARD_RANGE / MAX_RANGE;
if (mRange <= HEAD_GONE_VALUE) {
mRl_center.setVisibility(VISIBLE);
int alpha = 255 - 255 * (mRange) / HEAD_GONE_VALUE;
mIv_head.setAlpha(alpha);
mTv_username.setTextColor(Color.argb(alpha, 255, 255, 255));
float scale = (float) mRange / STANDARD_RANGE;
mRl_center.setScaleX((1 - scale)*0.3f+0.7f);
mRl_center.setScaleY((1 - scale)*0.3f+0.7f);
// mTv_username.setScaleX(1-scale);
// mTv_username.setScaleY(1-scale);
} else {
mRl_center.setVisibility(INVISIBLE);
}
if (mRange >= STANDARD_RANGE - HEAD_GONE_VALUE) {
mTv_username_top.setVisibility(VISIBLE);
int alpha = 255 * (STANDARD_RANGE - mRange) / HEAD_GONE_VALUE;
mTv_username_top.setTextColor(Color.argb(255 - alpha, 255, 255, 255));
} else {
mTv_username_top.setVisibility(INVISIBLE);
}
int x = mRange * (MOVE_FINAL_X - MOVE_INIT_X) / STANDARD_RANGE + MOVE_INIT_X;
mIv_share.setX(x);
}
下载地址: http://download.csdn.net/detail/huweigoodboy/9095985