使用ViewPager AddOnPageListener动画TabLayout图标

Question

I was making a simple filled and unfilled tab icons to my tab layout using the viewPager.addOnPageListener . I try it, by creating an array of icons.

The problem is that viewPager.addOnPageListener doesn't return false . It always return true . And if I invert the statement it always returns false .

Here's my sample code:

//TAB ICONS
    private final int[] icons = {R.drawable.home_96px,R.drawable.view_details_75px,R.drawable.today_75px,R.drawable.group_75px};
    private final int[] iconsFilled = {R.drawable.home_filled_96px,R.drawable.view_details_filled_75px,R.drawable.today_filled_75px,R.drawable.group_filled_75px};


//MAP VIEWPAGER AND TAB
public void setUpViewTab(){
    viewPager = (ViewPager) findViewById(R.id.viewpager);
    mTabLayout = (TabLayout) findViewById(R.id.tablayout);
    setupViewPager(viewPager);
    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            //CHANGE THE TOOLBAR TEXT AS IT TRANSFER TO OTHER FRAGMENTS
            switch (position){
                case 0:
                    if (position == 0) {
                        mTabLayout.getTabAt(0).setIcon(iconsFilled[0]);
                        mToolbar.setTitle("Yayong");
                    }else {
                        mTabLayout.getTabAt(0).setIcon(icons[0]);
                    }
                    break;

                case 1:
                    mTabLayout.getTabAt(1).setIcon(iconsFilled[1]);
                    mToolbar.setTitle("News");
                    break;

                case 2:
                    mTabLayout.getTabAt(2).setIcon(iconsFilled[2]);
                    mToolbar.setTitle("Events");
                    break;

                case 3:
                    mTabLayout.getTabAt(3).setIcon(iconsFilled[3]);
                    mToolbar.setTitle("Users");
                    break;
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {

            }

        });

    mTabLayout.setupWithViewPager(viewPager);
}

I try if else statement to see if it return false but didn't.

Answer 1

I know its' too late.. but still who are looking for an answer, here is the snippet

Set the listener to the viewpager

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            setupTabIcons(position);
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });

Method to change the Icon

 private int tabIconsFocus [] = new int[]{R.drawable.ic_conversation_focus,R.drawable.ic_contact_people_focus, R.drawable.ic_settings_focus};
private int tabIconsNoFocus [] = new int[]{R.drawable.ic_conversation_no_focus,R.drawable.ic_contact_people_no_focus, R.drawable.ic_settings_no_focus};

private void setupTabIcons(int pos) {
    switch (pos){
        case 0:
            tabLayout.getTabAt(0).setIcon(tabIconsFocus[0]);
            tabLayout.getTabAt(1).setIcon(tabIconsNoFocus[1]);
            tabLayout.getTabAt(2).setIcon(tabIconsNoFocus[2]);

            break;
        case 1:
            tabLayout.getTabAt(0).setIcon(tabIconsNoFocus[0]);
            tabLayout.getTabAt(1).setIcon(tabIconsFocus[1]);
            tabLayout.getTabAt(2).setIcon(tabIconsNoFocus[2]);

            break;

        case 2:
            tabLayout.getTabAt(0).setIcon(tabIconsNoFocus[0]);
            tabLayout.getTabAt(1).setIcon(tabIconsNoFocus[1]);
            tabLayout.getTabAt(2).setIcon(tabIconsFocus[2]);

            break;
    }
}

Note: this will not animate the item icon.. but does change the icon when the page changes