Question

如何通过单击菜单项导航到片段。使用android导航组件。谢谢

Answer 1

我假设您使用的是kotlin和一个活动模式，请执行以下步骤

build.gradle

implementation "androidx.navigation:navigation-fragment-ktx:2.3.0-alpha03"
implementation "androidx.navigation:navigation-ui-ktx:2.3.0-alpha03"

在res->菜单文件夹中添加菜单

main_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
    android:id="@+id/fragment_two"
    android:title="Fragment Two"
    />
</menu>

MainActivity

class MainActivity : AppCompatActivity() {
lateinit var navController: NavController
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    navController = findNavController(this, R.id.nav_host_fragment)
}
override fun onCreateOptionsMenu(menu: Menu?): Boolean {
    menuInflater.inflate(R.menu.main_menu, menu)
    return true
}

override fun onOptionsItemSelected(item: MenuItem): Boolean {
    return item.onNavDestinationSelected(navController) || super.onOptionsItemSelected(item)
}

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
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="horizontal">

<fragment
    android:id="@+id/nav_host_fragment"
    android:name="androidx.navigation.fragment.NavHostFragment"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:defaultNavHost="true"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:navGraph="@navigation/main_graph" />

</androidx.constraintlayout.widget.ConstraintLayout>

在res->导航中 mian_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"
android:id="@+id/main_graph"
app:startDestination="@id/fragment_one">

<fragment android:id="@+id/fragment_one"
    android:label="FragmentOne"
    android:name="com.mohammedalaamorsi.test.FragmentOne" />// here you should put the path for your fragment


<fragment android:id="@+id/fragment_two"
    android:label="FragmentTwo"
    android:name="com.mohammedalaamorsi.test.FragmentTwo" />// here you should put the path for your fragment

</navigation>

Answer 2

您可以尝试一下

override fun onCreateOptionsMenu(menu: Menu, inflater: MenuInflater) {
            inflater.inflate(R.menu.menu_home, menu)
            var item: MenuItem = menu.findItem(R.id.actionABC)
            item.actionView.findViewById<AppCompatImageView>(R.id.ivScheduledTrip).setOnClickListener {

            }
            item = menu.findItem(R.id.actionABC)
            item.actionView.findViewById<AppCompatImageView>(R.id.ivShareRide).setOnClickListener {

            }
            super.onCreateOptionsMenu(menu, inflater)
        }

Answer 3

您可以尝试，

public boolean onNavigationItemSelected(MenuItem item) {
    Fragment newFragment; // This is the fragment you want to put into the FrameLayout

    int id = item.getItemId();
    if (id == R.id.nav_camara) {
        newFragment = new CameraFragment();
    } else if (id == R.id.nav_gallery) {
        newFragment = new GalleryFragment();
    } else if (id == R.id.nav_slideshow) {
        // [...]
    }

    // Let's put the new fragment into the FrameLayout
    // If you use the support action bar, use getSupportFragmentManager(), else getFragmentManager()
    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
    transaction.replace(R.id.fragment_container, newFragment); // R.id.fragment_container = FrameLayout ID
    transaction.commit();
}

Answer 4

在科特林：

在onNavigationItemSelected内，您会找到每个菜单项的when块。用以下代码替换when块中的内容：

R.id.nav_inbox -> {
  navController.navigate(R.id.inboxFragment)  //1
}

R.id.nav_sent -> {
  navController.navigate(R.id.sentFragment)  //2
}

R.id.nav_privacy_policy -> {
  navController.navigate(//id)  //3
}

R.id.nav_terms_of_service -> {
  navController.navigate(//id)  //4
}

Answer 5

对于Java，请检出https://www.androidauthority.com/android-navigation-architecture-component-908660/。希望您能从那里得到更多的解释。

Answer 6

这是MainActivity

public class MainActivity extends AppCompatActivity implements 
            BottomNavigationView.OnNavigationItemSelectedListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate( savedInstanceState );
    setContentView( R.layout.activity_main );

    bottomNavigationView = findViewById( R.id.bottom_navigation_view );
    bottomNavigationView.setItemIconTintList( null );
    bottomNavigationView.setOnNavigationItemSelectedListener( this );
   navController = Navigation.findNavController(this, R.id.nav_host_container);
    NavigationUI.setupActionBarWithNavController(this, navController);
}
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    Fragment fragment = null;
    switch (item.getItemId()) {
        case R.id.categoryFragment:
           Log.e("Click","categoryFragment");
            break;
        case R.id.favouriteFragment:
         Log.e("Click","favouriteFragment");
            break;
        case R.id.myPostFragment:
           Log.e("Click","myPostFragment");
            break;
    }
  return NavigationUI.onNavDestinationSelected(item, navController) || 
 super.onOptionsItemSelected(item);
}

}

activity_main.xml

 <LinearLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent">
<fragment
    android:id="@+id/nav_host_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:name="androidx.navigation.fragment.NavHostFragment"
    app:navGraph="@navigation/main"
    android:layout_marginBottom="56dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:defaultNavHost="true" />

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_navigation_view"
    android:layout_width="0dp"
    android:layout_height="60dp"
    android:background="#fff"
    app:itemIconTint="@drawable/tab_color"
    app:itemTextColor="@drawable/tab_color"
    app:labelVisibilityMode="labeled"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/bottom_nav_menu" />

现在在res文件夹中创建带有导航名称的文件夹，并将其命名为main.xml

<navigation
android:id="@+id/main.xml"
app:startDestination="@id/categoryFragment">

<fragment
    android:id="@+id/categoryFragment"
    android:name="com.therock.fragmentbackpressdemo.CategoryFragment"
    android:label="Category Fragment">
</fragment>
<fragment
    android:id="@+id/favouriteFragment"
    android:name="com.therock.fragmentbackpressdemo.FavouriteFragment"
    android:label="Favourite Fragment">
</fragment>
<fragment
    android:id="@+id/myPostFragment"
    android:name="com.therock.fragmentbackpressdemo.MyPostFragment"
    android:label="MyPostFragment">
</fragment>

如何使用Android Jetpack导航组件导航到菜单项上的片段

6 个答案: