这篇文章主要为大家详细介绍了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数据恢复软件:PhoneRescue for Mac 2023-09-14
- 详解flutter engine 那些没被释放的东西 2022-12-04
- Android MaterialButton使用实例详解(告别shape、selector) 2023-06-16
- 作为iOS开发,这道面试题你能答出来,说明你基础很OK! 2023-09-14
- SurfaceView播放视频发送弹幕并实现滚动歌词 2023-01-02
- Android实现轮询的三种方式 2023-02-17
- Flutter实现底部和顶部导航栏 2022-08-31
- Android studio实现动态背景页面 2023-05-23
- iOS 对当前webView进行截屏的方法 2023-03-01
- Android实现监听音量的变化 2023-03-30
