android自定义tabhost,tabcontent用intent获得

时间:2023-12-16 08:45:26

地址:http://my.oschina.net/aowu/blog/36282

自己改的自定义tabhost组建,效果图如左。有更好的朋友可以相互交流一下,嘿嘿。

1.先上AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.priscilla"
    android:versionCode="1"
    android:versionName="1.0" >

<uses-sdk android:minSdkVersion="7" />

<application
        android:icon="@drawable/icon"
        android:label="@string/app_name" >
        <activity
            android:label="@string/app_name"
            android:name=".MyTab" >
            <intent-filter >
                <action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".TabContent" >
        </activity>
    </application>

</manifest>

2  MyTab.java

package com.priscilla;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;
import java.util.WeakHashMap;

import android.app.TabActivity;
import android.content.Context;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
//import android.view.LayoutInflater;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TabHost;
import android.widget.TabWidget;
import android.widget.TextView;
import android.widget.TabHost.TabSpec;

public class MyTab extends TabActivity {
 /** Called when the activity is first created. */

private TabHost mTabhost;
 private TabWidget mTabWidget;
 private LayoutInflater mInflater;
 private List<TextView> mtext;
 private List<TabSpec> mTabSpec;
 private List<LinearLayout> linearLayout;
 private List<Intent> intent; 
 private Context mContext;

public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

mContext = this;
  mInflater = LayoutInflater.from(this);

// mTabhost = this.getTabHost();// 从TabActivity上面获取放置Tab的TabHost
  mTabhost = (TabHost) findViewById(android.R.id.tabhost);
  mTabWidget = (TabWidget) findViewById(android.R.id.tabs);

mTabSpec = new ArrayList<TabSpec>();
  linearLayout = new ArrayList<LinearLayout>();
  mtext = new ArrayList<TextView>();
  intent = new ArrayList<Intent>();

creatTab();

/*
   * mTabhost.addTab(mTabhost .newTabSpec("选项卡1") .setIndicator(
   * (LinearLayout) LayoutInflater.from(this).inflate( R.layout.tabwidget,
   * null)) .setContent(R.id.linearLayout01)); mTabhost.addTab(mTabhost
   * .newTabSpec("选项卡2") .setIndicator( (LinearLayout)
   * LayoutInflater.from(this).inflate( R.layout.tabwidget, null))
   * .setContent(R.id.linearLayout02)); mTabhost.addTab(mTabhost
   * .newTabSpec("选项卡3") .setIndicator( (LinearLayout)
   * LayoutInflater.from(this).inflate( R.layout.tabwidget, null))
   * .setContent(R.id.linearLayout03));
   */

// 设置当前显示哪一个标签
  // mTabhost.setCurrentTab(0);

// 去tabwidget白线,这个对默认主题有效
  /*
   * mTabhost.setPadding(mTabhost.getPaddingLeft(),
   * mTabhost.getPaddingTop(), mTabhost.getPaddingRight(),
   * mTabhost.getPaddingBottom() - 5);
   */
 }

public void creatTab() {

for (int i = 0; i < 3; i++) {
   mTabSpec.add(mTabhost.newTabSpec("tab" + i));
   linearLayout.add((LinearLayout) mInflater.inflate(
     R.layout.tabwidget, null));
   mtext.add((TextView) linearLayout.get(i)
     .findViewById(R.id.tab_name));
   mtext.get(i).setText(
     mContext.getResources().getString(R.string.tab_name,
       String.valueOf(i)));
   mTabSpec.get(i).setIndicator(linearLayout.get(i));
   //mTabSpec.get(i).setContent(list.get(i));
   intent.add(new Intent(mContext, TabContent.class));
   Log.v("---whty---", mTabSpec.get(i).getTag());
   Bundle buddle = new Bundle();
   buddle.putString("tab", mTabSpec.get(i).getTag());
   intent.get(i).putExtras(buddle);
   
   mTabSpec.get(i).setContent(intent.get(i));

mTabhost.addTab(mTabSpec.get(i));

}
 }

}

2.TabContent.java

package com.priscilla;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.TextView;

public class TabContent extends Activity {

private TextView textView;
 private ImageView imgView;

@Override
 protected void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  setContentView(R.layout.tabcontent);

textView = (TextView) findViewById(R.id.TextView);
  imgView = (ImageView) findViewById(R.id.ImageView);

Bundle buddle = this.getIntent().getExtras();
  String flag = buddle.getString("tab");

if ("tab0".equals(flag)) {
   textView.setText(getResources().getString(R.string.andy));
   Bitmap bitmap = BitmapFactory.decodeResource(getResources(),
     R.drawable.andy);
   imgView.setImageBitmap(bitmap);
  }

if ("tab1".equals(flag)) {
   textView.setText(getResources().getString(R.string.bill));
   Bitmap bitmap = BitmapFactory.decodeResource(getResources(),
     R.drawable.bill);
   imgView.setImageBitmap(bitmap);
  }

if ("tab2".equals(flag)) {
   textView.setText(getResources().getString(R.string.linux));
   Bitmap bitmap = BitmapFactory.decodeResource(getResources(),
     R.drawable.torvalds);
   imgView.setImageBitmap(bitmap);
  }

}

}

3.3个layout

main.xml

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/wcity_normal_bg" >

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

<TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/con_film_bottom_tab" />

<FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >
        </FrameLayout>
    </LinearLayout>

</TabHost>

tabwidget.xml

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent" 
 android:orientation="horizontal"
 android:gravity="center" >
 <TextView 
  android:id="@+id/tab_name" 
  android:layout_width="fill_parent" 
  android:layout_height="39dp"
  android:layout_marginLeft="2dp"
  android:layout_marginRight="2dp"
  android:ellipsize="marquee"  
  android:marqueeRepeatLimit="marquee_forever"
  android:singleLine="true"
  android:gravity="center" 
  android:textColor="@drawable/tab_selector"
  android:background="@drawable/tab_bg_selector" />
</LinearLayout>

tabcontent.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

<ImageView
        android:id="@+id/ImageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:scaleType="fitXY" />

<TextView
        android:id="@+id/TextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="24dip" />

</LinearLayout>

4.2个drawable

tab_bg_selector.xml

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_selected="true" android:drawable="@drawable/con_film_tab_pressed"  />
</selector>

tab_selector.xml

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_selected="false" android:color="#ffffffff"/>
 <item android:state_selected="true" android:color="#ffEEC900"/>
</selector>

6.colors.xml  string.xml

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="wcity_normal_bg">#ffe5eff4</color>
</resources>

string.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, my</string>
    <string name="app_name">myTab</string>
    <string name="andy">Android的创造者: Andy Rubin</string>
    <string name="bill">Java创造者之一: Bill Joy</string>
    <string name="linux">Linux之父: Linus Torvalds</string>
    <string name="tab_name">选项卡%1$s</string>    
</resources>