ViewPager的使用及获取子view控件的操作（inflate）

最新推荐文章于 2021-05-27 19:16:37 发布
最新推荐文章于 2021-05-27 19:16:37 发布
阅读量9.6k 收藏 9
点赞数 5
分类专栏： Android 控件、功能实例 Android常用关键字、方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phenixyf/article/details/51427097
版权

Step 1: 布局文件中添加viewpager和切换页面button

<span style="font-size:18px;"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.phenix.iot_v1_tab.MainActivity" >    
    
    <android.support.v4.view.ViewPager
        android:id="@+id/viewPagerId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         /> 	
    
    <!--  -->
    lay1.xml-----
    <LinearLayout 
        android:id="@+id/mainBtnLinearId"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        >
        
        <Button 
        	android:id="@+id/settingCtrlPageBtnId"
       		android:layout_width="match_parent"
        	android:layout_height="wrap_content"
        	android:layout_weight="1"
        	android:layout_alignParentBottom="true"
        	android:gravity="center"
        	android:text="Setting"
        	/>
    
    	<Button
       		android:id="@+id/dataStatusPageBtnId"
       		android:layout_width="match_parent"
        	android:layout_height="wrap_content"
        	android:layout_alignParentBottom="true"
        	android:layout_weight="1"
        	android:layout_toRightOf="@id/settingCtrlPageBtnId"
        	android:gravity="center"
        	android:text="Data"
        	/>
    
    	<Button
        	android:id="@+id/chartStatusPageBtnId"
        	android:layout_width="match_parent"
        	android:layout_height="wrap_content"
        	android:layout_alignParentBottom="true"
        	android:layout_weight="1"
        	android:layout_toRightOf="@id/dataStatusPageBtnId"
        	android:gravity="center"
        	android:text="Chart"
        	/>
                   
    </LinearLayout>
   
</RelativeLayout></span>
注意： viewpage和button的前后关系，如果颠倒，button的单击和viewpage的滑动事件有影响，原因也不知道。


Step 2: 添加布局文件，右键res


本例中添加三个布局文件，如上图蓝框所示


Step 3: MainActivity中添加相关变量

本例中有三个切换页面按钮：set / data / chart，在set page中有一个set gain按钮

<span style="font-size:18px;">//定义ViewPager变量
	ViewPager pager = null;
	View viewPager_set;
	View viewPager_data;
	View viewPager_chart;
	ArrayList<View> viewContainter = new ArrayList<View>();
	//定义ViewPager Button变量
	private Button setPageBtn;
	private Button dataPageBtn;
	private Button chartPageBtn;
	
	//定义setPage中Button变量
	private Button setGain_setPage_Btn;</span>

在OnCreate中初始化viewpage和各相关控件 

<span style="font-size:18px;">@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		//初始化ViewPager
		InitViewPager();
		
		//ViewPager绑定页面滑动监听器
		pager.addOnPageChangeListener(new viewPagerOnPageChangeListener());
		
		//初始化ViewPager的页面切换按钮
		InitViewPagerSwitchBtn();
		
		//Bluetooth初始化
		m_BusinessBluetooth = new BlueToothProcess(this);
		m_BusinessBluetooth.CreatePortListen();
		
		//初始化set page
		InitSetPage();
		
		//set page监听器处理
		setPageListenerProcess();					
			
	}</span>

step 4: 初始化viewpager控件具体代码 

<span style="font-size:18px;">/*
	 * 初始化ViewPager
	 */
	public void InitViewPager() {
		
		//实例化ViewPager
		pager = (ViewPager)findViewById(R.id.viewPagerId);		
		
		//为viewPager设置内容
		//view是我们放进viewPager里面的东西，要为它设置好布局，再放进去
		viewPager_set = LayoutInflater.from(this).inflate(R.layout.setting_control, null);
		viewPager_data = LayoutInflater.from(this).inflate(R.layout.data_status, null);
		viewPager_chart = LayoutInflater.from(this).inflate(R.layout.chart_status, null);
		
		//这是个ArrayList,加进去了3个view
		viewContainter.add(viewPager_set);
		viewContainter.add(viewPager_data);
		viewContainter.add(viewPager_chart);		
		
		//设置适配器
		pager.setAdapter(new PagerAdapter() {
			
			@Override
			public boolean isViewFromObject(View arg0, Object arg1) {
				// TODO Auto-generated method stub
				//return false;
				return arg0 == arg1;
			}
			
			//viewpager中的组件数量
			@Override
			public int getCount() {
				// TODO Auto-generated method stub
				return viewContainter.size();
			}

			@Override
			public void destroyItem(View container, int position, Object object) {
				// TODO Auto-generated method stub
				//super.destroyItem(container, position, object);
				((ViewPager)container).removeView(viewContainter.get(position));
			}

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

			@Override
			public Object instantiateItem(ViewGroup container, int position) {
				// TODO Auto-generated method stub
				//return super.instantiateItem(container, position);
				((ViewPager)container).addView(viewContainter.get(position));
				return viewContainter.get(position);
			}
			
			
		});
		
	}</span>


step 5: viewpager页面滑动监听器代码

<span style="font-size:18px;">/*
	 * ViewPager页面滑动监听器
	 */
	class viewPagerOnPageChangeListener implements OnPageChangeListener{

		@Override
		public void onPageSelected(int pItem) {
			// TODO Auto-generated method stub
			
			switch (pItem) {
				
			//如果是第一个页面
			case 0:
				setPageBtn.setText("V");
				dataPageBtn.setText("Data");
				chartPageBtn.setText("Chart");
				System.out.println("Set Page");
				break;
			//如果是第二个页面
			case 1:
				setPageBtn.setText("Set");
				dataPageBtn.setText("V");
				chartPageBtn.setText("Chart");
				System.out.println("Data Page");
				break;
			//如果是第三个页面
			case 2:
				setPageBtn.setText("Set");
				dataPageBtn.setText("Data");
				chartPageBtn.setText("V");
				System.out.println("Chart Page");
			break;
			}
			
		}
		
		@Override
		public void onPageScrolled(int arg0, float arg1, int arg2) {
			// TODO Auto-generated method stub
			
		}
		
		@Override
		public void onPageScrollStateChanged(int arg0) {
			// TODO Auto-generated method stub
			
		}
		
	}</span>

Step 6: 页面切换按钮功能实现 

<span style="font-size:18px;">/**
	 * 初始化ViewPager切换按钮
	 */
	public void InitViewPagerSwitchBtn() {
		
		//绑定控件ID
		setPageBtn = (Button)this.findViewById(R.id.settingCtrlPageBtnId);
		dataPageBtn = (Button)this.findViewById(R.id.dataStatusPageBtnId);
		chartPageBtn = (Button)this.findViewById(R.id.chartStatusPageBtnId);
		
		//设置按钮跳转到对应的viewPager页面
		setPageBtn.setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				pager.setCurrentItem(0);
		        System.out.println("SettingPage");
		        
		        Toast toast= Toast.makeText(getApplicationContext(), "测试", Toast.LENGTH_SHORT);
		        toast.show();		        
			}
		});
		
		dataPageBtn.setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				pager.setCurrentItem(1);
				System.out.println("DataPage");
			}
		});
		
		chartPageBtn.setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				pager.setCurrentItem(2);
				System.out.println("ChartPage");
			}
		});	
		
	}</span>

step 7: 获取子view中的控件（set gain button）并绑定对应操作监听器 

