HorizontalScrollView实现多页左右滑动

先上图看看效果:

\

上代码:

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
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Android开发中,我们可以使用HorizontalScrollView实现图片左右滚动的功能。HorizontalScrollView是一个可以水平滚动的视图容器,可以包含任意数量的子视图,在用户滑动时自动滚动。 首先,在布局文件中使用HorizontalScrollView作为容器,设置其宽度和高度适配图片的尺寸,例如: ``` <HorizontalScrollView android:layout_width="match_parent" android:layout_height="200dp"> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent"> <!--在这里添加需要滚动的图片--> </LinearLayout> </HorizontalScrollView> ``` 然后,在代码中动态地添加图片到LinearLayout中: ```java LinearLayout linearLayout = findViewById(R.id.linear_layout); for (int i = 0; i < imageNameList.size(); i++) { ImageView imageView = new ImageView(this); imageView.setImageResource(imageNameList.get(i)); linearLayout.addView(imageView); } ``` 其中,`imageNameList`是一个包含图片资源ID的列表,可以根据自己的需求进行设置。 滚动效果的实现是通过监听用户的手势来实现的,可以使用`OnTouchListener`接口来监听HorizontalScrollView滑动事件: ```java horizontalScrollView.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { int action = event.getAction(); switch (action) { case MotionEvent.ACTION_DOWN: // 手指按下时的操作 break; case MotionEvent.ACTION_MOVE: // 手指滑动时的操作 break; case MotionEvent.ACTION_UP: // 手指抬起时的操作 break; } return false; } }); ``` 在滑动事件中,可以通过调用HorizontalScrollView的`scrollTo()`方法来实现滚动的效果: ```java int scrollX = horizontalScrollView.getScrollX(); // 获取滚动的距离 int scrollTo = scrollX + distance; // 根据手指滑动的距离计算要滚动到的位置 horizontalScrollView.scrollTo(scrollTo, 0); // 进行滚动 ``` 其中,`distance`是根据手指滑动的速度和方向计算出来的滑动距离。 这样,就可以通过使用HorizontalScrollView实现图片的左右滚动了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值