android ScrollView怎么实现水平滑动回弹
短信预约 -IT技能 免费直播动态提醒
这篇文章主要介绍“android ScrollView怎么实现水平滑动回弹”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“android ScrollView怎么实现水平滑动回弹”文章能帮助大家解决问题。
效果图:
主要代码:
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.HorizontalScrollView; public class MHorizontalScrollView extends HorizontalScrollView { private View view; private static final int deltaX = 1; private Rect normalRt = new Rect(); public MHorizontalScrollView(Context context) { super(context); } public MHorizontalScrollView(Context context, AttributeSet attrs) { super(context, attrs); } protected void onFinishInflate() { if (getChildCount() > 0) { view = getChildAt(0); } } @Override public boolean onTouchEvent(MotionEvent event) { if (view != null) { onTouchEventImpl(event); } return super.onTouchEvent(event); } private void onTouchEventImpl(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_MOVE: // 在当前视图内容继续偏移(x , y)个单位,显示(可视)区域也跟着偏移(x,y)个单位 scrollBy(deltaX, 0); // 当滚动到最左或最右时就不会再滚动,这时移动布局达到回弹效果 if (isLayoutMove()) { if (normalRt.isEmpty()) { // 保存当前正常的布局位置,拉过头才能回弹到正常位置 normalRt.set(view.getLeft(), view.getTop(), view.getRight(), view.getBottom()); } // 移动布局 view.layout(view.getLeft() - deltaX, view.getTop(), view.getRight() - deltaX, view.getBottom()); } break; case MotionEvent.ACTION_UP: if (isNeedAnimation()) { animationImpl(); } break; default: break; } } private void animationImpl() { // 移动动画 TranslateAnimation ta = new TranslateAnimation(view.getLeft(), normalRt.left, 0, 0); // 动画持续时间 ta.setDuration(50); view.startAnimation(ta); // 设置回到当前正常的布局位置 view.layout(normalRt.left, normalRt.top, normalRt.right, normalRt.bottom); normalRt.setEmpty(); } private boolean isNeedAnimation() { return !normalRt.isEmpty(); } private boolean isLayoutMove() { int offset = view.getMeasuredWidth() - getWidth(); if (offset <= 0) { return false; } // 上面已固定deltaX=1,scrollX永远等于1所以向右拉不动 // 但当向左拉动到内容布局的最右端时scrollX == offset时还可以继续拉动 int scrollX = getScrollX(); if (scrollX == 0 || scrollX == offset) { return true; } return false; } }
在xml布局文件里直接使用:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:background="@drawable/background" > <cn.qhg.MHorizontalScrollView android:layout_width="fill_parent" android:layout_height="fill_parent" android:scrollbars="none" > <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" android:paddingTop="100dp" android:id="@+id/ll_test" android:onClick="test" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/house_1" android:layout_marginRight="40dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/house_4" android:layout_marginRight="40dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/house_2" android:layout_marginRight="40dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/house_3" android:layout_marginRight="40dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/house_1" android:layout_marginRight="40dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/house_4" android:layout_marginRight="40dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/house_2" android:layout_marginRight="40dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/house_3" android:layout_marginRight="40dp" /> <!-- 使右边多空一点 --> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="20dp" /> </LinearLayout> </cn.qhg.MHorizontalScrollView> </LinearLayout>
关于“android ScrollView怎么实现水平滑动回弹”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网行业资讯频道,小编每天都会为大家更新不同的知识点。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341