Android 高仿墨迹天气“我”页面

简介:

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
相关文章
|
28天前
|
Android开发
Android实现页面渐变效果
Android实现页面渐变效果
19 1
|
9月前
|
Android开发
Android 使用ViewPager实现手动左右切换页面和底部点点跟随切换效果
Android 使用ViewPager实现手动左右切换页面和底部点点跟随切换效果
137 0
|
5月前
|
Android开发
UniApp Android 页面拖动,去掉半圆形阴影
UniApp Android 页面拖动,去掉半圆形阴影
49 0
|
28天前
|
XML Android开发 数据格式
Android注册登录页面2
Android注册登录页面
29 2
|
28天前
|
Java Android开发 数据安全/隐私保护
Android注册登录页面1
Android注册登录页面
10 1
|
5月前
|
XML Java Android开发
Android Studio App开发之实现简单的启动引导页ViewPager(附源码 实现App的欢迎页面)
Android Studio App开发之实现简单的启动引导页ViewPager(附源码 实现App的欢迎页面)
94 1
|
5月前
|
Android开发
Android Studio APP开发入门之活动Activity中启停活动页面的讲解及实战(附源码,包括Activity的启动结束、生命周期、跳转等)
Android Studio APP开发入门之活动Activity中启停活动页面的讲解及实战(附源码,包括Activity的启动结束、生命周期、跳转等)
45 0
|
5月前
|
存储 移动开发 JavaScript
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
|
9月前
|
Android开发
Android InputMethodManager进入页面后自动弹出软键盘
Android InputMethodManager进入页面后自动弹出软键盘
334 0
|
9月前
|
Android开发
Android 使用DataBinding时 将布局页面转换为数据绑定布局(Convert to data binding layout) 不出现提示解决办法
Android 使用DataBinding时 将布局页面转换为数据绑定布局(Convert to data binding layout) 不出现提示解决办法
94 0