实现BottomNavigationView和Navigation联动
- 界面展示
- 引入依赖
- 创建Fragment
- 创建navigation
- 为BottomNavigationView创建menu
- 主界面布局
- 实现BottomNavigationView和Navigation联动
界面展示
![在这里插入图片描述](https://img-blog.csdnimg.cn/fe51dbb9d7e04052bcd44ddfdb344102.png#pic_center)
引入依赖
implementation "androidx.navigation:navigation-fragment:2.2.2"
implementation "androidx.navigation:navigation-ui:2.2.2"
创建Fragment
![在这里插入图片描述](https://img-blog.csdnimg.cn/2f2487f02a4c4ed08e90768269a62d62.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/84c3297187074ad69c3bc97d6bd9d412.png#pic_center)
创建navigation
![在这里插入图片描述](https://img-blog.csdnimg.cn/12a2f12cadaf4a3cbc4097f9bb1e5932.png)
<?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"
app:startDestination="@id/oneFragment2">
<fragment
android:id="@+id/oneFragment2"
android:name="com.example.navigation.OneFragment"
android:label="fragment_one"
tools:layout="@layout/fragment_one" />
<fragment
android:id="@+id/twoFragment2"
android:name="com.example.navigation.TwoFragment"
android:label="fragment_two"
tools:layout="@layout/fragment_two" />
<fragment
android:id="@+id/threeFragment2"
android:name="com.example.navigation.ThreeFragment"
android:label="fragment_three"
tools:layout="@layout/fragment_three" />
</navigation>
注意这里的三个ID
![在这里插入图片描述](https://img-blog.csdnimg.cn/4ac45f41b1ca4cb0b814a9ff51796def.png#pic_center)
为BottomNavigationView创建menu
![在这里插入图片描述](https://img-blog.csdnimg.cn/bcffd208aa3f41948791bc840a42c41c.png)
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/oneFragment2"
android:icon="@drawable/ic_launcher_background"
android:title="Item" />
<item
android:id="@+id/twoFragment2"
android:icon="@drawable/ic_launcher_background"
android:title="Item" />
<item
android:id="@+id/threeFragment2"
android:icon="@drawable/ic_launcher_background"
android:title="Item" />
</menu>
这里的三个ID必须和刚才一样
![在这里插入图片描述](https://img-blog.csdnimg.cn/6051ced9f5a94920addc79e395634c1f.png#pic_center)
主界面布局
![在这里插入图片描述](https://img-blog.csdnimg.cn/acc897bb9eb04f1c9e5426011a2871cb.png)
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >
<androidx.fragment.app.FragmentContainerView
android:id="@+id/fragmentContainerView"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
app:defaultNavHost="true"
app:navGraph="@navigation/nav_graph" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/main_bottom_navigation_view"
android:layout_width="match_parent"
android:layout_height="50dp"
app:menu="@menu/menu" />
</LinearLayout>
实现BottomNavigationView和Navigation联动
![在这里插入图片描述](https://img-blog.csdnimg.cn/32eb93efb234421ea3588c7b62888c57.png)
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.fragment.NavHostFragment;
import androidx.navigation.ui.NavigationUI;
import android.os.Bundle;
import com.google.android.material.bottomnavigation.BottomNavigationView;
import com.google.android.material.tabs.TabLayout;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
NavHostFragment navHostFragment = (NavHostFragment) getSupportFragmentManager()
.findFragmentById(R.id.fragmentContainerView);
NavController navController = navHostFragment.getNavController();
BottomNavigationView bottomNavigationView = findViewById(R.id.main_bottom_navigation_view);
NavigationUI.setupWithNavController(bottomNavigationView, navController);
}
}
主要是三面四行代码
NavHostFragment navHostFragment = (NavHostFragment) getSupportFragmentManager()
.findFragmentById(R.id.fragmentContainerView);
NavController navController = navHostFragment.getNavController();
BottomNavigationView bottomNavigationView = findViewById(R.id.main_bottom_navigation_view);
NavigationUI.setupWithNavController(bottomNavigationView, navController);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)