• 弹性ScrollView,和下啦刷新的效果相似 实现下拉弹回和上拉弹回


    今天做了一个弹性ScrollView,和下啦刷新的效果类似,我想这个非常多需求都用的这样的效果

    事实上这是一个自己定义的scrollView,上代码。这是我写在一个公共的组件包里的

    package com.pb.soft.widget;
    import android.content.Context;
    import android.graphics.Rect;
    import android.util.AttributeSet;
    import android.view.MotionEvent;
    import android.view.View;
    import android.view.animation.TranslateAnimation;
    import android.widget.ScrollView;


    /**
     * 有弹性的ScrollView 实现下拉弹回和上拉弹回
     * 
     * @author shaozuhceng
     */
    public class UserDefineScrollView extends ScrollView {


    private static final String TAG = "UserDefineScrollView ";


    // 移动因子, 是一个百分比, 比方手指移动了100px, 那么View就仅仅移动50px
    // 目的是达到一个延迟的效果
    private static final float MOVE_FACTOR = 0.5f;


    // 松开手指后, 界面回到正常位置须要的动画时间
    private static final int ANIM_TIME = 300;


    // ScrollView的子View, 也是ScrollView的唯一一个子View
    private View contentView;


    // 手指按下时的Y值, 用于在移动时计算移动距离
    // 假设按下时不能上拉和下拉。 会在手指移动时更新为当前手指的Y值
    private float startY;


    // 用于记录正常的布局位置
    private Rect originalRect = new Rect();


    // 手指按下时记录能否够继续下拉
    private boolean canPullDown = false;


    // 手指按下时记录能否够继续上拉
    private boolean canPullUp = false;


    // 在手指滑动的过程中记录是否移动了布局
    private boolean isMoved = false;


    public UserDefineScrollView(Context context) {
    super(context);
    }


    public UserDefineScrollView(Context context, AttributeSet attrs) {
    super(context, attrs);
    }


    @Override
    protected void onFinishInflate() {
    if (getChildCount() > 0) {
    contentView = getChildAt(0);
    }
    }


    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
    super.onLayout(changed, l, t, r, b);


    if (contentView == null)
    return;


    // ScrollView中的唯一子控件的位置信息, 这个位置信息在整个控件的生命周期中保持不变
    originalRect.set(contentView.getLeft(), contentView.getTop(), contentView.getRight(), contentView.getBottom());
    }


    /**
    * 在触摸事件中, 处理上拉和下拉的逻辑
    */
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {


    if (contentView == null) {
    return super.dispatchTouchEvent(ev);
    }


    // 手指是否移动到了当前ScrollView控件之外
    boolean isTouchOutOfScrollView = ev.getY() >= this.getHeight() || ev.getY() <= 0;


    if (isTouchOutOfScrollView) { // 假设移动到了当前ScrollView控件之外
    if (isMoved) // 假设当前contentView已经被移动, 首先把布局移到原位置, 然后消费点这个事件
    boundBack();
    return true;
    }


    int action = ev.getAction();


    switch (action) {
    case MotionEvent.ACTION_DOWN:


    // 推断能否够上拉和下拉
    canPullDown = isCanPullDown();
    canPullUp = isCanPullUp();


    // 记录按下时的Y值
    startY = ev.getY();


    break;


    case MotionEvent.ACTION_UP:


    boundBack();


    break;
    case MotionEvent.ACTION_MOVE:


    // 在移动的过程中, 既没有滚动到能够上拉的程度。 也没有滚动到能够下拉的程度
    if (!canPullDown && !canPullUp) {
    startY = ev.getY();
    canPullDown = isCanPullDown();
    canPullUp = isCanPullUp();


    break;
    }


    // 计算手指移动的距离
    float nowY = ev.getY();
    int deltaY = (int) (nowY - startY);


    // 是否应该移动布局
    boolean shouldMove = (canPullDown && deltaY > 0) // 能够下拉, 而且手指向下移动
    || (canPullUp && deltaY < 0) // 能够上拉。 而且手指向上移动
    || (canPullUp && canPullDown); // 既能够上拉也能够下拉(这样的情况出如今ScrollView包裹的控件比ScrollView还小)


    if (shouldMove) {
    // 计算偏移量
    int offset = (int) (deltaY * MOVE_FACTOR);


    // 随着手指的移动而移动布局
    contentView.layout(originalRect.left, originalRect.top + offset, originalRect.right, originalRect.bottom + offset);


    isMoved = true; // 记录移动了布局
    }


    break;
    default:
    break;
    }


    return super.dispatchTouchEvent(ev);
    }


    /**
    * 将内容布局移动到原位置 能够在UP事件中调用, 也能够在其它须要的地方调用, 如手指移动到当前ScrollView外时
    */
    private void boundBack() {
    if (!isMoved)
    return; // 假设没有移动布局, 则跳过运行


    // 开启动画
    TranslateAnimation anim = new TranslateAnimation(0, 0, contentView.getTop(), originalRect.top);
    anim.setDuration(ANIM_TIME);


    contentView.startAnimation(anim);


    // 设置回到正常的布局位置
    contentView.layout(originalRect.left, originalRect.top, originalRect.right, originalRect.bottom);


    // 将标志位设回false
    canPullDown = false;
    canPullUp = false;
    isMoved = false;
    }


    /**
    * 推断是否滚动到顶部
    */
    private boolean isCanPullDown() {
    return getScrollY() == 0 || contentView.getHeight() < getHeight() + getScrollY();
    }


    /**
    * 推断是否滚动究竟部
    */
    private boolean isCanPullUp() {
    return contentView.getHeight() <= getHeight() + getScrollY();
    }


    }


    然后就是你在布局文件里引用你的自己定义scrollView。须要注意的是,使用自己定义的scrollView须要带上你的所有包名

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity" >

    <!-注意这里的使用所有的包名-->
        <com.pb.soft.widget.UserDefineScrollView
            android:id="@+id/set_scrollview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fadingEdge="none"
            android:focusable="false"
            android:overScrollMode="never"
            android:scrollbars="none" >


            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="10dp"
                android:background="@drawable/bg_input_background"
                android:orientation="vertical" >


                <RelativeLayout
                    android:id="@+id/relativelayout_01"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >


                    <TextView
                        android:id="@+id/personinfo_head_name"
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试1"
                        android:textSize="16sp" />


                    <ImageView
                        android:id="@+id/rel_set_personinfromation_arrow"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>


                <ImageView
                    android:id="@+id/line0"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/list_divide_line"
                    android:contentDescription="@null" />


                <RelativeLayout
                    android:id="@+id/relativelayout_02"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >


                    <TextView
                        android:id="@+id/textview01"
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试2"
                        android:textSize="16sp" />


                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>


                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/list_divide_line"
                    android:contentDescription="@null" />


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >


                    <TextView
                        android:id="@+id/textview02"
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试3"
                        android:textSize="16sp" />


                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>


                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/list_divide_line"
                    android:contentDescription="@null" />


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试4"
                        android:textSize="16sp" />


                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>


                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/list_divide_line"
                    android:contentDescription="@null" />


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="50dp" >


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="40dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试5"
                        android:textSize="16sp" />


                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>


                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/list_divide_line"
                    android:contentDescription="@null" />


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="50dp" >


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="40dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试6"
                        android:textSize="16sp" />


                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>


                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/list_divide_line"
                    android:contentDescription="@null" />


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="50dp" >


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="40dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试7"
                        android:textSize="16sp" />


                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>


                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/list_divide_line"
                    android:contentDescription="@null" />


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="50dp" >


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="40dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试8"
                        android:textSize="16sp" />


                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>


                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/list_divide_line"
                    android:contentDescription="@null" />


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="50dp" >


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="40dp"
                        android:layout_marginLeft="15dp"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:includeFontPadding="false"
                        android:singleLine="true"
                        android:text="单元測试9"
                        android:textSize="16sp" />


                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="10dp"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_set_arrow" />
                </RelativeLayout>
            </LinearLayout>
        </com.pb.soft.widget.UserDefineScrollView>


    </RelativeLayout>

    然后在MainActivity中调用


    package com.soft.userdefinescrollview;
    import android.app.Activity;
    import android.os.Bundle;
    public class MainActivity extends Activity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    }
    }


    执行后的效果图



    本人在这里还做了一个Demo。须要下载的朋友能够去下载,这里提供一个下载链接http://download.csdn.net/detail/shaozucheng/7752629

  • 相关阅读:
    char与byte的区别
    java 中的枚举类型
    * .mesh 体网格文件解析
    java 中的equals hashCode
    java 中的 hashCode()
    java 中的判断两个对象是否相等的比较严格的操作
    java 中的访问限制
    数学建模 投资模型
    java abstract
    java 中的多态 & 动态绑定
  • 原文地址:https://www.cnblogs.com/yangykaifa/p/7072425.html
Copyright © 2020-2023  润新知