HorizontalScrollView实现多页左右滑动

本文介绍了一个自定义的PageView类,继承自HorizontalScrollView,实现了多页左右滑动的效果。通过添加和移除页面,以及重写onTouchEvent方法来处理滑动事件,实现了平滑滚动和页面切换的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先上图看看效果:

\

上代码:

PageView是封装后的一个类,继承了HZ喎�"http://www.2cto.com/kf/ware/vc/"

target="_blank" class="keylink">vcml6b250YWxTY3JvbGxWaWV3oaM8YnI+CjwvcD4KPHA+PHByZSBjbGFzcz0="brush:java;">package com.example.testandrid;import android.content.Context;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.view.MotionEvent;import android.view.View;import android.widget.HorizontalScrollView;import android.widget.LinearLayout;public class PageView extends HorizontalScrollView {private int mBaseScrollX;//滑动基线。也就是点击并滑动之前的x值,以此值计算相对滑动距离。private int mScreenWidth;private int mScreenHeight;private LinearLayout mContainer;private boolean flag;private int mPageCount;//页面数量public PageView(Context context, AttributeSet attrs) {super(context, attrs);DisplayMetrics dm = context.getApplicationContext().getResources().getDisplayMetrics();mScreenWidth = dm.widthPixels;mScreenHeight = dm.heightPixels;}/** * 添加一个页面到最后。 * @param page */public void addPage(View page) {addPage(page, -1);}/** * 添加一个页面。 * @param page */public void addPage(View page, int index) {if(!flag) {mContainer = (LinearLayout) getChildAt(0);flag = true;}LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(mScreenWidth, mScreenHeight);if(index == -1) {mContainer.addView(page, params);} else {mContainer.addView(page, index, params);}mPageCount++;}/** * 移除一个页面。 * @param index */public void removePage(int index) {if(mPageCount < 1) {return;}if(index<0 || index>mPageCount-1) {return;}mContainer.removeViewAt(index);mPageCount--;}/** * 获取页面数量 * @return */public int getPageCount() {return mPageCount;}/** * 获取相对滑动位置。由右向左滑动,返回正值;由左向右滑动,返回负值。 * @return */private int getBaseScrollX() {return getScrollX() - mBaseScrollX;}/** * 使相对于基线移动x距离。 * @param x x为正值时右移;为负值时左移。 */private void baseSmoothScrollTo(int x) {smoothScrollTo(x + mBaseScrollX, 0);}@Overridepublic boolean onTouchEvent(MotionEvent ev) {int action = ev.getAction();switch (action) {case MotionEvent.ACTION_UP:int scrollX = getBaseScrollX();//左滑,大于一半,移到下一页if (scrollX > mScreenWidth/2) {baseSmoothScrollTo(mScreenWidth);mBaseScrollX += mScreenWidth;} //左滑,不到一半,返回原位else if (scrollX > 0) {baseSmoothScrollTo(0);} //右滑,不到一半,返回原位else if(scrollX > -mScreenWidth/2) {baseSmoothScrollTo(0);} //右滑,大于一半,移到下一页else {baseSmoothScrollTo(-mScreenWidth);mBaseScrollX -= mScreenWidth;}return true;}return super.onTouchEvent(ev);}}
接下来是布局,fragment_main.xml:

?
1
2
3
4
5
6
7
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值