将带有工具栏的视图从 Activity 转换为 Fragment

Question

我有一个 AppCompatActivity 屏幕，其中包含工具栏、导航抽屉和内容中的自定义视图。我想显示一个配置。我不会使用对话框，因为它会很大并且会打开对话框。我的朋友建议我重写代码以获得两个片段并在它们之间切换。

当前代码：

public class PuzzleActivity extends AppCompatActivity implements
    NavigationView.OnNavigationItemSelectedListener

protected void onCreate(Bundle state) {
    setContentView(R.layout.activity_puzzle);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this, drawer, toolbar, R.string.drawer_open, R.string.drawer_close);
    drawer.setDrawerListener(toggle);
    toggle.syncState();

    NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
    navigationView.setNavigationItemSelectedListener(this);

activity_puzzle.xml（简化）

<android.support.v4.widget.DrawerLayout android:id="@+id/drawer_layout"
android:fitsSystemWindows="true" tools:openDrawer="start">

<include
    layout="@layout/app_bar_puzzle"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:fitsSystemWindows="true"
    app:menu="@menu/drawer_main" />

app_bar_puzzle.xml（简化）

<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

<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" />
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_puzzle" />

最后是 content_puzzle.xml（再次简化，为简单起见将自定义视图替换为 textView）

<RelativeLayout 
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">

<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="Content"/>

最初我创建了一个片段并用这个片段替换了 android.R.id.content：我最终得到了重叠的片段和原始视图：

我有一个理论，这是由于 FragmentManager 无法替换从 XML 定义的活动视图或活动视图和片段之间的不兼容造成的。所以我决定引入新的 Fragment 并将所有 UI 移到这个 Fragment 上。

PuzzleFragment.java 派生自支持库：

public class PuzzleFragment extends Fragment {    
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.activity_puzzle, container, false);

        Toolbar toolbar = (Toolbar) getActivity().findViewById(R.id.toolbar);
        ((AppCompatActivity)getActivity()).setSupportActionBar(toolbar);

        DrawerLayout drawer = (DrawerLayout) getActivity().findViewById(R.id.drawer_layout);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(getActivity(), drawer, toolbar, R.string.drawer_open, R.string.drawer_close);
        drawer.setDrawerListener(toggle);
        toggle.syncState();    

        return view;
    }

但这在工具栏初始化时失败：

Caused by: java.lang.NullPointerException: Attempt to invoke virtual method 'java.lang.CharSequence android.support.v7.widget.Toolbar.getTitle()' on a null object reference
at android.support.v7.widget.ToolbarWidgetWrapper.<init>(ToolbarWidgetWrapper.java:98)
at android.support.v7.widget.ToolbarWidgetWrapper.<init>(ToolbarWidgetWrapper.java:91)
at android.support.v7.app.ToolbarActionBar.<init>(ToolbarActionBar.java:73)
at android.support.v7.app.AppCompatDelegateImplV7.setSupportActionBar(AppCompatDelegateImplV7.java:205)
at android.support.v7.app.AppCompatActivity.setSupportActionBar(AppCompatActivity.java:99)
at PuzzleFragment.onCreateView(PuzzleFragment.java:30)

工具栏为空，findViewById 在 Fragment /inflater.inflate(R.layout.activity_puzzle, container, false)/ 中找不到。但如果它在 Activity /setContentView(R.layout.activity_puzzle)/ 中，它会这样做。

我怎样才能让它工作？

Answer 1

诀窍是将初始化过程移到后面的阶段，如源代码所示：

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    Log.d(logTag, "onCreateView()");
    return inflater.inflate(R.layout.activity_puzzle, container, false);
}

@Override
public void onActivityCreated(Bundle savedInstanceState) {
    Log.d(logTag, "onActivityCreated()");
    super.onActivityCreated(savedInstanceState);
    Toolbar toolbar = (Toolbar) getActivity().findViewById(R.id.toolbar);
    ((AppCompatActivity)getActivity()).setSupportActionBar(toolbar);

    DrawerLayout drawer = (DrawerLayout) getActivity().findViewById(R.id.drawer_layout);
    ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(getActivity(), drawer, toolbar, R.string.drawer_open, R.string.drawer_close);
    drawer.setDrawerListener(toggle);
    toggle.syncState();

    NavigationView navigationView = (NavigationView) getActivity().findViewById(R.id.nav_view);
    navigationView.setNavigationItemSelectedListener(this);
}