溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么在android中利用FragmentTabhost實(shí)現(xiàn)導(dǎo)航分頁(yè)

發(fā)布時(shí)間:2021-05-24 18:08:37 來源:億速云 閱讀:124 作者:Leah 欄目:移動(dòng)開發(fā)

這篇文章給大家介紹怎么在android中利用FragmentTabhost實(shí)現(xiàn)導(dǎo)航分頁(yè),內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。

基本模板

public class MainActivity extends FragmentActivity {
  
  private FragmentTabHost mTabHost;
  private LayoutInflater mLayoutInflater;

  private Class mFragmentArray[] = { Fragment1.class, Fragment2.class,
      Fragment3.class, Fragment4.class, Fragment5.class };

  private int mImageArray[] = { R.drawable.tab_home_btn,
      R.drawable.tab_message_btn, R.drawable.tab_selfinfo_btn,
      R.drawable.tab_square_btn, R.drawable.tab_more_btn };

  private String mTextArray[] = { "首頁(yè)", "消息", "好友", "搜索", "更多" };

  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
  }

  private void initView() {

    mLayoutInflater = LayoutInflater.from(this);

    // 找到TabHost
    mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
    mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);
     mTabHost.getTabWidget().setDividerDrawable(null);//去除分割線
    // 得到fragment的個(gè)數(shù)
    for (int i = 0; i < mFragmentArray.length; i++) {
      // 給每個(gè)Tab按鈕設(shè)置圖標(biāo)、文字和內(nèi)容
      TabSpec tabSpec = mTabHost.newTabSpec(mTextArray[i])
          .setIndicator(getTabItemView(i));
      // 將Tab按鈕添加進(jìn)Tab選項(xiàng)卡中
      mTabHost.addTab(tabSpec, mFragmentArray[i], null);
      // 設(shè)置Tab按鈕的背景
      mTabHost.getTabWidget().getChildAt(i)
          .setBackgroundResource(R.drawable.selector_tab_background);
    }
  }

  //給每個(gè)Tab按鈕設(shè)置圖標(biāo)和文字
  private View getTabItemView(int index) {
    View view = mLayoutInflater.inflate(R.layout.tab_item_view, null);
    ImageView imageView = view.findViewById(R.id.imageview);
    //設(shè)置圖片選擇器,選中的tab改變圖標(biāo)
    switch (index){
      case 0:imageView.setImageResource(R.drawable.main_bottom_image_selector);break;
      case 1:imageView.setImageResource(R.drawable.main_bottom_image_selector2);break;
      case 2:imageView.setImageResource(R.drawable.main_bottom_image_selector3);break;
      case 3:imageView.setImageResource(R.drawable.main_bottom_image_selector4);break;
      case 4:imageView.setImageResource(R.drawable.main_bottom_image_selector5);break;
    }
    TextView textView = view.findViewById(R.id.textview);
    textView.setText(mTextArray[index]);
    //設(shè)置文本選擇器,選中的tab文字高亮
    textView.setTextColor(R.drawable.main_bottom_text_selector);
    return view;
  }

}

acitivity_main.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="vertical" >

 <FrameLayout
  android:id="@+id/realtabcontent"
  android:layout_width="fill_parent"
  android:layout_height="0dip"
  android:layout_weight="1" />

 <android.support.v4.app.FragmentTabHost
  android:id="@android:id/tabhost" //必須使用提供的id
  android:layout_width="fill_parent"
  android:layout_height="wrap_content" 
  android:background="@drawable/bg_tabhost_bg">

  <FrameLayout
   android:id="@android:id/tabcontent" //必須使用提供的id
   android:layout_width="0dp"
   android:layout_height="0dp"
   android:layout_weight="0" />      
 </android.support.v4.app.FragmentTabHost>

</LinearLayout>

tab_item_view.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:orientation="vertical">
  <ImageView
    android:id="@+id/imageview"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:layout_margin="3dp"
    />
  <TextView
    android:id="@+id/textview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="1dp"
    android:textSize="12sp"
    android:layout_marginBottom="2dp"/>
</LinearLayout>

main_bottom_image_selector圖片選擇器

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

Android是什么

Android是一種基于Linux內(nèi)核的自由及開放源代碼的操作系統(tǒng),主要使用于移動(dòng)設(shè)備,如智能手機(jī)和平板電腦,由美國(guó)Google公司和開放手機(jī)聯(lián)盟領(lǐng)導(dǎo)及開發(fā)。

關(guān)于怎么在android中利用FragmentTabhost實(shí)現(xiàn)導(dǎo)航分頁(yè)就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI