Android中Tab切换Fragment时动态修改Toolbar的实现疑问

Got it, let's fix this. The SectionsPagerAdapter is mainly responsible for creating fragments and providing tab titles—it's not the right spot to handle UI changes like switching Toolbars. Instead, we need to listen for when the user switches tabs (either by clicking the TabLayout or swiping the ViewPager) and update the Toolbar in that listener.

Here are two reliable ways to do this:

Option 1: Use ViewPager's Page Change Listener #

This works for both tab clicks and swiping between pages, which is great for consistency. Add this code right after you set up your ViewPager and TabLayout in the main activity:

mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        // We don't need this for Toolbar changes, leave it empty
    }

    @Override
    public void onPageSelected(int position) {
        // This method triggers when the user switches to a new page
        updateToolbarForPosition(position);
    }

    @Override
    public void onPageScrollStateChanged(int state) {
        // No action needed here
    }
});

// Helper method to keep code clean
private void updateToolbarForPosition(int position) {
    Toolbar currentToolbar = findViewById(R.id.main_toolbar); // Reference your main Toolbar
    setSupportActionBar(currentToolbar);

    switch (position) {
        case 0:
            getSupportActionBar().setTitle("Chats");
            // Optional: Customize Toolbar appearance (color, menu, etc.)
            currentToolbar.setBackgroundColor(getResources().getColor(R.color.chats_toolbar_color));
            invalidateOptionsMenu(); // Refresh menu items if needed
            break;
        case 1:
            getSupportActionBar().setTitle("View");
            currentToolbar.setBackgroundColor(getResources().getColor(R.color.view_toolbar_color));
            invalidateOptionsMenu();
            break;
        case 2:
            getSupportActionBar().setTitle("Account");
            currentToolbar.setBackgroundColor(getResources().getColor(R.color.account_toolbar_color));
            invalidateOptionsMenu();
            break;
    }
}

If you have separate Toolbar instances in your activity layout (instead of modifying a single one), adjust the helper method to show/hide them:

private void updateToolbarForPosition(int position) {
    Toolbar chatsToolbar = findViewById(R.id.chats_toolbar);
    Toolbar viewToolbar = findViewById(R.id.view_toolbar);
    Toolbar accountToolbar = findViewById(R.id.account_toolbar);

    // Hide all Toolbars first
    chatsToolbar.setVisibility(View.GONE);
    viewToolbar.setVisibility(View.GONE);
    accountToolbar.setVisibility(View.GONE);

    // Show the selected Toolbar
    switch (position) {
        case 0:
            chatsToolbar.setVisibility(View.VISIBLE);
            setSupportActionBar(chatsToolbar);
            getSupportActionBar().setTitle("Chats");
            break;
        case 1:
            viewToolbar.setVisibility(View.VISIBLE);
            setSupportActionBar(viewToolbar);
            getSupportActionBar().setTitle("View");
            break;
        case 2:
            accountToolbar.setVisibility(View.VISIBLE);
            setSupportActionBar(accountToolbar);
            getSupportActionBar().setTitle("Account");
            break;
    }
}

Option 2: Use TabLayout's Tab Selected Listener #

If you only need to react to tab clicks (not swiping), use this instead:

mTabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
    @Override
    public void onTabSelected(TabLayout.Tab tab) {
        int position = tab.getPosition();
        updateToolbarForPosition(position); // Reuse the helper method from Option 1
    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {
        // No action needed
    }

    @Override
    public void onTabReselected(TabLayout.Tab tab) {
        // Optional: Handle if the user taps the same tab again
    }
});

Why Your Previous Attempts Didn't Work #

The SectionsPagerAdapter's getItem() method only runs when a fragment is first created (not every time the user switches to it). ViewPager caches fragments by default, so getItem() won't trigger again when the user swipes back to a previously loaded fragment. This is why your Toolbar change logic there didn't work consistently.

By using the ViewPager or TabLayout listeners, we directly react to the user's tab switch action, ensuring the Toolbar updates every time they navigate between tabs.

内容的提问来源于stack exchange，提问作者vivanred