如何將android工具欄添加到具有片段的活動中

Question

我在Android Studio中創建了一個新項目-帶片段的空白活動。 它創建了以下文件

• MainActivty.java MainActivityFragment.java activity_main.xml fragment_main.xxml

現在，我想添加一個工具欄，因此創建了一個app_bar.xml，如下所示

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    local:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

我如下修改了MainActivity.java

public class MainActivity extends AppCompatActivity {

    private Toolbar toolbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        toolbar = (Toolbar) findViewById(R.id.app_bar);
        this.setSupportActionBar(toolbar);
    }

activity_main.xml中

<fragment xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/fragment"
    android:name="com.lalapetstudios.udacityprojects.spotifystreamer.MainActivityFragment"
    tools:layout="@layout/fragment_main" android:layout_width="match_parent"
    android:layout_height="match_parent" />

fragment.xml之

<RelativeLayout 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" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivityFragment">

    <TextView android:text="@string/hello_world" android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

當我運行這個。 我得到以下異常

引起原因：java.lang.NullPointerException：嘗試在空對象引用上調用虛擬方法“ java.lang.CharSequence android.support.v7.widget.Toolbar.getTitle（）”

所以我如下修改了activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <include
      android:id="@+id/app_bar"
      layout="@layout/app_bar" />

<fragment
        android:id="@+id/fragment"
        android:name="com.lalapetstudios.udacityprojects.spotifystreamer.MainActivityFragment"
        tools:layout="@layout/fragment_main" android:layout_width="match_parent"
        android:layout_height="match_parent" />

    </LinearLayout>

還如下修改了app_bar.xml（刪除了android：id參數）

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    local:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

現在，該應用程序開始運行。 我無法看到工具欄。 但是，片段隱藏在工具欄的后面。 HelloWorld位於工具欄的后面。 我如何解決它。 謝謝。

Answer 1

在activity_main.xml文件中將方向更改為垂直。 見下文

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

    <include
      android:id="@+id/app_bar"
      layout="@layout/app_bar" />

  <fragment
      android:id="@+id/fragment"
      android:name="com.lalapetstudios.udacityprojects.spotifystreamer.MainActivityFragment"
      tools:layout="@layout/fragment_main" android:layout_width="match_parent"
      android:layout_height="match_parent" />

  </LinearLayout>