ViewPager-----为ViewPager页卡设置标题(PagerTabStrip)

设置PagerAdapter的标题,需要使用到android.support.v4.view.PagerTabStrip

演示效果如下:


接着上代码:

1、view1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <TextView 
        android:text="第一个界面"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

</LinearLayout>
view2.xml  、view3.xml 、 view4.xml和这个一样

2、activity_main.xml


<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.huangyi.pageradapterdemo.MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >

        	<android.support.v4.view.PagerTabStrip
        	    android:id="@+id/tab"
        	    android:layout_width="wrap_content"
        	    android:layout_height="wrap_content"
        	    android:layout_gravity="top" >
        	    
        	</android.support.v4.view.PagerTabStrip>
        </android.support.v4.view.ViewPager>

</RelativeLayout>
在ViewPager中包含有PagerTabStrip

3、MyViewPagerAdapter.java

在Adapter中除了有View集合外还有Title的集合,另外还需要重写方法getPageTitle

package com.huangyi.pageradapterdemo;

import java.util.List;

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

public class MyViewPagerAdapter extends PagerAdapter{

	private List<View>viewList;//View集合
	private List<String>titleList;//标题集合
	
	public MyViewPagerAdapter(List<View> viewList,List<String> titleList)
	{
		this.viewList=viewList;
		this.titleList=titleList;
	}
	
	//返回所有页卡的数量
	@Override
	public int getCount() {
		return viewList.size();
	}
  
	//判断视图是否由对象产生
	@Override
	public boolean isViewFromObject(View arg0, Object arg1) {
		return arg0==arg1;
	}
	
	//实例化页面
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
    	container.addView(viewList.get(position));
    	return viewList.get(position);
    }
    
    //删除页面
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
    	container.removeView(viewList.get(position));
    }
    
    
    @Override
    public CharSequence getPageTitle(int position) {
    	return titleList.get(position);
    }
}

4、MainActivity.java

package com.huangyi.pageradapterdemo;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.view.View;

public class MainActivity extends Activity {
	private List<View>viewList;
	private ViewPager pager;
	private PagerTabStrip tab;
	private List<String> titleList;//标题
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		viewList=new ArrayList<View>();
		
		/**
		 * 通过View对象去作为ViewPager的数据源
		 */
		View view1 = View.inflate(this, R.layout.view1, null);
        View view2 = View.inflate(this, R.layout.view2, null);
        View view3 = View.inflate(this, R.layout.view3, null);
        View view4 = View.inflate(this, R.layout.view4, null);
        
        viewList.add(view1);
		viewList.add(view2);
		viewList.add(view3);
		viewList.add(view4);
		
		//为ViewPager页卡设置标题
		titleList=new ArrayList<String>();
		titleList.add("第一页");
		titleList.add("第二页");
		titleList.add("第三页");
		titleList.add("第四页");
		
		//为PagerTabStrip设置一些属性
		tab=(PagerTabStrip) findViewById(R.id.tab);
		tab.setBackgroundColor(Color.YELLOW);
		tab.setTabIndicatorColor(Color.BLUE);//设置小粗线的颜色
		tab.setDrawFullUnderline(false);//去掉长线
		tab.setTextColor(Color.RED);
		
		//初始化ViewPager
		pager=(ViewPager) findViewById(R.id.pager);
		//创建PagerAdapter适配器
		MyViewPagerAdapter adapter=new MyViewPagerAdapter(viewList,titleList);
		pager.setAdapter(adapter);
	}

}


代码下载地址:http://download.csdn.net/detail/yihuangol/9250667

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值