Android 工具栏填满整个屏幕

Question

所以我正在尝试使用 appcompat 库实现导航抽屉。我使用工具栏作为我的操作栏。我的问题是我的工具栏占满了整个屏幕。

这是我的工具栏。

 <android.support.v7.widget.Toolbar 
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:id="@+id/toolbar"
     android:minHeight="?attr/actionBarSize"
     android:background="?attr/colorPrimary" />

还有我的主要activity.

<LinearLayout 
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"     
      android:layout_width="match_parent"
      android:layout_height="match_parent" tools:context=".MainActivity">



    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">

        <include layout="@layout/toolbar_main"/>

        <!--- Main Layout -->
        <FrameLayout
            android:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <!--- Nav Drawer -->
        <ListView
            android:id="@+id/navigation_drawer"
            android:layout_width="@dimen/drawer_width"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:choiceMode="singleChoice"
            android:divider="@android:color/transparent"
            android:dividerHeight="0dp"
            android:background="#FFF"/>
    </android.support.v4.widget.DrawerLayout>

</LinearLayout>

最后是我的来源。

 public class MainActivity extends ActionBarActivity {

    private Toolbar mToolbar;
    private ActionBarDrawerToggle mDrawerToggle;
    private DrawerLayout mDrawerLayout;
    private CharSequence mTitle;
    private ListView mDrawerList;
    private String[] mAddresses;
    private CharSequence mDrawerTitle;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mAddresses = getResources().getStringArray(R.array.addresses);
        mToolbar = (Toolbar) findViewById(R.id.toolbar);
        //mToolbar.setNavigationIcon(R.drawable.ic_myaccount);

        setSupportActionBar(mToolbar);
        mTitle = mDrawerTitle = getTitle();
        //Set up the nav drawer
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,mToolbar,R.string.open_drawer,R.string.close_drawer);
        mDrawerLayout.setDrawerListener(mDrawerToggle);


        //Drawer List
        mDrawerList = (ListView) findViewById(R.id.navigation_drawer);
        mDrawerList.setAdapter(new ArrayAdapter<>(this, R.layout.drawer_list_item, mAddresses));
        mDrawerList.setOnItemClickListener(new DrawerItemClickListener());

        getSupportActionBar().setHomeButtonEnabled(true);
        getSupportActionBar().setDisplayShowHomeEnabled(true);

        mDrawerToggle.syncState();
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (mDrawerToggle.onOptionsItemSelected(item)) {
            return true;
        }
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    @Override
    protected void onPostCreate(Bundle savedInstanceState){
        super.onPostCreate(savedInstanceState);
        mDrawerToggle.syncState();
    }
}

编辑：

如果我将工具栏包含移动到 DrawerLayout 之外，那么 this 除了不再打开导航抽屉之外还会发生。

Answer 1

第一个问题：

您正在使用 LinearLayout.The 默认方向是水平的。

您应该将 android:orientation="vertical" 添加到您的根元素。

对于第二个问题：

删除 android:fitsSystemWindows="true" 或将工具栏移动到 DrawerLayout 的第一个元素内。注意 DrawerLayout 内部必须有 2 个视图。

    <LinearLayout  
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"  
            android:layout_width="match_parent"
            android:layout_height="match_parent" tools:context=".MainActivity"
            android:orientation="vertical">

       <android.support.v4.widget.DrawerLayout>

        <!--- Main Layout -->
        <LinearLayout android:orientation="vertical">

          <include layout="@layout/toolbar_main"/>

          <FrameLayout
            android:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />



        </LinearLayout>
        <ListView />

      </android.support.v4.widget.DrawerLayout>
   </LinearLayout>

Android 工具栏填满整个屏幕

Android toolbar filling entire screen

android

android-appcompat

android-5.0-lollipop

android-toolbar