Android之Tab分页标签的实现方法一-----TabActivity和TabHost的结合（三）

          讲了两种方式，你是否发觉它们的代码耦合性太高，如果代码过多，那就是密密麻麻的一大堆，不仅可读性差，修改维护还很困难。这里讲到的方式三，能够很好的解决这个紧耦合问题。因为它的布局文件和各块代码都是独立的文件。那步入主题吧。

          三、TabActivity和TabHost的结合（三）

          实现描述：

          1.主类继承TabActivity

           public class Tagpage extends TabActivity

           2.获取当前TabHost对象

           final TabHost tabHost = getTabHost();

           3.添加Tab分页标签,这里就是关键，把每个分页面链接成Activity。页面的跳转，即是Activity的跳转。

           tabHost.addTab(tabHost.newTabSpec("Tab1")     
                .setIndicator("tab2", getResources().getDrawable(R.drawable.a1))     
                .setContent(new Intent(this, Page1.class)));

            .............

        

            

 

            

           1、布局文件

            page1.xml

            <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="This is Tab1" /> </LinearLayout>

           page3.xml

            <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="This is Tab3" /> </LinearLayout>

            page2.xml

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

            2、代码

            主代码：Tagpage.java

            package com.myandroid.test; import android.app.Activity; import android.app.TabActivity; import android.content.Intent; import android.os.Bundle; import android.widget.TabHost; public class Tagpage extends TabActivity{ /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //setContentView(R.layout.main); final TabHost tabHost = getTabHost(); tabHost.addTab(tabHost.newTabSpec("Tab1") .setIndicator("tab2", getResources().getDrawable(R.drawable.a1)) .setContent(new Intent(this, Page1.class))); tabHost.addTab(tabHost.newTabSpec("Tab2") .setIndicator("tab2", getResources().getDrawable(R.drawable.a2)) .setContent(new Intent(this, Page2.class))); // .addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))); //添加这句话，会使得每次跳转到该页面都是新建一个页面，以往的数据状态会丢失，读者自己可以试验下 tabHost.addTab(tabHost.newTabSpec("Tab3") .setIndicator("tab2", getResources().getDrawable(R.drawable.a3)) .setContent(new Intent(this, Page3.class))); } }

            分页一Activity：Page1.java

            package com.myandroid.test; import android.app.Activity; import android.os.Bundle; public class Page1 extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.page1); } }

            分页三Activity：Page3.java

            package com.myandroid.test; import android.app.Activity; import android.os.Bundle; public class Page3 extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.page3); } }

            分页二Activity:Page2.java

             package com.myandroid.test; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.EditText; import android.widget.Toast; public class Page2 extends Activity { private Button bt_show; private EditText et_text; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.page2); bt_show = (Button)findViewById(R.id.bt_show); et_text = (EditText)findViewById(R.id.et_text); bt_show.setOnClickListener(new ClickEvent()); } class ClickEvent implements OnClickListener{ @Override public void onClick(View v) { // TODO Auto-generated method stub Toast.makeText(Page2.this, et_text.getText(), Toast.LENGTH_SHORT).show(); } } }

            最后，别忘了在AndroidManifest.xml文件注册上面用到三个子页面Activity，如下：

            <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.myandroid.test" android:versionCode="1" android:versionName="1.0"> <application android:icon="@drawable/icon" android:label="@string/app_name"> .................. <!-- 要添加Activity的声明，否则系统找不到响应的Activity，会报错 --> <activity android:name="Page1"></activity> <activity android:name="Page2"></activity> <activity android:name="Page3"></activity> </application> </manifest>  

             介绍完了TabActivity和TabHost的结合分页，下一篇将介绍ActivityGroup + GridView结合实现Tap分页。