这篇文章主要为大家详细介绍了androidScrollView实现水平滑动回弹,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了android ScrollView实现水平滑动回弹的具体代码,供大家参考,具体内容如下
在研究了View的一些属性之后做了个Scroll的水平滑动回弹。
效果图:

主要代码:
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;
/**
* ScrollView水平滑动回弹
*
* @author qhg
* @date 2014年3月12日
*
*/
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);
}
/**
* 在xml布局执行完后执行此方法
*/
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();
}
/**
* 是否需要开启动画
*
* @return
*/
private boolean isNeedAnimation() {
return !normalRt.isEmpty();
}
/**
* 是否需要移动布局
*
* @return
*/
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实现水平滑动回弹
基础教程推荐
猜你喜欢
- IOS应用内跳转系统设置相关界面的方法 2022-11-20
- iOS开发教程之XLForm的基本使用方法 2023-05-01
- Android中的webview监听每次URL变化实例 2023-01-23
- android studio按钮监听的5种方法实例详解 2023-01-12
- Flutter手势密码的实现示例(附demo) 2023-04-11
- Flutter绘图组件之CustomPaint使用详解 2023-05-12
- Android多返回栈技术 2023-04-15
- 解决Android Studio突然不显示logcat日志的问题 2023-02-04
- Android开发使用RecyclerView添加点击事件实例详解 2023-06-15
- IOS 播放系统提示音使用总结(AudioToolbox) 2023-03-01
