2017-02-18 71 views
4

我聽說我們無法在片段內運行Android活動。如何將選項卡式活動添加到導航抽屜活動中?

我開始了一個新項目Navigation Drawer Activity選擇。然後,我需要的選項卡式活動爲這樣的默認視圖:

enter image description here

如果我們不能在navigation drawer activity運行tabbed activity的片段再怎麼加呢?

謝謝。

+0

製作一個片段,並在其中放置製表符佈局,並在onCreate方法中打開它的活動方法 – AbhayBohra

+1

可能的重複方式.http://stackoverflow.com/questions/34917596/how-to-impliment-navigation-drawer-and- swipe-tab-in-same-activity-in-android-stu –

+1

這個答案已經在堆棧溢出中得到了解答.. http://stackoverflow.com/questions/34917596/how-to-impliment-navigation-drawer-and- swipe-tab-in-same-activity-in-android-stu –

回答

9

在導航抽屜activtiy改變你的佈局是這樣的:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:fitsSystemWindows="true" 
android:orientation="vertical" 
tools:context="in.net.spectrum.citytour.MainActivity"> 

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/AppTheme.AppBarOverlay"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:popupTheme="@style/AppTheme.PopupOverlay" /> 
    // 
    // 
    // Tab layout to show tabs 
    // 
    // 
    <android.support.design.widget.TabLayout 
     android:background="@color/colorPrimary" 
     app:tabSelectedTextColor="#ffffff" 
     app:tabIndicatorColor="#FFFFFF" 
     app:tabIndicatorHeight="3dp" 
     app:tabTextColor="#FFFFFF" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabMode="fixed" 
     app:tabGravity="fill" 
     android:id="@+id/tbl_pages"/> 

</android.support.design.widget.AppBarLayout> 
<!-- <include layout="@layout/content_main" />--> 
<FrameLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    // 
    // 
    //ViewPager to show tab's fragments 
    // 
    // 

    <android.support.v4.view.ViewPager 
     android:id="@+id/vp_pages" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
    </android.support.v4.view.ViewPager> 


    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="@dimen/fab_margin" 
     app:srcCompat="@android:drawable/ic_dialog_email" /> 
</FrameLayout> 


</LinearLayout> 

現在在您的Activity中Java代碼ins IDE的onCreate()添加這些行:

@Override 
    protected void onCreate(Bundle savedInstanceState) { 
      . 
      . 
      . 
      . 

    ViewPager vp_pages= (ViewPager) findViewById(R.id.vp_pages); 
    PagerAdapter pagerAdapter=new FragmentAdapter(getSupportFragmentManager()); 
    vp_pages.setAdapter(pagerAdapter); 

    TabLayout tbl_pages= (TabLayout) findViewById(R.id.tbl_pages); 
    tbl_pages.setupWithViewPager(vp_pages); 

    } 

現在的onCreate外()方法創建片段適配器:

class FragmentAdapter extends FragmentPagerAdapter { 

    public FragmentAdapter(FragmentManager fm) { 
     super(fm); 
    } 

    @Override 
    public Fragment getItem(int position) { 
     switch (position){ 
      case 0: 
       return new YourFragment1(); 
      case 1: 
       return new YourFragment2(); 
      case 2: 
       return new YourFragment3(); 
     } 
     return null; 
    } 

    @Override 
    public int getCount() { 
     return 3; 
    } 


    @Override 
    public CharSequence getPageTitle(int position) { 
     switch (position){ 
      // 
      //Your tab titles 
      // 
      case 0:return "Profile"; 
      case 1:return "Search"; 
      case 2: return "Contacts"; 
      default:return null; 
     } 
    } 
} 

輸出: enter image description here enter image description here

乾杯,編碼愉快。

+0

哇!你給我完整的答案...讓我試試... –

+0

你的XML文件在那個教程,是:content_main.xml或activity_main.xml? –

+0

app_bar_main.xml –

1

您可以通過以下步驟中添加選項卡活動:

  1. 在項目資源管理器右鍵單擊軟件包名稱。
  2. 選擇 「」,然後選擇 「活動」 選項
  3. 然後選擇 「選項卡式活動

Tabbed activity