Android开发学习之使用ViewPager+PagerTabStrip制作可滑动的Tab

            在昨天的文章中,我们使用ViewPager制作了一个简单的滑动切换的例子。今天让我们在昨天的基础之上,利用ViewPager来制作一个可以滑动的Tab。要实现这样的功能,除了ViewPager外,我们还需要一个PagerTabStrip来配合使用。简单说一下PagerTabStrip,Google官方描述为:PagerTabStrip是当前,未来和以前的页面的交互指标ViewPager。它旨在用作ViewPager插件在XML布局的子图。添加为ViewPager的孩子在你的布局文件,并设置其Android:layout_gravity到顶部或底部的钉选到ViewPager的顶部或底部。从每个页面的标题是由方法提供 getPageTitle(INT)在提供给ViewPager的适配器。这段话的大致意思就是说,PagerTabStrip是一个ViewPager的子控件,不能单独使用。通过layout_gravity属性来控制它显示的位置。使用getPageTitle()方法返回页面的标题。通过对这段话的理解我们可以设计出下面的布局代码:

<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="#ffffff"
    tools:context=".MainActivity" >
    <android.support.v4.view.ViewPager
        android:id="@+id/ViewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center">
        <android.support.v4.view.PagerTabStrip
            android:id="@+id/PagerTab" 
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            android:layout_gravity="top"> 
        </android.support.v4.view.PagerTabStrip>
    </android.support.v4.view.ViewPager>
</LinearLayout>
              接下来,类似地,我们来编写一个ViewPaperAdapter类来实现getPageTitle()方法

package com.Android.ViewPagerTab;

import java.util.ArrayList;

import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;

public class ViewPagerAdapter extends PagerAdapter
{

	//存放View的数组
	private ArrayList<View> Views;
	//存放Title的数组
	private ArrayList<String> Titles;
	
	
	public ViewPagerAdapter(ArrayList<View> Views,ArrayList<String> Titles)
	{
		this.Views=Views;
		this.Titles=Titles;
	}
	
	//获取PageTitle
	@Override
	public CharSequence getPageTitle(int position) 
	{
		 return Titles.get(position);
	}
	
	@Override
	public void destroyItem(View container, int position, Object object) 
	{
        ((ViewPager)container).removeView(Views.get(position));
	}

	@Override
	public Object instantiateItem(View container, int position) 
	{
		((ViewPager)container).addView(Views.get(position),0);
		return Views.get(position);
	}

	@Override
	public int getCount() 
	{
		if(Views!=null)
		{
	           return Views.size();
		}
		return 0;
	}

	@Override
	public boolean isViewFromObject(View view, Object object) 
	{
		return (view==object);
	}

}

            这个适配器类和昨天的基本上时一致的,唯一的不同就在于它需要实现getPageTitle()方法。这里,我们通过构造函数来初始化一个存放标题的数组,通过返回这个数组中指定索引项对应的值来实现getPageTitle()方法。

            到目前为止,适配器和界面都已经编写完成了,那么接下来,我们需要填充适配器,通过构造函数,我们知道,我们需要一个Views和Titles。对于Titles我们只需要写入一些字符串就可以了。对于Views,我们需要创建一些界面布局代码,简单的代码如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/Content1" />
</RelativeLayout>
          该布局将在屏幕中央显示一个字符串,这个为了简单,其它的布局都和这个布局是一样的,唯一的不同是它们显示不同的字符串。

          现在我们来编写主要的逻辑代码:

package com.Android.ViewPagerTab;

import java.util.ArrayList;

import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.Window;

public class MainActivity extends Activity implements OnPageChangeListener {

