Android : How to make a tab not selectable/swipable as per radiobutton click

Question

In my android activity I have a radio button group and a tab layout using viewpager. There are two tabs and 2 radio buttons.

The first tab is an attachment tab
second one is an event tab.

When i checked the first radio button then user is not allowed to see the first tab,so i need to disable the first tab and shows the second tab for the user.If i selected the second radio button i need to enable the first tab and user is allowed to access the first tab.I don't want to remove the tab,i just want to disable it so that user can't access it by swiping or clicking on the tab.

How to do that? Below is my code to show tab.

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.create_asset);
    //remaining code
    viewPager2 = (ViewPager) findViewById(R.id.viewPager2);
    setupViewPager2(viewPager2);
    tabLayout2 = (TabLayout) findViewById(R.id.tab_layout2);
    tabLayout2.setupWithViewPager(viewPager2);//setting tab over viewpager
    rdbGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    }
    });

        @Override
        public void onCheckedChanged(RadioGroup group, int checkedId) {

    //Implementing tab selected listener over tablayout
    tabLayout2.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            viewPager2.setCurrentItem(tab.getPosition());//setting current selected item over viewpager
            switch (tab.getPosition()) {
                case 0:
                    Log.e("TAG","TAB1");
                    break;
                case 1:
                    Log.e("TAG","TAB2");
                    break;
            }
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {
        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {
        }
    });
    }  

//Setting View Pager
private void setupViewPager2(ViewPager viewPager) {
    expAttList = new ArrayList();
    adapter2 = new ViewPagerAdapter(getSupportFragmentManager());
    adapter2.addFrag(new AttachmentFragment("Attachments",expAttList,fontFamily), "Attachments");
    adapter2.addFrag(new EventFragment("Events",fontFamily), "Events");
    viewPager2.setAdapter(adapter2);
}


//View Pager fragments setting adapter class
class ViewPagerAdapter extends FragmentPagerAdapter {
    private final List mFragmentList = new ArrayList<>();//fragment arraylist
    private final List mFragmentTitleList = new ArrayList<>();//title arraylist

    public ViewPagerAdapter(FragmentManager manager) {
        super(manager);
    }

    @Override
    public Fragment getItem(int position) {
        return mFragmentList.get(position);
    }

    @Override
    public int getCount() {
        return mFragmentList.size();
    }


    //adding fragments and title method
    public void addFrag(Fragment fragment, String title) {
        mFragmentList.add(fragment);
        mFragmentTitleList.add(title);
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return mFragmentTitleList.get(position);
    }
}

layout file

user2986084 · Accepted Answer

It's a tricky one.You need to use a custom ViewPager for this.Below is the code. Change your ViewPager in xml to this :

Below is the custom view pager class :

public class NonSwipeableViewPager extends ViewPager {
private boolean enabled;

public NonSwipeableViewPager(Context context) {
    super(context);
    this.enabled = true;
}

public NonSwipeableViewPager(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.enabled = true;
}

@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
    if (this.enabled) {
        return super.onInterceptTouchEvent(event);
    }

    return false;
}

@Override
public boolean onTouchEvent(MotionEvent event) {
    if (this.enabled) {
        return super.onTouchEvent(event);
    }

    return false;
}

public void setPagingEnabled(boolean enabled) {
    this.enabled = enabled;
}
}

Now in your activity use below code :

NonSwipeableViewPager viewPager = (NonSwipeableViewPager) findViewById(R.id.pager);
//write code to set viewpager to the tablayout that u have already done.Use the same.
rdbGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        pos = rdbGroup.indexOfChild(findViewById(checkedId));
        LinearLayout tabStrip = ((LinearLayout)tabLayout.getChildAt(0));
        switch (pos) {
            case 0:
                viewPager.setCurrentItem(1);
                viewPager.setPagingEnabled(false);
                tabstrip.getChildAt(0).setClickable(false);
                tabstrip.getChildAt(0).setEnabled(false);
                break;
            case 1:
                viewPager.setCurrentItem(0);
                viewPager.setPagingEnabled(true);
                tabstrip.getChildAt(0).setClickable(true);
                tabstrip.getChildAt(0).setEnabled(true);
                break;
            default:
                //here add whatever you like
                break;
        }
    }
});

Use the swicth condition as per your requirement.

Android : How to make a tab not selectable/swipable as per radiobutton click

How to do that? Below is my code to show tab.

Answers (2)

Related Questions