android viewpager 滑动分页以及禁止划屏 （模拟新浪）

最新推荐文章于 2023-11-29 10:10:19 发布
原创 最新推荐文章于 2023-11-29 10:10:19 发布 · 9.4k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了一种模拟新浪微博中ViewPager分页效果的方法。通过使用LinearLayout和TextView来模拟顶部导航栏，利用ViewPager实现平滑的页面切换，并通过自定义监听器实现页面之间的过渡逻辑。此外，还展示了如何通过代码实现禁止滑动至首尾页面。

    在第一篇中，我介绍了ViewPager的应用以及禁用滑向下一页.

    这一篇将之加工一下，模拟实现新浪里面的功能,vierpager 分页.

    在新浪微博消息一栏中是这样的（注意看title）：

                

   

上部分页栏可以用gridview来实现，不过为了省事在这就用textview代替了.

 贴出代码：

/***
 * ViewPager
 * 
 * @author zhangjia
 * 
 */
public class MainActivity extends ActivityGroup implements OnClickListener {
	private LinearLayout layout;// title
	private ViewPager pager;
	private ArrayList<View> pageViews;
	private LinearLayout layout2;
	private ArrayList<ImageView> imageViews;
	private LinearLayout linearLayout;
	private String title[] = { "one", "two", "three" };
	private TextView textView;
	private ArrayList<View> arrayList;// 用于装载view
	private final int linerlayout_height = 80;

	/***
	 * init title and pageview
	 */
	void Init() {
		arrayList = new ArrayList<View>();
		// 获取屏幕宽度
		int width = getWindowManager().getDefaultDisplay().getWidth()
				/ title.length;
		for (int i = 0; i < title.length; i++) {
			textView = new TextView(this);
			textView.setText(title[i]);
			textView.setWidth(width);
			textView.setHeight(linerlayout_height - 10);
			textView.setTextSize(20);
			textView.setTextColor(color.black);
			textView.setGravity(Gravity.CENTER);
			textView.setId(i);
			textView.setPadding(5, 5, 5, 5);
			textView.setOnClickListener(this);
			linearLayout.addView(textView);
			arrayList.add(textView);
		}

		pageViews = new ArrayList<View>();
		View view00 = getLocalActivityManager().startActivity("activity01",
				new Intent(this, NullActivity.class)).getDecorView();
		View view01 = getLocalActivityManager().startActivity("activity01",
				new Intent(this, MainActivity1.class)).getDecorView();
		View view02 = getLocalActivityManager().startActivity("activity02",
				new Intent(this, MainActivity2.class)).getDecorView();
		View view03 = getLocalActivityManager().startActivity("activity02",
				new Intent(this, MainActivity3.class)).getDecorView();
		View view04 = getLocalActivityManager().startActivity("activity01",
				new Intent(this, NullActivity.class)).getDecorView();
		pageViews.add(view00);
		pageViews.add(view01);
		pageViews.add(view02);
		pageViews.add(view03);
		pageViews.add(view04);
	}

