Android Jetpack BottomNavigationView如何应用自定义片段过渡

Question

我想在BottomNavigationView更改其当前片段时添加新的片段过渡。我想从左到右输入下一个片段。

我看不到Jetpack BottomNavigationView添加自定义片段过渡动画的原因，因为BottomNavigationView没有可用的动作。

Answer 1

按照this issue：

NavigationUI遵循材质设计准则，对于BottomNavigationView项之间的交叉淡入淡出动画，该准则specifically calls [请参见“过渡”部分。

如果您要偏离准则和NavigationUI提供的内容，则设置自己的监听器确实是正确的方法。

因此，您需要查看NavigationUI source code的onNavDestinationSelected()方法，并制作自己的版本，以传递所需的自定义动画，并从您自己的OnNavigationItemSelectedListener中调用它。

Answer 2

我已经发布了这个问题，我从ianhanniballake的答案（我接受的答案）中得到了很大的帮助，可以满足我的期望。对于以后引用此问题并回答的人们，我将在下面添加一些代码以进一步参考和理解。浏览代码后，如果您需要任何帮助，请随时发表评论。

以下是我在MainActivity.java" OnCreate()方法中的源代码

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final BottomNavigationView bottomNavigationView=findViewById(R.id.bottomNavigationView);
    final NavController navController= Navigation.findNavController(this,R.id.nav_host_fragment);
    selectedItem=R.id.firstFragment1;
    bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()){
                case R.id.firstFragment1:

                    if(selectedItem != R.id.firstFragment1){
                        selectedItem = R.id.firstFragment1;
                        navController.popBackStack();
                    }
                    break;
                case R.id.secondFragment1:
                    if(selectedItem != R.id.secondFragment1) {
                        selectedItem= R.id.secondFragment1;
                        Log.d("palvision.dev", "action to first fragment");
                        navController.navigate(R.id.action_firstFragment_to_secondFragment2);
                    }
                    break;
            }
            return true;
        }
    });
}

以下是我在nav_graph.xml中的源代码，它是导航图。

<?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/nav_graph"
app:startDestination="@id/firstFragment">
<fragment
    android:id="@+id/firstFragment"
    android:name="com.dehan.myapplicationnavtest.FirstFragment"
    tools:layout="@layout/fragment_first" >
    <action
        android:id="@+id/action_firstFragment_to_secondFragment2"
        app:destination="@+id/secondFragment"
        app:enterAnim="@anim/enter_from_right"
        app:exitAnim="@anim/exit_to_left"
        app:popEnterAnim="@anim/enter_from_left"
        app:popExitAnim="@anim/exit_to_right" />
</fragment>
<fragment
    android:id="@+id/secondFragment"
    android:name="com.dehan.myapplicationnavtest.SecondFragment"
    tools:layout="@layout/fragment_second" />

以下为FirstFragment.java的代码

public class FirstFragment extends Fragment {

public FirstFragment() {
    // Required empty public constructor
}


@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_first, container, false);
}

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);

    Toolbar toolbar=view.findViewById(R.id.toolbar);
    NavController navController= Navigation.findNavController(getActivity(),R.id.nav_host_fragment);
    AppBarConfiguration appBarConfiguration =new AppBarConfiguration.Builder(navController.getGraph()).build();

    NavigationUI.setupWithNavController(toolbar,navController,appBarConfiguration);
}
}

以下为SecondFragment.java的代码

public class SecondFragment extends Fragment {

public SecondFragment() {
    // Required empty public constructor
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_second, container, false);
}
}

以下是enter_from_right.xml的代码，该代码位于anim文件夹中。其他所有动画文件也都放在anim文件夹中。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false">
<translate
    android:fromXDelta="100%" android:toXDelta="0%"
    android:fromYDelta="0%" android:toYDelta="0%"
    android:duration="400" />

以下为exit_to_left.xml的代码

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false">
<translate
    android:fromXDelta="0%" android:toXDelta="-100%"
    android:fromYDelta="0%" android:toYDelta="0%"
    android:duration="400"/>

enter_from_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false">
<translate
    android:fromXDelta="-100%" android:toXDelta="0%"
    android:fromYDelta="0%" android:toYDelta="0%"
    android:duration="400"/>

exit_to_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false">
<translate
    android:fromXDelta="0%" android:toXDelta="100%"
    android:fromYDelta="0%" android:toYDelta="0%"
    android:duration="400" />