将工具栏中的视图从活动转换为片段

问题描述:

我有一个带有工具栏,导航抽屉和内容自定义视图的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:我最终重叠片段和原始视图:

enter image description here

我有一种理论认为,这是由FragmentManager导致无法替换从XML定义的活动视图或活动视图和片段之间的不兼容性。所以我决定引入新的Fragment并将所有的UI移动到这个片段。

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的碎片也找不到它/ inflater.inflate(R.layout.activity_puzzle, container, false) /。但是,如果它在活动/ setContentView(R.layout.activity_puzzle) /中。

我该如何让它工作?

+0

*原先我创建了一个片段,代之以android.R.id.content ... * - 到底为什么是如果您的活动内容位于content_puzzle布局中,您是否这样做?在该布局中,您应该有一个容器,其中将放置包含内容的碎片。 – Luksprog

+0

我创造了新的FrameLayout,并将其设置在与的setContentView(R.layout.activity_puzzle_fragments)和transaction.add活动(R.id.fragment_container,新PuzzleFragment(),它仍然不能以同样的方式。 –

+0

让你当前的设置,给一个id放在content_puzzle.xml文件中的RelativeLayout(我假设它是布局的根),然后删除你在RelativeLayout中的所有视图,并将它们作为片段的内容进行膨胀,然后可以使用事务将创建的片段添加到上面的RelativeLayout(然后替换它,执行另一个事务等) – Luksprog

诀窍是移动初始化程序,后期如源代码:

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); 
}