	void Init_Point() {
		imageViews = new ArrayList<ImageView>();
		ImageView imageView;
		for (int i = 0; i < pageViews.size(); i++) {
			imageView = new ImageView(this);
			imageView.setLayoutParams(new LayoutParams(5, 5));
			imageView.setBackgroundResource(R.drawable.d1);
			LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
					new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT,
							LayoutParams.WRAP_CONTENT));
			layoutParams.leftMargin = 20;
			layoutParams.rightMargin = 20;
			layout2.addView(imageView, layoutParams);
			// 第一个和最后一个让她消失
			if (i == 0 || i == pageViews.size() - 1) {
				imageView.setVisibility(View.GONE);
			}
			if (i == 1) {
				imageView.setBackgroundResource(R.drawable.d2);
			}
			imageViews.add(imageView);

		}
	}

	public void draw_Point(int index) {
		for (int i = 1; i < imageViews.size(); i++) {

			if (index == i) {
				imageViews.get(i).setBackgroundResource(R.drawable.d2);
			} else
				imageViews.get(i).setBackgroundResource(R.drawable.d1);

		}

	}

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setTitle("jjhappyforever...");
		setContentView(R.layout.main);
		pager = (ViewPager) findViewById(R.id.vp_contains);
		layout2 = (LinearLayout) findViewById(R.id.iv_image);
		linearLayout = (LinearLayout) findViewById(R.id.mian);
		// 创建linerlayout的大小
		LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
				new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT,
						LayoutParams.FILL_PARENT));
		layoutParams.height = linerlayout_height;
		linearLayout.setLayoutParams(layoutParams);

		Init();
		Init_Point();
		pager.setAdapter(new myPagerView());

		arrayList.get(0).setBackgroundResource(
				R.drawable.renren_sdk_pay_repair_btn_down);
		pager.setCurrentItem(1);

		pager.setOnPageChangeListener(new OnPageChangeListener() {
			@Override
			public void onPageSelected(int arg0) {
				draw_Point(arg0);// 描绘分页点，一定要写在这里.

				// Toast.makeText(MainActivity.this, ""+arg0, 1000).show();
				// 如果是第一屏或者是最后一屏禁止滑动，其实这里实现的是如果滑动的是第一屏则跳转至第二屏，如果是最后一屏则跳转到倒数第二屏.
				if (arg0 == imageViews.size() - 1 || arg0 == 0) {
					if (arg0 == 0) {
						pager.setCurrentItem(arg0 + 1);// 第二屏 会再次实现该回调方法实现跳转.
						imageViews.get(1).setBackgroundResource(R.drawable.d2);
					} else {
						pager.setCurrentItem(arg0 - 1);// 倒数第二屏
						imageViews.get(arg0 - 1).setBackgroundResource(
								R.drawable.d2);
					}
				} else {
					//一定要卸载else里面，viewpager挺变态的，写在外面，（在你在最左边往左拉的时候会执行两次，最右边也是.）
					setBackgroud(arg0 - 1);
					Toast.makeText(MainActivity.this, "" + arg0, 1000).show();
				}
			}

			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2) {

			}

			@Override
			public void onPageScrollStateChanged(int arg0) {

			}
		});
	}
    /***
     * 对title 选项卡处理
     * @param index
     */
	public void setBackgroud(int index) {
		for (int i = 0; i < arrayList.size(); i++) {
			
			arrayList.get(i).setBackgroundDrawable(new BitmapDrawable());

			if (i == index)
				arrayList.get(index).setBackgroundResource(
						R.drawable.renren_sdk_pay_repair_btn_down);
		}

	}
    /***
     * viewpager 的数据源
     * @author zhangjia
     *
     */
	class myPagerView extends PagerAdapter {
		// 显示数目
		@Override
		public int getCount() {
			return pageViews.size();
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0 == arg1;
		}

		@Override
		public int getItemPosition(Object object) {
			// TODO Auto-generated method stub
			return super.getItemPosition(object);
		}

		@Override
		public void destroyItem(View arg0, int arg1, Object arg2) {
			// TODO Auto-generated method stub
			((ViewPager) arg0).removeView(pageViews.get(arg1));
		}

		/***
		 * 获取每一个item， 类于listview中的getview
		 */
		@Override
		public Object instantiateItem(View arg0, int arg1) {
			((ViewPager) arg0).addView(pageViews.get(arg1));
			return pageViews.get(arg1);
		}

	}
    /***
     * 点击事件
     */
	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case 0:
			setBackgroud(0);
			pager.setCurrentItem(1);
			break;
		case 1:
			setBackgroud(1);
			pager.setCurrentItem(2);
			break;
		case 2:
			setBackgroud(2);
			pager.setCurrentItem(3);
			break;

		default:
			break;
		}
	}
}
上面就是所有的代码，其实看起来有点小多，不过都挺容易理解的.还有就是前面我写过一片关于viewpager的介绍，这里也就不过多讲解了.详细请下载源码看吧.

样本示例：

                     

            第一屏左垃                                          第一屏                                               滑向第二屏

                      

            第二屏                                                  第三屏                                           第三屏右拉（会缩回）

     

     源码下载




   

