在片段中添加带有选项卡的导航抽屉 [英] Add Navigation Drawer with Tabs in Fragment

问题描述

实际上，我创建了一个导航抽屉活动，并且该活动运行完美，但是我想添加带有选项卡布局的Navigaion抽屉的第一项，以及带有片段的其余项(我已经完成了)，所以请帮助我如何做这个:

Acualy i created a navigation Drawer activity and this activiy works perfectly but i want to add the first item of Navigaion Drawer with tab layout and the remaining item with the fragments(which i already done) so please hep me how can i do this:

NavigationDrawer活动:

NavigationDrawer Activity:

public class NotificationDrawer extends AppCompatActivity {

private NavigationView navigationView;
private DrawerLayout drawer;
private View navHeader;
private ImageView imgNavHeaderBg, imgProfile;
private TextView txtName, txtWebsite;
private Toolbar toolbar;
private static final String urlProfileImg = "http://www.google/images.com;
public static int navItemIndex = 0;

// tags used to attach the fragments
private static final String TAG_HOME = "home";
private static final String TAG_VEHICLE = "vehicle";
private static final String TAG_ADDRESS= "address";
public static String CURRENT_TAG = TAG_HOME;

// toolbar titles respected to selected nav menu item
private String[] activityTitles;

// flag to load home fragment when user presses back key
private boolean shouldLoadHomeFragOnBackPress = true;
private Handler mHandler;


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.drawer_navigation);
    toolbar = (Toolbar) findViewById(R.id.toolbar);
   // toolbar.setNavigationIcon(R.drawable.ic_sort_white_24dp);
    setSupportActionBar(toolbar);
 /*   getSupportActionBar().setHomeButtonEnabled( true);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_sort_white_24dp);*/
    toolbar.setNavigationIcon(R.drawable.ic_sort_white_24dp);
    mHandler = new Handler();
    drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    navigationView = (NavigationView) findViewById(R.id.nav_view);
           // Navigation view header
    navHeader = navigationView.getHeaderView(0);
    txtName = (TextView) navHeader.findViewById(R.id.name);
    txtWebsite = (TextView) navHeader.findViewById(R.id.website);
    imgNavHeaderBg = (ImageView) navHeader.findViewById(R.id.img_header_bg);
    imgProfile = (ImageView) navHeader.findViewById(R.id.img_profile);

    // load toolbar titles from string resources
    activityTitles = getResources().getStringArray(R.array.nav_item_activity_titles);

    // load nav menu header data
 //  loadNavHeader();
    txtName.setText("Techiee");
    txtWebsite.setText("www.techiee.com");
    // initializing navigation menu
    setUpNavigationView();

    if (savedInstanceState == null) {
        navItemIndex = 0;
        CURRENT_TAG = TAG_HOME;
        loadHomeFragment();
    }
}

private void loadHomeFragment() {
    // selecting appropriate nav menu item
    selectNavMenu();

    // set toolbar title
    setToolbarTitle();
  if (getSupportFragmentManager().findFragmentByTag(CURRENT_TAG) != null) {
        drawer.closeDrawers();

        // show or hide the fab button
        //toggleFab();
        return;
    }

    Runnable mPendingRunnable = new Runnable() {
        @Override
        public void run() {
            // update the main content by replacing fragments
            Fragment fragment = getHomeFragment();
            FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
            fragmentTransaction.setCustomAnimations(android.R.anim.fade_in,
                    android.R.anim.fade_out);
            fragmentTransaction.replace(R.id.frame, fragment, CURRENT_TAG);
            fragmentTransaction.commitAllowingStateLoss();
        }
    };

    // If mPendingRunnable is not null, then add to the message queue
    if (mPendingRunnable != null) {
        mHandler.post(mPendingRunnable);
    }

    // show or hide the fab button
    //toggleFab();

    //Closing drawer on item click
    drawer.closeDrawers();

    // refresh toolbar menu
    invalidateOptionsMenu();
}

private Fragment getHomeFragment() {
    switch (navItemIndex) {
        case 0:
            // home
            HomeFragment homeFragment = new HomeFragment();
            return homeFragment;
        case 1:
            // registered_vehicle
            Registered_Vehicle registeredVehicle = new Registered_Vehicle();
            return registeredVehicle;
        case 2:
            // registeredAddress fragment
            RegisteredAddress registeredAddress = new RegisteredAddress();
            return registeredAddress;

        default:
            return new HomeFragment();
    }
}

private void setToolbarTitle() {
    getSupportActionBar().setTitle(activityTitles[navItemIndex]);
}

private void selectNavMenu() {
    navigationView.getMenu().getItem(navItemIndex).setChecked(true);
}

