viewpager中的PagerTabStrip和PagerTitleStrap

来源:互联网 发布:163邮箱mac客户端 编辑:程序博客网 时间:2024/05/02 02:22

ViewPager中实现顶部导航条滑动的实现








第一步:layout文件


<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="${relativePackage}.${activityClass}" >    <android.support.v4.view.ViewPager        android:id="@+id/vp"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_marginBottom="30dp" >        <android.support.v4.view.PagerTabStrip            android:id="@+id/pts"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="bottom" >        </android.support.v4.view.PagerTabStrip>        <!--       <android.support.v4.view.PagerTitleStrip                  android:id="@+id/pts"           android:layout_gravity="bottom"            android:layout_width="wrap_content"           android:layout_height="wrap_content"           ></android.support.v4.view.PagerTitleStrip>        -->    </android.support.v4.view.ViewPager></RelativeLayout>

第二步:java文件


package com.example.com.syd.viewpager;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.PagerAdapter;import android.support.v4.view.PagerTabStrip;import android.support.v4.view.PagerTitleStrip;import android.support.v4.view.ViewPager;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.ViewGroup;public class MainActivity extends Activity {ViewPager viewPager;List<View> listview;MyPagerAdapter adapter;PagerTabStrip tabStrip;// PagerTitleStrip tabStrip;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);listview = new ArrayList<View>();viewPager = (ViewPager) findViewById(R.id.vp);tabStrip = (PagerTabStrip) findViewById(R.id.pts);// tabStrip = (PagerTitleStrip) findViewById(R.id.pts);/** * 对tabStrip的属性进行设置 */tabStrip.setDrawFullUnderline(false);tabStrip.setTabIndicatorColor(Color.RED);tabStrip.setBackgroundColor(Color.GRAY);tabStrip.setTextColor(Color.GREEN);// dataView view1 = LayoutInflater.from(this).inflate(R.layout.view1, null);View view2 = LayoutInflater.from(this).inflate(R.layout.view2, null);View view3 = LayoutInflater.from(this).inflate(R.layout.view3, null);View view4 = LayoutInflater.from(this).inflate(R.layout.view4, null);View view5 = LayoutInflater.from(this).inflate(R.layout.view5, null);listview.add(view1);listview.add(view2);listview.add(view3);listview.add(view4);listview.add(view5);// adaperadapter = new MyPagerAdapter();// bindviewPager.setAdapter(adapter);}class MyPagerAdapter extends PagerAdapter {@Overridepublic int getCount() {// TODO Auto-generated method stubreturn listview.size();}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {// TODO Auto-generated method stubreturn arg0 == arg1;}@Overridepublic Object instantiateItem(ViewGroup container, int position) {// TODO Auto-generated method stubcontainer.addView(listview.get(position));return listview.get(position);}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {// TODO Auto-generated method stubcontainer.removeView(listview.get(position));}/** * 重写每一个pager的title内容 */@Overridepublic CharSequence getPageTitle(int position) {// TODO Auto-generated method stubreturn "第" + position + "个内容";}}}




源码下载


0 0