	//存放view的数组
	private ArrayList<View> Views;
	//适配器类
	private ViewPagerAdapter mAdapter;
	//存放标题的数组
	private ArrayList<String> Titles;
	//PagerTabStrip
	private PagerTabStrip PagerTab;
	//ViewPager
	private ViewPager mViewPager;
	@Override
	protected void onCreate(Bundle savedInstanceState) 
	{
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		//取得ViewPager实例
		mViewPager=(ViewPager)findViewById(R.id.ViewPager);
		//取得ViewTabStrip实例
		PagerTab=(PagerTabStrip)findViewById(R.id.PagerTab);
		//设置Tab选中时的颜色
		PagerTab.setTabIndicatorColor(getResources().getColor(R.color.black));
		//设置Tab是否显示下划线
		PagerTab.setDrawFullUnderline(true);
		//设置Tab背景色
		PagerTab.setBackgroundColor(getResources().getColor(R.color.white));
		//设置Tab间的距离?我感觉是这样
		PagerTab.setTextSpacing(50);
		
		
		//初始化Views
		Views=new ArrayList<View>();
		LayoutInflater Inflater=LayoutInflater.from(this);
		Views.add(Inflater.inflate(R.layout.activity_tab1, null));
		Views.add(Inflater.inflate(R.layout.activity_tab2, null));
		Views.add(Inflater.inflate(R.layout.activity_tab3, null));
		
		//初始化Titles
		Titles=new ArrayList<String>();
		Titles.add("Tab1");
		Titles.add("Tab2");
		Titles.add("Tab3");
		
		//初始化适配器
		mAdapter=new ViewPagerAdapter(Views,Titles);
		mViewPager.setAdapter(mAdapter);
		
		//默认显示第二项
		SetTab(1);
	}

	public void SetTab(int index)
	{
		switch(index)
		{
		  case 0:
			  mViewPager.setCurrentItem(0);
			  break;
		  case 1:
			  mViewPager.setCurrentItem(1);
			  break;
		  case 2:
			  mViewPager.setCurrentItem(2);
			  break;
		}
		
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public void onPageScrollStateChanged(int arg0) {
		// TODO 自动生成的方法存根
		
	}

	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) {
		// TODO 自动生成的方法存根
		
	}

	@Override
	public void onPageSelected(int position) 
	{
		SetTab(position);
	}

}
              这一部分的代码和昨天的基本一致,需要实现OnPageSelected()方法接口。最终的运行效果图如下所示:

  

ViewPager相关文章:

1、Android开发之ViewPager+ActionBar+Fragment实现响应式可滑动Tab

2、Android开发学习之基于ViewPager实现Gallery画廊效果

3、Android开发学习之使用ViewPager+PagerTabStrip制作可滑动的Tab

4Android开发学习之使用ViewPager打造应用引导界面面


        

雪轻鸿 CSDN认证博客专家 .NET Python 伪·全栈攻城狮
谢谢你,在这世界的角落,找到我,一个即将进入而立之年的中年大叔,常年以 飞鸿踏雪 的花名混迹江湖。在现实生活中,我是一名 伪·全栈攻城狮,因为我觉得,什么都略懂一点,生活会更多彩一些。目前,主要关注.NET、.NET Core、Python、数据分析、微服务、Web 等技术方向。日常行为:读书、写作、电影、烹饪、洞箫等。喜欢看日剧/纪录片/科普、刷B站、刷LeetCode等。
已标记关键词 清除标记
【为什么还需要学习C++?】 你是否接触很多语言,但从来没有了解过编程语言的本质? 你是否想成为一名资深开发人员,想开发别人做不了的高性能程序? 你是否经常想要窥探大型企业级开发工程的思路,但苦于没有基础只能望洋兴叹?   那么C++就是你个人能力提升,职业之路进阶的不二之选。 【课程特色】 1.课程共19大章节,239课时内容,涵盖数据结构、函数、类、指针、标准库全部知识体系。 2.带你从知识与思想的层面从0构建C++知识框架,分析大型项目实践思路,为你打下坚实的基础。 3.李宁老师结合4大国外顶级C++著作的精华为大家推出的《征服C++11》课程。 【学完后我将达到什么水平?】 1.对C++的各个知识能够熟练配置、开发、部署; 2.吊打一切关于C++的笔试面试题; 3.面向物联网的“嵌入式”和面向大型化的“分布式”开发,掌握职业钥匙,把握行业先机。 【面向人群】 1.希望一站式快速入门的C++初学者; 2.希望快速学习 C++、掌握编程要义、修炼内功的开发者; 3.有志于挑战更高级的开发项目,成为资深开发的工程师。 【课程设计】 本课程包含3大模块 基础篇 本篇主要讲解c++的基础概念,包含数据类型、运算符等基本语法,数组、指针、字符串等基本词法,循环、函数、类等基本句法等。 进阶篇 本篇主要讲解编程中常用的一些技能,包含类的高级技术、类的继承、编译链接和命名空间等。 提升篇: 本篇可以帮助学员更加高效的进行c++开发,其中包含类型转换、文件操作、异常处理、代码重用等内容。
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值