SliderMenu遮挡Tab及Home菜单跳转Encode Tab异常问题求助

Hi there! Let's tackle your two issues one by one:

1. Fix SliderMenu (DrawerLayout) appearing above Tabs #

The core problem here is your layout hierarchy is inverted. Right now, you've wrapped DrawerLayout inside CoordinatorLayout, which causes the drawer to sit on top of your AppBar (including the Tabs). The correct structure should have DrawerLayout as the root container, with your main content (CoordinatorLayout) and NavigationView as its direct children.

Here's the corrected activity_main.xml code:

<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">

    <!-- Main Content -->
    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:layout_scrollFlags="scroll|enterAlways"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

            <android.support.design.widget.TabLayout
                style="@style/AppTabIndicatorLayout"
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?attr/colorPrimaryDark"
                app:tabMode="fixed"
                app:tabGravity="fill" />

        </android.support.design.widget.AppBarLayout>

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

    </android.support.design.widget.CoordinatorLayout>

    <!-- Navigation Drawer -->
    <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" />

</android.support.v4.widget.DrawerLayout>

Key Changes: #

• Made DrawerLayout the root element
• Moved your entire CoordinatorLayout (containing AppBar, Tabs, ViewPager) as the first child of DrawerLayout (this is the main content that the drawer slides over)
• Kept NavigationView as the second child (the sliding menu itself)

2. Fix Home menu item directly navigating to Encode Tab #

The issue likely stems from your navigation logic checking if the menu item is already selected before triggering the ViewPager switch. Since Home is probably the default selected item when the app starts, clicking it initially doesn't trigger any action. Here's how to fix this:

Step 1: Update your NavigationView click listener #

Make sure that when the Home item is clicked, you explicitly set the ViewPager to the Encode tab's position, regardless of whether the item was already selected.

Example code in your MainActivity:

NavigationView navView = findViewById(R.id.nav_view);
navView.setNavigationItemSelectedListener(item -> {
    int id = item.getItemId();

    // Assume your Encode tab is at index 1 (adjust this to your actual index)
    int encodeTabIndex = 1;

    if (id == R.id.nav_home) {
        // Directly set ViewPager to Encode tab
        ViewPager viewPager = findViewById(R.id.viewpager);
        viewPager.setCurrentItem(encodeTabIndex);
    } 
    // Handle other menu items here...
    else if (id == R.id.nav_other_item) {
        // Your existing logic
    }

    // Close the drawer after selection
    DrawerLayout drawer = findViewById(R.id.drawer_layout);
    drawer.closeDrawer(GravityCompat.START);
    return true;
});

Step 2: Optional - Set initial ViewPager state (if needed) #

If you want the app to open directly to the Encode tab (with Home selected in the drawer), add this in your onCreate method:

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

    // Initialize ViewPager and TabLayout as usual
    ViewPager viewPager = findViewById(R.id.viewpager);
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
    // Add your fragments to the adapter...
    viewPager.setAdapter(adapter);

    TabLayout tabLayout = findViewById(R.id.tabs);
    tabLayout.setupWithViewPager(viewPager);

    // Set initial tab to Encode
    int encodeTabIndex = 1; // Adjust to your actual index
    viewPager.setCurrentItem(encodeTabIndex);

    // Set Home as selected in NavigationView
    NavigationView navView = findViewById(R.id.nav_view);
    navView.setCheckedItem(R.id.nav_home);
}

Why this works: #

• By removing any "if not selected" checks for the Home item, we ensure every click triggers the ViewPager switch
• The optional step ensures the app starts in the desired state, matching your user's expectation

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