android 个人中心下拉弹回效果-PullscrollView,那些BAT大厂的Android面试官到底在想些什么

*/

public void setHeader(View view) {

mHeader = view;

}

/**

  • 设置状态改变时的监听器

  • @param turnListener

*/

public void setOnTurnListener(OnTurnListener turnListener) {

mOnTurnListener = turnListener;

}

@Override

protected void onFinishInflate() {

if (getChildCount() > 0) {

mContentView = getChildAt(0);

}

}

@Override

protected void onScrollChanged(int l, int t, int oldl, int oldt) {

super.onScrollChanged(l, t, oldl, oldt);

if (getScrollY() == 0) {

isTop = true;

}

}

@Override

public boolean onInterceptTouchEvent(MotionEvent ev) {

if (ev.getAction() == MotionEvent.ACTION_DOWN) {

mTouchDownY = ev.getY();

mCurrentTop = mInitTop = mHeader.getTop();

mCurrentBottom = mInitBottom = mHeader.getBottom();

}

return super.onInterceptTouchEvent(ev);

}

@Override

public boolean onTouchEvent(MotionEvent ev) {

if (mContentView != null) {

doTouchEvent(ev);

}

// 禁止控件本身的滑动.

return mEnableTouch || super.onTouchEvent(ev);

}

/**

  • 触摸事件处理

  • @param event

*/

private void doTouchEvent(MotionEvent event) {

int action = event.getAction();

switch (action) {

case MotionEvent.ACTION_MOVE:

doActionMove(event);

break;

case MotionEvent.ACTION_UP:

// 回滚动画

if (isNeedAnimation()) {

rollBackAnimation();

}

if (getScrollY() == 0) {

mState = State.NORMAL;

}

isMoving = false;

mEnableTouch = false;

break;

default:

break;

}

}

/**

  • 执行移动动画

  • @param event

*/

private void doActionMove(MotionEvent event) {

// 当滚动到顶部时,将状态设置为正常,避免先向上拖动再向下拖动到顶端后首次触摸不响应的问题

if (getScrollY() == 0) {

mState = State.NORMAL;

// 滑动经过顶部初始位置时,修正Touch down的坐标为当前Touch点的坐标

if (isTop) {

isTop = false;

mTouchDownY = event.getY();

}

}

float deltaY = event.getY() - mTouchDownY;

// 对于首次Touch操作要判断方位:UP OR DOWN

if (deltaY < 0 && mState == State.NORMAL) {

mState = State.UP;

} else if (deltaY > 0 && mState == State.NORMAL) {

mState = State.DOWN;

}

if (mState == State.UP) {

deltaY = deltaY < 0 ? deltaY : 0;

isMoving = false;

mEnableTouch = false;

} else if (mState == State.DOWN) {

if (getScrollY() <= deltaY) {

mEnableTouch = true;

isMoving = true;

}

deltaY = deltaY < 0 ? 0 : deltaY;

}

if (isMoving) {

// 初始化content view矩形

if (mContentRect.isEmpty()) {

// 保存正常的布局位置

mContentRect.set(mContentView.getLeft(), mContentView.getTop(), mContentView.getRight(),

mContentView.getBottom());

}

// 计算header移动距离(手势移动的距离阻尼系数0.5)

float headerMoveHeight = deltaY * 0.5f * SCROLL_RATIO;

mCurrentTop = (int) (mInitTop + headerMoveHeight);

mCurrentBottom = (int) (mInitBottom + headerMoveHeight);

// 计算content移动距离(手势移动的距离*阻尼系数)

float contentMoveHeight = deltaY * SCROLL_RATIO;

// 修正content移动的距离,避免超过header的底边缘

int headerBottom = mCurrentBottom - mHeaderVisibleHeight;

int top = (int) (mContentRect.top + contentMoveHeight);

int bottom = (int) (mContentRect.bottom + contentMoveHeight);

if (top <= headerBottom) {

// 移动content view

mContentView.layout(mContentRect.left, top, mContentRect.right, bottom);

// 移动header view

mHeader.layout(mHeader.getLeft(), mCurrentTop, mHeader.getRight(), mCurrentBottom);

}

}

}

