首页 > 系统 > Android > 正文

Android ScrollView实现反弹效果的实例

2019-12-12 02:25:23
字体:
来源:转载
供稿:网友

 Android ScrollView实现反弹效果

自定义ScrollView控件:

/**  * ScrollView反弹效果的实现  */ public class BounceScrollView extends ScrollView {   private View inner;// 孩子View    private float y;// 点击时y坐标    private Rect normal = new Rect();// 矩形(这里只是个形式,只是用于判断是否需要动画.)    private boolean isCount = false;// 是否开始计算    public BounceScrollView(Context context, AttributeSet attrs) {     super(context, attrs);   }    /***    * 根据 XML 生成视图工作完成.该函数在生成视图的最后调用,在所有子视图添加完之后. 即使子类覆盖了 onFinishInflate    * 方法,也应该调用父类的方法,使该方法得以执行.    */   @Override   protected void onFinishInflate() {     if (getChildCount() > 0) {       inner = getChildAt(0);     }   }    /***    * 监听touch    */   @Override   public boolean onTouchEvent(MotionEvent ev) {     if (inner != null) {       commOnTouchEvent(ev);     }      return super.onTouchEvent(ev);   }    /***    * 触摸事件    *    * @param ev    */   public void commOnTouchEvent(MotionEvent ev) {     int action = ev.getAction();     switch (action) {     case MotionEvent.ACTION_DOWN:       break;     case MotionEvent.ACTION_UP:       // 手指松开.       if (isNeedAnimation()) {         animation();         isCount = false;       }       break;     /***      * 排除出第一次移动计算,因为第一次无法得知y坐标, 在MotionEvent.ACTION_DOWN中获取不到,      * 因为此时是MyScrollView的touch事件传递到到了LIstView的孩子item上面.所以从第二次计算开始.      * 然而我们也要进行初始化,就是第一次移动的时候让滑动距离归0. 之后记录准确了就正常执行.      */     case MotionEvent.ACTION_MOVE:       final float preY = y;// 按下时的y坐标       float nowY = ev.getY();// 时时y坐标       int deltaY = (int) (preY - nowY);// 滑动距离       if (!isCount) {         deltaY = 0; // 在这里要归0.       }        y = nowY;       // 当滚动到最上或者最下时就不会再滚动,这时移动布局       if (isNeedMove()) {         // 初始化头部矩形         if (normal.isEmpty()) {           // 保存正常的布局位置           normal.set(inner.getLeft(), inner.getTop(),               inner.getRight(), inner.getBottom());         }         Log.e("jj", "矩形:" + inner.getLeft() + "," + inner.getTop()             + "," + inner.getRight() + "," + inner.getBottom());         // 移动布局         inner.layout(inner.getLeft(), inner.getTop() - deltaY / 2,             inner.getRight(), inner.getBottom() - deltaY / 2);       }       isCount = true;       break;      default:       break;     }   }    /***    * 回缩动画    */   public void animation() {     // 开启移动动画     TranslateAnimation ta = new TranslateAnimation(0, 0, inner.getTop(),         normal.top);     ta.setDuration(200);     inner.startAnimation(ta);     // 设置回到正常的布局位置     inner.layout(normal.left, normal.top, normal.right, normal.bottom);      Log.e("jj", "回归:" + normal.left + "," + normal.top + "," + normal.right         + "," + normal.bottom);      normal.setEmpty();    }    // 是否需要开启动画   public boolean isNeedAnimation() {     return !normal.isEmpty();   }    /***    * 是否需要移动布局 inner.getMeasuredHeight():获取的是控件的总高度    *    * getHeight():获取的是屏幕的高度    *    * @return    */   public boolean isNeedMove() {     int offset = inner.getMeasuredHeight() - getHeight();     int scrollY = getScrollY();     Log.e("jj", "scrolly=" + scrollY);     // 0是顶部,后面那个是底部     if (scrollY == 0 || scrollY == offset) {       return true;     }     return false;   }  } 

实现反弹效果:

<com.techrare.view.BounceScrollView     android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:background="@color/tab_chart_bg"     android:scrollbars="none" >      <LinearLayout       android:layout_width="fill_parent"       android:layout_height="match_parent"       android:gravity="center_horizontal"       android:orientation="vertical"       android:paddingLeft="20dp"       android:paddingRight="20dp" > <span style="white-space:pre">   </span><!-- 这里可以尽情的布局 -->     </LinearLayout> </com.techrare.view.BounceScrollView> 

以上就是 Android ScrollView实现反弹效果的实例的讲解,本站关于Android开发的文章还有很多,欢迎大家搜索查阅,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表