Android编程之TabWidget选项卡用法实例分析

2019-12-10 19:38:50丽君

复制代码 mTabHost.setup();
4.2 主要代码

 

直接继承自Activity的代码

import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TabHost;
import android.widget.TextView;
public class TabDesignActivity extends Activity{
  private Context mContex = this;
  private TabHost mTabHost;
  private String TAB1 = "tab1";
  private String TAB2 = "tab2";
  private String TAB3 = "tab3";
  private String TAB4 = "tab4";
  private String TAB5 = "tab5";
  private List<LinearLayout> menuItemList;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.tab_main);
    menuItemList = new ArrayList<LinearLayout>();
    mTabHost = (TabHost) findViewById(R.id.tabhost);
    mTabHost.setup();
    mTabHost.addTab(mTabHost.newTabSpec("tab1").setIndicator(getMenuItem(R.drawable.tab1_ispressed, TAB1)).setContent(R.id.tab1));
    mTabHost.addTab(mTabHost.newTabSpec("tab2").setIndicator(getMenuItem(R.drawable.tab2_ispressed, TAB2)).setContent(R.id.tab2));
    mTabHost.addTab(mTabHost.newTabSpec("tab3").setIndicator(getMenuItem(R.drawable.tab3_ispressed, TAB3)).setContent(R.id.tab3));
    mTabHost.addTab(mTabHost.newTabSpec("tab4").setIndicator(getMenuItem(R.drawable.tab4_ispressed, TAB4)).setContent(R.id.tab4));
    mTabHost.addTab(mTabHost.newTabSpec("tab5").setIndicator(getMenuItem(R.drawable.tab5_ispressed, TAB5)).setContent(R.id.tab5));
  }
  public View getMenuItem(int imgID, String textID){
    LinearLayout ll = (LinearLayout)LayoutInflater.from(mContex).inflate(R.layout.tab_item, null);
    ImageView imgView = (ImageView)ll.findViewById(R.id.icon);
    imgView.setBackgroundResource(imgID);
    TextView textView = (TextView)ll.findViewById(R.id.name);
    textView.setText(textID);
    menuItemList.add(ll);
    return ll;
  }
}

继承自TabActivity的实现

/**
 * @author aaron
 */
package com.aaron.activity;
import java.util.ArrayList;
import java.util.List;
import android.annotation.SuppressLint;
import android.app.TabActivity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TabHost;
import android.widget.TextView;
import android.widget.TabHost.TabSpec;
import com.aaron.util.R;
/**
 * @author aaron
 * 
 */
public class TabWidget extends TabActivity {// 声明TabHost对象
  private TabHost mTabhost;
  private LayoutInflater mInflater;
  private List<TextView> mtext;
  private List<ImageView> mimage;
  private List<TabSpec> mTabSpec;
  private List<LinearLayout> linearLayout;
  private List<Intent> intent;
  private Context mContext;
  private static final String[] tabTitle = { "Tab1", "Tab2", "Tab3", "Tab4","Tab5"};
  private static final int[] tabImage = { R.drawable.main1, R.drawable.main2, R.drawable.main3, R.drawable.main4,R.drawable.main5};
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.tab_main);
    mContext = this;
    mInflater = LayoutInflater.from(this);
    mTabhost = (TabHost) findViewById(android.R.id.tabhost);
    mTabSpec = new ArrayList<TabSpec>();
    linearLayout = new ArrayList<LinearLayout>();
    mtext = new ArrayList<TextView>();
    intent = new ArrayList<Intent>();
    //****************************************************************
    //若是引用有图片的布局
    mimage = new ArrayList<ImageView>();
    //****************************************************************
    creatTab();
  }
  @SuppressLint("NewApi")
  public void creatTab() {
    for (int i = 0; i < tabTitle.length; i++) {
      mTabSpec.add(mTabhost.newTabSpec(tabTitle[i]));
      //****************************************************************
      //选择使用哪种布局
      //****************************************************************
      linearLayout.add((LinearLayout) mInflater.inflate(R.layout.tabwidget2, null)); 
      mtext.add((TextView) linearLayout.get(i).findViewById(R.id.tab_Text_name));
      mtext.get(i).setText(tabTitle[i]);
      //****************************************************************
      //若是引用有图片的布局依次添加进图片
      mimage.add((ImageView) linearLayout.get(i).findViewById(R.id.tab_Image_name));
      mimage.get(i).setImageResource(tabImage[i]);
      //****************************************************************
      // 依次加入每个Tab的Activity
      switch (i) {
      case 0:
        intent.add(new Intent().setClass(TabWidget.this, UdoActivity.class));
        break;
      case 1:
        intent.add(new Intent().setClass(TabWidget.this, UdoActivity.class));
        break;
      case 2:
        intent.add(new Intent().setClass(TabWidget.this, UdoActivity.class));
        break;
      case 3:
        intent.add(new Intent().setClass(TabWidget.this, UdoActivity.class));
        break;
      case 4:
        intent.add(new Intent().setClass(TabWidget.this, UdoActivity.class));
        break;
      }
      mTabSpec.get(i).setIndicator(linearLayout.get(i));
      mTabSpec.get(i).setContent(intent.get(i));
      mTabhost.addTab(mTabSpec.get(i));
    }
}