<span style="font-size:18px;">/*
	 * 初始化set page
	 */
	public void InitSetPage() {
		
		//获取setting view button
		setGain_setPage_Btn = (Button)viewPager_set.findViewById(R.id.setGainBtnId);
	}
	
	
	/*
	 * set page监听器绑定
	 */
	public void setPageListenerProcess() {
		setGain_setPage_Btn.setOnClickListener(new setGainBtnSetPageOnClickListener());
	}
	
	
	/*
	 * set page 
	 * set gain button listener
	 */
	class setGainBtnSetPageOnClickListener implements OnClickListener {

		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			Toast toast= Toast.makeText(getApplicationContext(), "view测试", Toast.LENGTH_SHORT);
	        toast.show();
		}
		
	}</span>

获取子view控件的方法重点讲一下：

首先通过inflate得到各个子view的对象

View viewPager_set = LayoutInflater.from(this).inflate(R.layout.setting_control, null);   //setting_control就是step2中添加的子view布局文件的名称

然后通过子view对象，获取其内的控件ID

Button setGain_setPage_Btn = (Button)viewPager_set.findViewById(R.id.setGainBtnId);



参考文章：

viewpager的使用 http://blog.csdn.net/phenixyf/article/details/51280690

获取子view控件的操作 http://blog.csdn.net/phenixyf/article/details/51396570