private void rollBackAnimation() {

TranslateAnimation tranAnim = new TranslateAnimation(0, 0,

Math.abs(mInitTop - mCurrentTop), 0);

tranAnim.setDuration(200);

mHeader.startAnimation(tranAnim);

mHeader.layout(mHeader.getLeft(), mInitTop, mHeader.getRight(), mInitBottom);

// 开启移动动画

TranslateAnimation innerAnim = new TranslateAnimation(0, 0, mContentView.getTop(), mContentRect.top);

innerAnim.setDuration(200);

mContentView.startAnimation(innerAnim);

mContentView.layout(mContentRect.left, mContentRect.top, mContentRect.right, mContentRect.bottom);

mContentRect.setEmpty();

// 回调监听器

if (mCurrentTop > mInitTop + TURN_DISTANCE && mOnTurnListener != null){

mOnTurnListener.onTurn();

}

}

/**

  • 是否需要开启动画

*/

private boolean isNeedAnimation() {

return !mContentRect.isEmpty() && isMoving;

}

/**

  • 翻转事件监听器

  • @author markmjw

*/

public interface OnTurnListener {

/**

  • 翻转回调方法

*/

public void onTurn();

}

}

调用Activity

package com.baobao.testpullscrollview;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ImageView;

public class MainActivity extends Activity implements PullScrollView.OnTurnListener{

private PullScrollView mScrollView;

private ImageView mHeadImg;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mScrollView = (PullScrollView) findViewById(R.id.scroll_view);

mHeadImg = (ImageView) findViewById(R.id.background_img);

mScrollView.setHeader(mHeadImg);

mScrollView.setOnTurnListener(this);

}

@Override

public void onTurn() {

// TODO Auto-generated method stub

}

}

xml文件:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background="@color/white"

android:orientation=“vertical” >

<ImageView

android:id="@+id/background_img"

android:layout_width=“match_parent”

android:layout_height=“300dp”

android:layout_marginTop="-100dp"

android:contentDescription="@null"

android:scaleType=“fitXY”

android:src="@drawable/scrollview_header" />

<com.baobao.testpullscrollview.PullScrollView

android:id="@+id/scroll_view"

android:layout_width=“match_parent”

android

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

:layout_height=“match_parent”

android:fillViewport=“true”

app:headerHeight=“300dp”

app:headerVisibleHeight=“100dp” >

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background="@color/transparent"

android:orientation=“vertical” >

<RelativeLayout

android:id="@+id/scroll_view_head"

android:layout_width=“match_parent”

android:layout_height=“112dp”

android:layout_marginTop=“100dp”

android:background="@color/transparent"

android:orientation=“vertical” >

<ImageView

android:id="@+id/user_avatar"

android:layout_width=“68dp”

android:layout_height=“68dp”

android:layout_marginLeft=“21dp”

android:background="@android:color/white"

android:contentDescription="@null"

android:padding=“1px”

android:src="@drawable/avatar_default" />

<TextView

android:id="@+id/user_name"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“13dp”

android:layout_toRightOf="@id/user_avatar"

android:ellipsize=“end”

android:shadowColor="@android:color/black"

android:shadowDx=“3.0”

android:shadowDy=“3.0”

android:shadowRadius=“5.0”

android:singleLine=“true”

android:text="@string/user_name"

android:textColor="@android:color/white"

android:textSize=“20sp” />

<FrameLayout

android:id="@+id/user_divider_layout"

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_below="@id/user_avatar"

android:layout_marginLeft=“21dp”

android:layout_marginRight=“21dp”

android:layout_marginTop=“4dp” >

<ImageView

android:layout_width=“match_parent”

android:layout_height=“1px”

android:layout_marginTop=“5dp”

android:background="#DFDFDF"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值