学步园

      在上一篇讲到了TabActivity和TabHost的结合的分页实现方式一。这里，将讲到方式二。其实，方式一、二大同小异，只是方式二的布局文件可以是独立的。当然，也有些差别，例如点击顶部Tab标签时页面跳转事件响应的实现也不同。具体，看源代码。

      二、TabActivity和TabHost的结合实现分页标签--------方式二

      细节分析：

      1.主类继承TabActivity

      public class Pagination extends TabActivity

      2.获取当前TabHost对象

      TabHost tabHost = getTabHost();

      3.添加Tab分页标签
      tabHost.addTab(tabHost.newTabSpec("Tab1")        

      .setIndicator("Tab1", getResources().getDrawable(R.drawable.a1))   
      .setContent(this));  

       ........

      这里，你会疑问，布局文件不用添加吗！确实，要添加，但是动态添加。即点击哪个Tab标签时，动态添加对应的布局文件。

      public View createTabContent(String tag){..........}

      1、布局文件：secondpage.xml

      <?xml version="1.0" encoding="utf-8"?><br /> <LinearLayout<br /> android:id="@+id/widget30"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:orientation="vertical"<br /> ><br /> <EditText<br /> android:id="@+id/et_text"<br /> android:layout_width="fill_parent"<br /> android:layout_height="wrap_content"<br /> android:text="EditText"<br /> android:textSize="18sp"<br /> ><br /> </EditText><br /> <Button<br /> android:id="@+id/bt_show"<br /> android:layout_width="149px"<br /> android:layout_height="wrap_content"<br /> android:text="显示"<br /> ><br /> </Button><br /> </LinearLayout><br />

      2、代码文件：

       package com.myandroid.test;</p> <p>import android.app.TabActivity;<br /> import android.os.Bundle;<br /> import android.util.Log;<br /> import android.view.LayoutInflater;<br /> import android.view.View;<br /> import android.widget.Button;<br /> import android.widget.EditText;<br /> import android.widget.TabHost;<br /> import android.widget.TextView;<br /> import android.widget.Toast;</p> <p>public class TabPage extends TabActivity implements TabHost.TabContentFactory {<br /> @Override<br /> protected void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> //setContentView(R.layout.main); 这里不需要加载主页面<br /> final TabHost tabHost = getTabHost(); //tab控制对象<br /> tabHost.addTab(tabHost.newTabSpec("Tab1") //添加顶部的分页符<br /> .setIndicator("Tab1", getResources().getDrawable(R.drawable.a1))<br /> .setContent(this));<br /> tabHost.addTab(tabHost.newTabSpec("Tab2")<br /> .setIndicator("Tab2", getResources().getDrawable(R.drawable.a2))<br /> .setContent(this));<br /> tabHost.addTab(tabHost.newTabSpec("Tab3")<br /> .setIndicator("Tab3", getResources().getDrawable(R.drawable.a3))<br /> .setContent(this));<br /> } </p> <p> /**<br /> * 点击Tab，跳转页面时激发的事件处理<br /> */<br /> public View createTabContent(String tag) {<br /> Log.e("tag", tag); //这里的tag字符串是tabHost.newTabSpec("Tab1") 定义的字符串<br /> int tabPage = Integer.parseInt(tag.substring(tag.length()-1)); //获取最后面的数字<br /> final TextView tv = new TextView(this); //要用final修饰，否则报错<br /> tv.setText("This is " + tag);</p> <p> switch(tabPage) {<br /> case 1: //分页一<br /> break;</p> <p> case 2: //分页二<br /> final LayoutInflater layout = LayoutInflater.from(TabPage.this); //用于加载XML的对象，要使用final修饰<br /> final View customView = layout.inflate(R.layout.secondpage, null); //创建自定义的View，要使用final修饰<br /> final Button bt_show = (Button)customView.findViewById(R.id.bt_show);<br /> final EditText et_text = (EditText)customView.findViewById(R.id.et_text);<br /> bt_show.setOnClickListener(new Button.OnClickListener() {<br /> @Override<br /> public void onClick(View v) {<br /> // TODO Auto-generated method stub<br /> Toast.makeText(TabPage.this, et_text.getText(), Toast.LENGTH_SHORT).show();<br /> }<br /> });<br /> return customView;</p> <p> case 3: //分页三<br /> break;<br /> default:<br /> break;<br /> }</p> <p> //不可以返回null<br /> return tv;</p> <p> }<br /> }<br />

       在下一篇，将继续讲到TabActivity和TabHost的结合实现分页标签--------方式三，也是较前两种方式好很多。