android的ScrollView控件默认是没有反弹效果的,当滑动到边缘的时候便不能继续滑动。这里通过自定义ScrollView来实现反弹效果。看下面的效果图,红色图片在最左边,android默认ScrollView控件红色图片在最左边的时候是不能向右滚动的。
这里是水平滚动,我们可以通过自定义类继承自HorizontalScrollView类来实现。
- publicclassMyScrollViewextendsHorizontalScrollView{
- privateViewinner;
- privatefloatx;
- privateRectnormal=newRect();
- @Override
- protectedvoidonFinishInflate(){
- if(getChildCount()>0){
- inner=getChildAt(0);
- }
- System.out.println("getChildCount():"+getChildCount());
- }
- publicMyScrollView(Contextcontext,AttributeSetattrs){
- super(context,attrs);
- }
- @Override
- publicbooleanonTouchEvent(MotionEventev){
- if(inner==null){
- returnsuper.onTouchEvent(ev);
- }else{
- commOnTouchEvent(ev);
- }
- returnsuper.onTouchEvent(ev);
- }
- publicvoidcommOnTouchEvent(MotionEventev){
- intaction=ev.getAction();
- switch(action){
- caseMotionEvent.ACTION_DOWN:
- x=ev.getX();
- break;
- caseMotionEvent.ACTION_UP:
- if(isNeedAnimation()){
- animation();
- }
- break;
- caseMotionEvent.ACTION_MOVE:
- finalfloatpreX=x;
- floatnowX=ev.getX();
- intdeltaX=(int)(preX-nowX);
- //滚动
- scrollBy(0,deltaX);
- x=nowX;
- //当滚动到最左或者最右时就不会再滚动,这时移动布局
- if(isNeedMove()){
- if(normal.isEmpty()){
- //保存正常的布局位置
- normal.set(inner.getLeft(),inner.getTop(),inner.getRight(),inner.getBottom());
- }
- //移动布局
- inner.layout(inner.getLeft()-deltaX/2,inner.getTop(),inner.getRight()-deltaX/2,inner.getBottom());
- }
- break;
- default:
- break;
- }
- }
- //开启动画移动
- publicvoidanimation(){
- //开启移动动画
- TranslateAnimationta=newTranslateAnimation(0,0,inner.getTop(),normal.top);
- ta.setDuration(200);
- inner.startAnimation(ta);
- //设置回到正常的布局位置
- inner.layout(normal.left,normal.top,normal.right,normal.bottom);
- normal.setEmpty();
- }
- //是否需要开启动画
- publicbooleanisNeedAnimation(){
- return!normal.isEmpty();
- }
- //是否需要移动布局
- publicbooleanisNeedMove(){
- intoffset=inner.getMeasuredWidth()-getWidth();
- intscrollX=getScrollX();
- if(scrollX==0||scrollX==offset){
- returntrue;
- }
- returnfalse;
- }
- }
本文介绍如何通过自定义Android的ScrollView实现水平方向的反弹效果。文章提供了一个名为MyScrollView的自定义视图类,该类继承自HorizontalScrollView,并通过触摸事件实现边缘反弹的动画效果。
278

被折叠的 条评论
为什么被折叠?



