工具欄在佈局中不可見

Question

下面是我的佈局，當運行工具欄時根本不可見，tabview上的兩個選項卡佔據了整個屏幕。在AndroidStudio的預覽中，我確實看到了ActionBar，因爲我期望它在頂部。我錯過了什麼？

<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:id="@+id/c"> 


<android.support.v7.widget.Toolbar 
    android:id="@+id/my_toolbar2" 
    android:layout_height="wrap_content" 
    android:layout_width="fill_parent" 

    android:background="?attr/colorPrimary" 
    android:layout_marginBottom="10dp" 
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 

    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" /> 


<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:id="@+id/c2"> 


<android.support.design.widget.TabLayout 
      android:layout_height="match_parent" 
      android:layout_width="match_parent" 
      android:id="@+id/tabs" 
      app:layout_scrollFlags="scroll|enterAlways"/> 
    </RelativeLayout> 




<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/pager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    </android.support.v4.view.ViewPager> 

這裏是我的活動，我現在用這個佈局：

public class TabletGallery extends AppCompatActivity implements ActionBar.TabListener { 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); //To change body of overridden methods use File | Settings | File Templates. 
    setContentView(R.layout.tablet_gallery); 

    // Initilization 

    toolbar = (Toolbar) findViewById(R.id.my_toolbar2); 
    setSupportActionBar(toolbar); 
    viewPager = (ViewPager) findViewById(R.id.pager); 
    mAdapter = new TabsPagerAdapter(getSupportFragmentManager()); 
    viewPager.setAdapter(mAdapter); 
    TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs); 
    tabLayout.setupWithViewPager(viewPager); 
    tabLayout.addTab(tabLayout.newTab().setText("Tab 1")); 
    tabLayout.addTab(tabLayout.newTab().setText("Tab 2")); 

Answer 1

改爲使用LinearLayout作爲根佈局。

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:id="@+id/c"> 


<android.support.v7.widget.Toolbar 
    android:id="@+id/my_toolbar2" 
    android:layout_height="wrap_content" 
    android:layout_width="fill_parent" 

    android:background="?attr/colorPrimary" 
    android:layout_marginBottom="10dp" 
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 

    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" /> 

<android.support.design.widget.TabLayout 
      android:layout_height="match_parent" 
      android:layout_width="match_parent" 
      android:id="@+id/tabs" 
      app:layout_scrollFlags="scroll|enterAlways"/> 


<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:id="@+id/c2"> 

    <android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/pager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    </android.support.v4.view.ViewPager> 

    </RelativeLayout> 






</LinearLayout> 

Answer 2

你的主要佈局容器是RelativeLayout的，所以你需要明確地定位你的孩子看待相對一個另一個。要使您的內容低於工具欄（而不是其上），請將其與android:layout_below="@+id/my_toolbar2"一起定位。它應該是這個樣子：

<RelativeLayout 
    ... 
    android:id="@+id/c" 
    ... > 

    <android.support.v7.widget.Toolbar 
     ... 
     android:id="@+id/my_toolbar2" 
     ... /> 

    <RelativeLayout 
     ... 
     android:id="@+id/c2" 
     android:layout_below="@+id/my_toolbar2" 
     ... > 

     <android.support.design.widget.TabLayout 
      ... 
      android:id="@+id/tabs" 
      ... /> 

     <android.support.v4.view.ViewPager 
      ... 
      android:id="@+id/pager" 
      ... /> 

    </RelativeLayout> 

</RelativeLayout> 

而且，請注意，我嵌套的ViewPager在內的RelativeLayout（主要內容的容器），以便它與您的TabLayout坐在一起。

還有一件事：如果您在發佈您的代碼之前能正確地格式化您的XML或Java（AndroidStudio - >代碼 - >重新格式化代碼），這會很有幫助。除非格式化，否則閱讀正在進行的內容有點困難。