欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android ViewPager实现选项卡切换

程序员文章站 2024-02-17 09:36:34
本文实例介绍了viewpager实现选项卡切换,效果图如下: 步骤一:这里使用兼容低版本的v4包进行布局,这里eclipse没有输入提示,所以要手动输入,文件名称“a...

本文实例介绍了viewpager实现选项卡切换,效果图如下:

Android ViewPager实现选项卡切换

步骤一:这里使用兼容低版本的v4包进行布局,这里eclipse没有输入提示,所以要手动输入,文件名称“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=".mainactivity" >



  <android.support.v4.view.viewpager
    android:id="@+id/viewpager"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    
    >
    <android.support.v4.view.pagertabstrip
      android:id="@+id/tabstrip"
      android:layout_height="wrap_content"
    android:layout_width="wrap_content"
      />
      
  </android.support.v4.view.viewpager>
</relativelayout>

步骤二:选项卡中的内容都是从布局文件中获取,所以我新建两个测试布局“layout1.xml”和“layout2.xml”,里面内容随意。

步骤三:布局已经完成,在mainactivity.java类中,实现关键功能。

首先要声明viewpager和pagertabstrip对象,通过findviewbyid分别找到资源id,声明arraylist<view>来存放测试布局文件,核心代码如下:

package com.example.viewpager;

import java.util.arraylist;

import android.os.bundle;
import android.app.activity;
import android.graphics.color;
import android.support.v4.view.pageradapter;
import android.support.v4.view.pagertabstrip;
import android.support.v4.view.viewpager;
import android.support.v4.view.viewpager.onpagechangelistener;
import android.view.menu;
import android.view.view;
import android.view.viewgroup;
import android.widget.toast;

public class mainactivity extends activity implements onpagechangelistener {

  private viewpager viewpager;
  private pagertabstrip tabstrip;
  private string[] title={"首页","新闻","公告","图片"};
  private arraylist<view> views=new arraylist<view>();
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    viewpager=(viewpager) findviewbyid(r.id.viewpager);
    tabstrip=(pagertabstrip) findviewbyid(r.id.tabstrip);
    initial();
    viewpager.setadapter(new mypageradapter());
  }

  public void initial(){
    views.add(getlayoutinflater().inflate(r.layout.layout1,null));
    views.add(getlayoutinflater().inflate(r.layout.layout2,null));
    views.add(getlayoutinflater().inflate(r.layout.layout1,null));
    views.add(getlayoutinflater().inflate(r.layout.layout2,null));
    
    tabstrip.setbackgroundcolor(getresources().getcolor(android.r.color.holo_blue_light));
    tabstrip.settabindicatorcolor(getresources().getcolor(android.r.color.holo_blue_bright));
    tabstrip.settextcolor(color.white);
    viewpager.setonpagechangelistener(this);
  }
  class mypageradapter extends pageradapter{

  @override
  public int getcount() {
    // todo 自动生成的方法存根
    return views.size();
  }
  
  @override
  public object instantiateitem(viewgroup container, int position) {
    view v=views.get(position);
    container.addview(v);
    return v;
  }

  @override
  public void destroyitem(viewgroup container, int position, object object) {
    // todo 自动生成的方法存根
    //super.destroyitem(container, position, object);
    container.removeview(views.get(position));
  }
  @override
  public boolean isviewfromobject(view arg0, object arg1) {
    // todo 自动生成的方法存根
    return arg0==arg1;
  }
  @override
  public charsequence getpagetitle(int position) {
    // todo 自动生成的方法存根
    return title[position];
  }
    
  }
@override
public void onpagescrollstatechanged(int arg0) {
  // todo 自动生成的方法存根
  
}

@override
public void onpagescrolled(int arg0, float arg1, int arg2) {
  // todo 自动生成的方法存根
  
}

@override
public void onpageselected(int arg0) {
  // todo 自动生成的方法存根
  //toast.maketext(mainactivity.this,"新年快乐",toast.length_short).show();
}
  
}

以上就是本文的全部内容,还有一些问题会在之后的文章中继续学习,希望大家继续关注。