Как скоординировать Навигационный Ящик с Навигационным Видом Кнопки

Question

Я довольно новичок в Android Dev. Я проверяю библиотеку дизайна материалов и реализовал блок навигации с нижней навигацией для удобной навигации по фрагментам. Оба компонента работают нормально, но я не знаю, как координировать навигацию с обоими компонентами. Например, когда фрагмент переключается в блоке навигации, он изменяет макет, но элемент навигации, выбранный кнопкой, не изменяется вместе с ним.

Как я могу решить эту проблему и связать оба компонента для работы друг с другом и синхронизировать измененный выбранный элемент?

Вот так выглядит мой java-файл и вот ссылка на весь проект на GitHub: https://github.com/mreek/NavigationDrawer

Заранее спасибо.

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {

    private DrawerLayout drawer;
    private TextView appBarTV;
    private static final String TAG = "MyActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Intent intent= new Intent(this,IntroActivity.class);
        startActivity(intent);

        drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        appBarTV = findViewById(R.id.appbar_text_view);

        ImageButton menuRight = findViewById(R.id.leftRight);
        menuRight.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (drawer.isDrawerOpen(GravityCompat.START)) {
                    drawer.closeDrawer(GravityCompat.START);
                } else {
                    drawer.openDrawer(GravityCompat.START);
                }
            }
        });

        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);

        BottomNavigationView bottomNavigationView = (BottomNavigationView)findViewById(R.id.navigation);

        bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                Fragment selectedFragment = null;
                switch (item.getItemId()) {
                    case R.id.action_item1:
                        selectedFragment = MainFragment.newInstance();
                        break;
                    case R.id.action_item2:
                        selectedFragment = AccountFragment.newInstance();
                        break;
                    case R.id.action_item3:
                        selectedFragment = SellFragment.newInstance();
                        break;
                    case R.id.action_item4:
                        selectedFragment = ChatFragment.newInstance();
                        break;
                    case R.id.action_item5:
                        selectedFragment = NotificationFragment.newInstance();
                        break;
                }
                FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
                transaction.replace(R.id.f_container, selectedFragment);
                transaction.commit();
                return true;
            }
        });

        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        transaction.replace(R.id.f_container, MainFragment.newInstance());
        transaction.commit();
    }

    @Override
    public void onBackPressed() {
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        drawer.closeDrawers();
        FragmentTransaction ft = getSupportFragmentManager().beginTransaction();

        int id = item.getItemId();

        if (id == R.id.nav_camera) {
            MainFragment fragment = new MainFragment();
            ft.replace(R.id.f_container, fragment);
            ft.commit();
        } else if (id == R.id.nav_gallery) {
            //appBarTV.setText("Fragment With Tabs");
            ChatFragment fragment = new ChatFragment();
            ft.replace(R.id.f_container, fragment);
            ft.commit();
        } else if (id == R.id.nav_slideshow) {
            AccountFragment fragmentTab = new AccountFragment();
            ft.replace(R.id.f_container, fragmentTab);
            ft.commit();
        } else if (id == R.id.nav_share) {
            Toast.makeText(this, "Partager", Toast.LENGTH_SHORT).show();
        } else if (id == R.id.nav_send) {
            Toast.makeText(this, "Rate 5 stars", Toast.LENGTH_SHORT).show();
        }

        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        return true;
    }
}

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include layout="@layout/app_bar_main" />

        <FrameLayout
            android:id="@+id/f_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <android.support.design.widget.BottomNavigationView
            android:id="@+id/navigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="3dp"
            android:background="@color/white"
            app:itemIconTint="@color/blue"
            app:itemTextColor="@color/blue"
            app:menu="@menu/bottom_navigation_items" />

    </RelativeLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer"
        app:itemTextColor="@color/black"/>
</android.support.v4.widget.DrawerLayout>

Answer 1

Прежде всего вы должны избегать воссоздания фрагментов, когда пользователь выбирает вкладку в нижней части навигации. Вы должны хранить свои фрагменты как частные переменные:

private DrawerLayout drawer;
private BottomNavigationView bottomNavigationView;
private MainFragment mainFragment = MainFragment.newInstance();
private AccountFragment accountFragment = AccountFragment.newInstance();
private SellFragment sellFragment = SellFragment.newInstance();
private ChatFragment chatFragment = ChatFragment.newInstance();
private NotificationFragment notificationFragment = NotificationFragment.newInstance();

Когда пользователь выбирает вкладку, просто переходите к этому фрагменту:

bottomNavigationView.setOnNavigationItemSelectedListener(item -> {
    Fragment selectedFragment = null;
    switch (item.getItemId()) {
        case R.id.action_announces:
            selectedFragment = mainFragment;
            break;
        case R.id.action_account:
            selectedFragment = accountFragment;
            break;
        case R.id.action_sell:
            selectedFragment = sellFragment;
            break;
        case R.id.action_chat:
            selectedFragment = chatFragment;
            break;
        case R.id.action_notifications:
            selectedFragment = notificationFragment;
            break;
    }
    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
    if (selectedFragment != null) {
        transaction.replace(R.id.f_container, selectedFragment);
        transaction.commit();
    }
    return true;
});

Когда пользователь выбирает вкладку с помощью меню навигации, чтобы перейти к нужному фрагменту:

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    drawer.closeDrawers();
    FragmentTransaction ft = getSupportFragmentManager().beginTransaction();

    switch (item.getItemId()) {
        case R.id.nav_announces:
            bottomNavigationView.setSelectedItemId(R.id.action_announces);
            ft.replace(R.id.f_container, mainFragment);
            break;
        case R.id.nav_account:
            bottomNavigationView.setSelectedItemId(R.id.action_account);
            ft.replace(R.id.f_container, accountFragment);
            break;
        case R.id.nav_sell:
            bottomNavigationView.setSelectedItemId(R.id.action_sell);
            ft.replace(R.id.f_container, sellFragment);
            break;
        case R.id.nav_chat:
            bottomNavigationView.setSelectedItemId(R.id.action_chat);
            ft.replace(R.id.f_container, chatFragment);
            break;
        case R.id.nav_notifications:
            bottomNavigationView.setSelectedItemId(R.id.action_notifications);
            ft.replace(R.id.f_container, notificationFragment);
            break;
    }

    ft.commit();
    return true;
}

Я переделал ваш репозиторий и перенес его в AndroidX перед тем, как исправить его в новой ветке под названием androidx. Я сделал запрос тянуть к вам. Вы можете принять и попробовать это.

Answer 2

попробуйте этот код:

private void setupNavDrawer(NavigationView navigationView) {
    navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {

             Fragment fragment = null;

             switch (item.getItemId()){
                case R.id.nav_gallery:
                   fragment = new GalleryFragment();
                   break;
                case R.id.nav_share:
                   fragment = new ShareFragment();
                   break;
                default:
                   fragment = new GalleryFragment();
                   break;

            FragmentManager fragmentManager = getSupportFragmentManager();
            fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();

           //if checked - set title menu
            item.setChecked(true);
            setTitle(item.getTitle());
            mDrawerLayout.closeDrawers();

            return true;
        }
    }); 
}

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ............//nav
    setupNavDrawer(navigationView);
}