第四十四講：用戶界面 View（十一）

macgg · 發(fā)表于 2013-8-28 16:27

>

本講內(nèi)容：標(biāo)簽頁(yè)的實(shí)現(xiàn) TabHost TabWidget TabActivity

使用Tab標(biāo)簽頁(yè)控件，可以在同一個(gè)空間里放置更多內(nèi)容。譬如Android自帶的撥號(hào)程序及通訊錄等，就使用了Tab標(biāo)簽功能：

下面我們用實(shí)例的方式來(lái)學(xué)習(xí)如何制作上面類似的標(biāo)簽效果，其實(shí)還是很簡(jiǎn)單的。我同樣是把解釋寫到示例的注釋里了，注釋是我的理解并不準(zhǔn)確，方便你記憶而已。

1、新建一個(gè)項(xiàng)目 Lesson44_Tab ，Activity起名叫 MainActivity

2、編寫 main.xml 內(nèi)容如下，這次的形式和普通布局文件有所區(qū)別，請(qǐng)注意看寫法：

<?xml version="1.0" encoding="utf-8"?>

<tabhost android:layout_height="fill_parent" android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost">

      
      <tabwidget android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@android:id/tabs">
      </tabwidget>
      
      <framelayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@android:id/tabcontent" android:paddingtop="65dp">
            
<linearlayout android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/linearLayout1">
                     <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/textView1" android:text="標(biāo)簽1中的內(nèi)容">
                     </textview>
            </linearlayout>
            
<linearlayout android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/linearLayout2">
                     <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/textView2" android:text="標(biāo)簽2中的內(nèi)容">
                     </textview>
            </linearlayout>
      </framelayout>
</tabhost>

復(fù)制代碼

3、編寫 MainActivity，請(qǐng)注意它繼承的是 TabActivity 類，解釋在代碼里：

package basic.android.lesson44;

import android.app.TabActivity;
import android.os.Bundle;
import android.widget.TabHost;

public class MainActivity extends TabActivity {

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

            // tabHost是一個(gè)標(biāo)簽容器
            TabHost tabHost = this.getTabHost();

            // 每一個(gè)TabSpec對(duì)象就是個(gè)標(biāo)簽
            // TabSpec.setIndicator()方法是設(shè)置標(biāo)簽顯示樣式
            // TabSpec.setContent()方法顯示標(biāo)簽下方的內(nèi)容顯示

            //定義第一個(gè)標(biāo)簽
            tabHost.addTab(tabHost.newTabSpec("OneTab")
                              .setIndicator("OneTab", getResources().getDrawable(android.R.drawable.star_on))
                              .setContent(R.id.linearLayout1));

            //定義第二個(gè)標(biāo)簽
            tabHost.addTab(tabHost.newTabSpec("TwoTab")
                              .setIndicator("TwoTab", getResources().getDrawable(android.R.drawable.star_off))
                              .setContent(R.id.linearLayout2));

      }
}

復(fù)制代碼

4、編譯程序，運(yùn)行代碼，查看結(jié)果：
點(diǎn)擊 TwoTab ，標(biāo)簽切換：

關(guān)于注釋你最好先看一遍，等代碼跑起來(lái)后再看一遍。好了，本講就到這里。
</div

› 智能家居 / NAS / 路由 / 開(kāi)發(fā) / 音響 › TV應(yīng)用開(kāi)發(fā)交流

第四十四講：用戶界面 View（十一）

第四十四講：用戶界面 View（十一）

相關(guān)帖子