Androidx-如何使用导航从父片段处理嵌套图的片段?

时间:2019-09-24 03:19:15

标签: android android-architecture-components androidx android-jetpack android-jetpack-navigation

enter image description here

这是场景:-

我有一个Main Activity,它具有根NavGraph并默认加载片段A。如果我从片段A移到其中有子片段和TabLayout的片段B,那么用户可以在其中切换片段,为此我在片段B内为子片段创建了一个新的嵌套图。 A到Fragment B,能够在我的子Fragment中显示Fragment C,因为我在嵌套图中将start Destination设置为Fragment C。

***root Navigation Graph***



     <?xml version="1.0" encoding="utf-8"?>
    <navigation xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"
                android:id="@+id/navigation_graph"
                app:startDestination="@id/fragmentC">

        <fragment
                android:id="@+id/FragmentA"
                android:name="com.myapp.fragment.FragmentA"
                android:label="Fragment A"
                tools:layout="@layout/fragment_A">
            <action
                    android:id="@+id/action_fragmentA_to_fragmentB"
                    app:destination="@id/fragmentB" />
        </fragment>
        <fragment
                android:id="@+id/fragmentB"
               android:name="com.myapp.fragment.FragmentB"
                android:label="FragmentB"
                tools:layout="@layout/fragment_B">
            <action
                    android:id="@+id/action_fragmentB_to_second_graph"
                    app:destination="@id/navigation_graph2" />
        </fragment>

        <include app:graph="@navigation/navigation_graph2" />

    </navigation>


    ***Nested Navigation Graph***


        <?xml version="1.0" encoding="utf-8"?>
        <navigation 
    xmlns:android="http://schemas.android.com/apk/res/android"
                    xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"
                    android:id="@+id/navigation_graph2"
                    app:startDestination="@id/FragmentC">

            <fragment android:id="@+id/FragmentC"
                      android:name="com.myapp.fragment.FragmentC"
                      android:label="Fragment C"
                      tools:layout="@layout/fragment_C">
 <action
                android:id="@+id/action_fragmentC_fragmentD"
                app:destination="@id/FragmentD" />
            </fragment>

            <fragment android:id="@+id/FragmentD"
                      android:name="com.myapp.fragment.FragmentD"
                      android:label="Fragment D"
                      tools:layout="@layout/fragment_D">
 <action
                android:id="@+id/action_fragmentD_fragmentC"
                app:destination="@id/FragmentC" />
            </fragment>
        </navigation>

***Inside Fragment B***

public class FragmentB extends BaseFragment<FragmentAssignmentsBinding>
        implements TabLayout.OnTabSelectedListener{

    NavController nestedNavController;

    @Override
    public int getLayoutId() {
        return R.layout.fragment_assignments;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        if(getFragmentDataBinding()==null)
            return;
        nestedNavController = Navigation.findNavController(view);
        getFragmentDataBinding().myTabLayout.addOnTabSelectedListener(this);
    }



    @Override
    public void onTabSelected(TabLayout.Tab tab) {

        switch (tab.getPosition()) {
            case 0:
  //***Here  how to handle the nested graph Fragment Action ?***      
             nestedNavController.navigate(R.id. action_fragmentC_fragmentD);
break;
            case 1:
                 nestedNavController.navigate(R.id. action_fragmentD_fragmentC);
                break;
        }

    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {

    }

    @Override
    public void onTabReselected(TabLayout.Tab tab) {

    }
}

现在的问题是-> onClicking parentFragment(Fragment B)中的Tab A或Tab B时,我必须访问嵌套的NavGraph操作来替换parentFragment中的片段。但是遇到错误:-

  

java.lang.IllegalArgumentException:导航目标   com.myapp:id / action_fragmentC_fragmentD为   该NavController未知

任何帮助或指导都将真正有用。

2 个答案:

答案 0 :(得分:1)

在片段B布局中,您应该具有以下内容:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="match_parent"
    android:orientation="vertical">
    <android.support.design.widget.TabLayout  
        android:id="@+id/tabLayout"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:background="#1db995">  
    </android.support.design.widget.TabLayout>  

    <android.support.v4.view.ViewPager  
        android:id="@+id/viewPager"  
        android:layout_width="355dp"  
        android:layout_height="455dp"  
        app:layout_constraintTop_toBottomOf="@+id/tabLayout"  
        tools:layout_editor_absoluteX="8dp" /> 

    <fragment
        android:id="@+id/base_container"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dimen_constraint"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/activity_base_toolbar_main"
        app:navGraph="@navigation/navigation_graph2" />
    ...

public class FragmentB extends ...
...

@Override
public void onTabSelected(TabLayout.Tab tab) {
    controller = findNavController(R.id.base_container)
    switch (tab.getPosition()) {
        case 0:
            controller.navigate(R.id.action_fragmentC_fragmentD);
        break;
        case 1:
            controller.navigate(R.id.action_fragmentD_fragmentC);
            break;
    }

}
...

或者,作为解决方法,您可以考虑使用BottomNavigationView重现TabLayout的相同行为

答案 1 :(得分:0)

引用Ian Lake's answer

  

根据此issue

     

导航集中在影响后向堆栈的元素上,而制表符   不会影响后堆栈-您应该继续使用   ViewPager and TabLayout

因此,您必须将ViewPager与TabLayout(而不是嵌套的导航图)一起使用。

请查看tablayout branch作为工作示例。