如何添加Tablayout图标

Question

I have one question, how do I implement icons for tablayout.

I have 3 tabs and for all tabs I have icons selected and unselected. (White-Yellow color).

But, dunno how to implement those.

Here is mine UserActivity class:

public class UserActivity extends AppCompatActivity {
    FragmentPagerAdapter adapterViewPager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user);
        // Get the ViewPager and set it's PagerAdapter so that it can display items
        ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);
        adapterViewPager = new UserFragmentPagerAdapter(getSupportFragmentManager());
        viewPager.setAdapter(adapterViewPager);

        // Give the TabLayout the ViewPager
        TabLayout tabLayout = (TabLayout) findViewById(R.id.sliding_tabs);
        tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
        tabLayout.setTabMode(TabLayout.MODE_FIXED);
        tabLayout.setupWithViewPager(viewPager);
        tabLayout.setTabTextColors(getResources().getColorStateList(R.color.selector));
    }

UserFragmentPageAdapter:

 public UserFragmentPagerAdapter(FragmentManager fragmentManager) {
        super(fragmentManager);
    }

    @Override
    public int getCount() {

        return NUM_ITEMS;
    }

    @Override
    public Fragment getItem(int position) {
        switch (position) {
            case 0: // Fragment # 0 - This will show FirstFragment
                return SmallMoveFragment.newInstance(0, "Small Move");
            case 1: // Fragment # 0 - This will show FirstFragment different title
                return DeliveryFragment.newInstance(1, "Delivery");
            case 2: // Fragment # 1 - This will show SecondFragment
                return GarbageFragment.newInstance(2, "Garbage");
            default:
                return null;
        }
    }

    @Override
    public CharSequence getPageTitle(int position) {
        switch (position) {
            case 0: // Fragment # 0 - This will show FirstFragment
                return "Small Move";
            case 1: // Fragment # 0 - This will show FirstFragment different title
                return "Delivery";
            case 2: // Fragment # 1 - This will show SecondFragment
                return "Garbage ";
            default:
                return "No name";
        }
    }
}

And ONE of 3 tabs:

   public class DeliveryFragment extends Fragment {
        // Store instance variables
        private String title;
        private int page;

        // newInstance constructor for creating fragment with arguments
        public static DeliveryFragment newInstance(int page, String title) {
            DeliveryFragment fragmentFirst = new DeliveryFragment();
            Bundle args = new Bundle();
            args.putInt("someInt", page);
            args.putString("someTitle", title);
            fragmentFirst.setArguments(args);
            return fragmentFirst;
        }

        // Store instance variables based on arguments passed
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            page = getArguments().getInt("someInt", 0);
            title = getArguments().getString("someTitle");
        }

        // Inflate the view for the fragment based on layout XML
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.fragment_delivery, container, false);
            TextView tvLabel = (TextView) view.findViewById(R.id.DeliveryTxt);
            tvLabel.setText(page + " -- " + title);
            return view;
        }
    }

Any ideas where and how... I would do it with TabHost, but I would like it this way.

I have 6 icon 48x48 in drawable/hdpi.

Answer 1

There's a solution but not very well.

tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            int pos = tab.getPosition();
            switch (pos) {
                case 0 :
                    tab.setIcon(R.drawable.select_0);
                    break;
                case 1 :
                    tab.setIcon(R.drawable.select_1);
                    break;
                case 2 :
                    tab.setIcon(R.drawable.select_2);
                    break;
            }
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {
            int pos = tab.getPosition();
            switch (pos) {
                case 0 :
                    tab.setIcon(R.drawable.unselect_0);
                    break;
                case 1 :
                    tab.setIcon(R.drawable.unselect_1);
                    break;
                case 2 :
                    tab.setIcon(R.drawable.unselect_2);
                    break;
            }
        }

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

        }
    });

but this code may be in your User Activity, pagerAdapter doesn't support tab with icon directly.