Phenixyf
关注
专栏目录
androidx viewpager2的使用详解
2401_84132449的博客
04-22 412
在没推出androidx之前,android生态有些混乱,自从Google官方开始重视这一问题以后 就有了后续的jetpack和一系列的控件先看看ViewPager2的源码:继承自ViewGroup/**musthave*/描述的意思 大概是使用RecyclerView 的 dapter,在了解了使用方法以后,于是就开始体验一下吧!
详解Android App中ViewPager使用PagerAdapter的方法
09-02
在Android应用开发中，ViewPager是一个强大的控件，用于展示多个页面并允许用户通过左右滑动来切换页面。它常用于创建类似相册、菜单或滚动列表的效果。在使用ViewPager时，通常需要配合PagerAdapter来填充数据。...
Android中ViewPager获取当前显示的Fragment
08-31
主要介绍了Android中ViewPager获取当前显示的Fragment的两种方法，一种是使用 getSupportFragmentManager().findFragmentByTag()方法，另一种是重写适配器的 setPrimaryItem()方法，有需要的朋友可以参考借鉴，下面来一起看看吧。
ViewPager如何获取当前的子view( 解决getChildAt(position) 为null的问题)
weixin_33739627的博客
03-19 1015
from:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/0804/1504.html 我使用viewpager做了一个滑动的切换效果，效果还挺不错，具体实现效果网上很多，各位可以去找，不过在实现切换效果之后，因为需求需要，我需要获取当前显示的那个view，这就很让人恶心了。vi...
ViewPager获得子View
鸣筝的博客
06-16 670
从Adapter里获得子View
获取 ViewPager 内部子控件的方法
弥夏i的博客
08-23 5275
在使用ViewPager的时候有时会遇到无法加载子控件的问题，这种时候大多会报空指针错误 出现这种错误的原因在于，你的activity里只加载了 当前包含了ViewPager 的xml 页面，而没有加载 ViewPager的子页面 知道了原因，解决起来就很简单了，只要加载了子view的布局就好 解决的方法为 //首先通过inflate得到各个子view的对象 View viewPa
android 获取根view,ViewPager如何获取当前的子view
weixin_39781143的博客
05-27 778
我使用viewpager做了一个滑动的切换效果，效果还挺不错，具体实现效果网上很多，各位可以去找，不过在实现切换效果之后，因为需求需要，我需要获取当前显示的那个view，这就很让人恶心了。viewpager有setOnPageChangeListener，里面有@Overridepublic voidonPageSelected(int arg0) {}@Overridepublic voidon...
Android原生ViewPager控件实现卡片翻动效果
08-27
ViewPager控件提供了多种方式来实现屏幕切换，例如，使用PagerAdapter来管理屏幕的内容，使用ViewPager.OnPageChangeListener来监听屏幕切换事件等。 二、创建卡片翻动效果 要实现卡片翻动效果，需要对ViewPager...
ViewPager使用流程笔记
04-05
最后，使用`weatherPager.setAdapter(adapter)`将适配器设置给ViewPager，使得ViewPager知道如何获取和展示数据。 8. **滑动监听**： ViewPager提供了滑动事件的监听接口`OnPageChangeListener`。通过`...
ViewPager简单使用2
05-03
ViewPager是Android Support Library中的一个控件，它可以允许用户通过左右滑动来切换不同的页面。每个页面通常是一个Fragment，这样可以实现更灵活的界面设计。在新手引导界面中，我们可以用ViewPager展示一系列...
ViewPager使用方法及子View的获取
ShaderJoy 的兴趣技术杂货铺
04-01 3414
public class ViewPager_2Activity extends Activity { private List listViews; private ViewPager viewPager; /** Called when the activity is first created. */ @Override public void onCreate(Bundle s
ViewPager中动态添加XML布局文件，并获取XML文件中控件ID的操作（inflate）
lzc_a的博客
10-09 4154
Step 1: 布局文件中添加viewpager和切换页面button [html] view plain copy   span style="font-size:18px;">RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmln
怎么在viewpager中获取子fragment里面的控件
qq_18148011的博客
08-31 6319
有时候我们想要操控viewpager中获取焦点的fragment的控件，但是并没有getCurrentFragment 等类似的方法，但是提供了setPrimaryItem方法，但是这个实在adapter里面的，所有我们像个办法让他把当前的fragment从adapter中传出来，那么就要重写fragmentpageradapter 代码如下：public class MyFragmentAdap
关于在ViewPager2中获取当前选中Item的View控件
u013040434的博客
05-27 4726
前言        和同事一起开发了一个自己的树洞App，由于功能需要，需要实现类似于知乎的上一条、下一条滑动的效果，首先想到的就是ViewPager，来实现垂直滑动，但是ViewPager默认是左右滑动的，如果用的话，需要对ViewPager进行重写（网上有很多方案，这里就不做说明了），来进行上下滑动，所以就想到了其他方法。比如RecyclerView也能够来实现，不过也需要对PagerSnapHelper进行操作。因为item里面需要用到刷新控件来实现上一条、下一
获取viewPager填充布局中的控件
07-04 180
　注释：Adapter 为viewPager的adapter。 ScrollView scrollView =　　　adapter.getItem(viewPager.getCurrentItem()).getView().findViewById(R.id.scrollview);XRecyclerView documentsRecycle = 　　adapter.getItem(v...
1s后跳转 android_Android原生与Flutter混编
weixin_39629269的博客
12-23 143
这篇文章旨在学习如何在现有的Android原生项目上集成Flutter，实现Android与Flutter的混编，文章主体内容分为5部分，如下：Android项目如何集成FlutterModuleFlutter视图是如何展示到前台界面的Flutter与Weex对比如何进行原生页面跳转到Flutter页面原生如何与Flutter进行传值通信（以EventChannel为例说明）接下来我会按照上面列出...
ViewPager（二）动态获取Item
qinxue24的博客
04-21 1529
       很多时候需要ViewPager可以动态的加载图片，数据分页拉取，这个时候不能notifyDateSetChanged，会回到第0个Item的位置，一种实现思路是建立一个非常大的空数组（元素为null）容量很大，拉取的数据可以填充到里面，这样实现动态的拉取，自己实现了一个。代码如下，首先是Activitypackage com.xue.qin.mygallery.activity; ...
如何获取ViewPager中的当前Item对象
qq_26585943的博客
08-04 2171
修改ViewPagerAdapter代码private View currentView; @Override public void setPrimaryItem(View container, int position, Object object) { currentView = (View) object; } public View getCurr
ViewPager使用详解：从布局到数据同步
本文档是一篇关于Android ViewPager使用的详细流程笔记。ViewPager是Android中一个强大的控件，用于创建平滑的页面切换效果，常用于展示列表或者轮播图。以下是使用过程中的关键步骤： 1. 布局声明： 在XML布局文件...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值