Android——禁止ViewPager的左右滑动功能实现
ByteJolt的博客
08-16 2462
在Android开发中，ViewPager是一种常用的滑动控件，用于实现页面的左右切换效果。然而，在某些场景中，我们可能需要禁止ViewPager的左右滑动功能，只允许通过其他方式进行页面切换。本文将介绍如何在Android中实现禁止ViewPager左右滑动的功能，并提供相应的源代码示例。以上是本文关于在Android中禁止ViewPager左右滑动功能的介绍，希望能够对你的开发工作有所启发。要实现禁止ViewPager左右滑动的功能，我们可以通过创建一个自定义的ViewPager子类来完成。
Android ViewPager左右滑动翻页含导航
02-03
Android ViewPager左右滑动翻页。 适用于，第一次安装应用时的新手指导，及图片推荐浏览等。
ViewPager实现滑动滚动条
阿尔卑斯的春天oO 的博客
07-04 2859
一、前言 在日常开发中， 几乎每一个项目都会使用到ViewPager这样的分页滚动控件。 但如果是用来Tab框架提示。 我也查看过很多这方面的博客， 发现关于计算这个提示线的代码都太复杂且代码很多， 很多不需要的代码。 这篇博客主要就是想要简化大部分代码来让学 习者们更加的掌握住这方面的知识。 那么就需要一个较为友好的界面提示。  首先看一下我们的预览界面： [插入]
android 事件拦截 (Viewpager不可以左右滑动)
weixin_30602505的博客
09-29 215
以前没有做过真正的需求，所以从来没有觉得事件拦截分发处理有什么好懂的。 现在做需求了，真的是什么需求都有，你作为开发都要去研究实现。比如说，只能点不能滑动的viewpager。其实这都可以不用viewpager了。直接用fragment的replace掉就行了。那我想要不可以滑动的viewpager怎么办。 很简单，在处理事件的时候，r...
Flutter 自定义ScrollPhysics实现PageView禁止左滑或右滑
xhuww的博客
06-30 4108
参考ClampingScrollPhysics后，自定义ScrollPhysics实现PageView禁止左滑或者右滑。
Android ViewPager滑动切换与动画实现详解
在Android编程中，实现多页面的滑动切换及动画效果是一项常见的任务，特别是在构建具有分页功能的应用时。本文将详细介绍如何利用Google SDK中的ViewPager控件来达到这一目的。ViewPager是Android内置的控件，位于...
实现ViewPager局部滑动与ScrollView弹性加载效果
- 局部滑动指引（Partial ViewScroll Indication）是指在ViewPager滑动过程中只有一部分视图滚动，而其他部分保持不动的效果。 - 这种效果常见于像新浪掌中新闻这样的应用，当用户左右滑动浏览新闻标题或图片时，...
仿新浪微博界面设计与实现参考
本文围绕“仿新浪微博界面”这一主题展开，详细分析其背后的设计理念、技术实现以及相关应用场景。 ### 一、微博平台概述 微博，全称为“新浪微博”，是由新浪公司推出的社交媒体平台，用户可以通过该平台发布短...
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
Android 自定义ViewPager 禁止滑动
weixin_51522235的博客
12-05 1524
Android 自定义ViewPager 禁止滑动
ViewPager 动态设置滑动限制
09-16
（由于第一次上传的资源文件，代码被加密了，因此重新上传一份未加密的）整个实现用的是TabPageIndicator + ViewPager ，现在的要求是上面的TabPageIndicator 和 下面的 ViewPager 都要能根据相应的数据做到TabPageIndicator限制是否可以点击（只限制点击，要保持能滑动）以及ViewPager是否可以滑动。
ViewPager一屏多页面显示两侧无触摸/滑动事件
我想月薪过万的博客
08-08 1308
传统解决方法 关于ViewPager显示两边的item方法，我们以前使用的方法是 在ViewPager外包一个Layout， 然后设置ViewPager和外面的Layout的clipChildren="false"。 ViewPager再设置layout_marginLeft,layout_marginRIght，以留出空间来显示两边的item. <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=
安卓项目实战之ViewPager+RecycleView实现首页分页的导航菜单
智玲君
10-16 7479
效果图 用过美团和饿了么的app的童鞋应该清楚这一功能。首页菜单可以分页切换，类似我们的banner广告切换效果，只不过只能手动切换。所以整个分页效果，我们可以采用Viewpager实现，里面的菜单项我们则可以采用RecyclerView实现，动态改变里面的菜单项，所以今天我们这个首页分页菜单效果，可以决定采用ViewPager+RecyclerView实现，效果如下： 转载自:https://...
android viewpager 禁止滑动
最新发布
我怀里的猫的博客
11-29 4542
本文介绍了本人有一个相关的需求需要实现这一功能，在过程中发现自己之前没做过，然后记录下实现这一功能的过程及相关的小知识点。然后把，就不出意外的出意外了，测试反馈说我一点一点的滑动，还是可以话，我试了下确实是这样，但是日志又打印的确实是true，表示确实把事件已经拦截了，我一下子脑子卡主了，想了好一会才反应过来。顺便带大家复习一下setOnTouchListener和onTouchEvent的区别。职责不同：onTouchEvent是View类中的一个方法，用于处理由View对象接收到的触摸事件。
Flutter中的pageViewr如何禁止左右滑动
倚栏静望的博客
12-23 5935
flutter中PageView 默认是可以左右滑动的，如果想禁止滑动修改physics的参数为NeverScrollableScrollPhysics(),即可 PageView( controller: state.pageController, physics: const NeverScrollableScrollPhysics(), children: state.
ViewPager（一屏多页、无限滑动、自动切换）
u013619657的专栏
08-30 3738
【原创】转载请加原文链接：http://blog.csdn.net/u013619657/article/details/52370663
viewpager禁止左右滑动
xiyangyang8110的博客
07-13 3071
禁止滑动
ViewPager + TextView 小说阅读器分页
weixin_52284893的博客
06-10 985
简易版小说阅读器分页实现
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值