private void setUpNavigationView() {
    navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {

        // This method will trigger on item Click of navigation menu
        @Override
        public boolean onNavigationItemSelected(MenuItem menuItem) {
        //    navigationView.setItemIconTintList(null);
            //Check to see which item was being clicked and perform appropriate action
            switch (menuItem.getItemId()) {
                //Replacing the main content with ContentFragment Which is our Inbox View;
                case R.id.nav_home:
                    navItemIndex = 0;
                    CURRENT_TAG = TAG_HOME;
                    break;
                case R.id.registered_vehi:
                    navItemIndex = 1;
                    CURRENT_TAG = TAG_VEHICLE;
                    break;
                case R.id.registered_address:
                    navItemIndex = 2;
                    CURRENT_TAG = TAG_ADDRESS;
                    break;
                    drawer.closeDrawers();

                    navItemIndex = 0;
            }

            //Checking if the item is in checked state or not, if not make it in checked state
            if (menuItem.isChecked()) {
                menuItem.setChecked(false);
            } else {
                menuItem.setChecked(true);
            }
            menuItem.setChecked(true);

            loadHomeFragment();

            return true;
        }
    });


    ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this, drawer, toolbar, R.string.drawer_open, R.string.drawer_close) {

        @Override
        public void onDrawerClosed(View drawerView) {
            // Code here will be triggered once the drawer closes as we dont want anything to happen so we leave this blank
            super.onDrawerClosed(drawerView);
        }

        @Override
        public void onDrawerOpened(View drawerView) {
            // Code here will be triggered once the drawer open as we dont want anything to happen so we leave this blank
            super.onDrawerOpened(drawerView);
        }
    };


    //Setting the actionbarToggle to drawer layout
    drawer.setDrawerListener(actionBarDrawerToggle);

    //calling sync state is necessary or else your hamburger icon wont show up
    actionBarDrawerToggle.syncState();
    actionBarDrawerToggle.setDrawerIndicatorEnabled(false);
    toolbar.setNavigationIcon(R.drawable.ic_sort_white_24dp);
    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            drawer.openDrawer(GravityCompat.START);
        }
    });
}

drawer_navigation.xml

drawer_navigation.xml

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

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"

        android:layout_height="match_parent" />

    <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:itemIconTint="@color/buttonbackground"
        app:menu="@menu/activity_main_drawer" />

    </android.support.v4.widget.DrawerLayout

>

推荐答案

要在Tablayout中添加NavigationDrawer:

1.创建一个新文件"TabFragment.java"，以对&代码TabLayout和viewPager元素.

1.create a new File "TabFragment.java" to inflate & code TabLayout and viewPager elements.

2. viewPager要显示内容，需要Adapter.使用FragmentPagerAdapter来为制表符特定的片段充气.

2.For viewPager to display content it requires a Adapter . use a FragmentPagerAdapter which is used to inflate tab specific fragments.

3.FragmentPagerAdapter覆盖了三种主要方法:

3.The FragmentPagerAdapter overrides three main methods :

a)getCount():它返回要与视图分页器绑定的选项卡的总数.

a) getCount() : It returns the total number of tabs to be bind with the view pager.

b)getItem(整数位置):它将制表符特定的片段wrt返回到其位置.

b) getItem(int position) : It returns the tab-specific fragment wrt to its position.

c)getPageTitle(int position)`:根据位置返回标题的名称

c) getPageTitle(int position)` : It returns name of the title according to the position

4.最后，使用TabLayout的setupWithViewPager(viewPager)方法将ViewPager与TabLayout附加.

4.At the end , attach your ViewPager with the TabLayout with the setupWithViewPager(viewPager) method of the TabLayout .

这是一个详细的实现: https://androidbelieve.com/navigation-drawer-with-swipe-tabs-using-design-support-library/

Here is a detail implementation: https://androidbelieve.com/navigation-drawer-with-swipe-tabs-using-design-support-library/

希望有帮助.

当您使用toolbar时，您可以使用:

As u are using toolbar you can use:

    @Override
public boolean onNavigationItemSelected(MenuItem menuItem) {
    //Checking if the item is in checked state or not, if not make it in checked state
    if (menuItem.isChecked()) menuItem.setChecked(false);
    else menuItem.setChecked(true);

    //Closing drawer on item click
    drawerLayout.closeDrawers();

    //Check to see which item was being clicked and perform appropriate action
    switch (menuItem.getItemId()) {

    case R.id.first:
            toolbar.setTitle("First Item");
            return true;

    case R.id.second:
            toolbar.setTitle("Second Item");
            return true;
     }
}

设置标题..在单击片段期间

to set title..during click on fragments

这篇关于在片段中添加带有选项卡的导航抽屉的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！