如何用图标做标签答案

【问题标题】：How to do tabs with icons如何用图标做标签
【发布时间】：2017-04-28 19:14:04
【问题描述】：

我正在尝试使用标签和页面浏览进行活动我在博客中找到了这段代码，但它不像让标签有图标而不是文本......我把代码放在了：

ViewPagerAdapter.java

class ViewPagerAdapter extends FragmentPagerAdapter {
    private final List<Fragment> mFragmentList = new ArrayList<>();
    private final List<String> mFragmentTitleList = new ArrayList<>();

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

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

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

    public void addFrag(Fragment fragment, String title) {
        mFragmentList.add(fragment);
        mFragmentTitleList.add(title);
    }

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

Tablayout_in_Android.java

public class Tablayout_in_Android extends Fragment {

    public Tablayout_in_Android() {
        // Required empty public constructor
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_tablayout_in__android, container, false);
    }

}

创建主类的方法

 viewPager = (ViewPager) findViewById(R.id.viewpager);
        addTabs(viewPager);

        tabLayout = (TabLayout) findViewById(R.id.pestañas);
        tabLayout.setupWithViewPager(viewPager);

    }

    private void addTabs(ViewPager viewPager) {
        ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
        adapter.addFrag(new Tablayout_in_Android(), "ONE");
        adapter.addFrag(new Tablayout_in_Android(), "TWO");
        adapter.addFrag(new Tablayout_in_Android(), "THREE");
        viewPager.setAdapter(adapter);
    }

    class ViewPagerAdapter extends FragmentPagerAdapter {
        private final List<Fragment> mFragmentList = new ArrayList<>();
        private final List<String> mFragmentTitleList = new ArrayList<>();

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

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

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

        public void addFrag(Fragment fragment, String title) {
            mFragmentList.add(fragment);
            mFragmentTitleList.add(title);
        }

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

如何更改图标的文本？谢谢

【问题讨论】：

检查这个解决方案：stackoverflow.com/a/47495989/2914140.

标签： android android-fragments android-tabs

【解决方案1】：

试试这个：

tabLayout.setupWithViewPager(mViewPager);
for (int i = 0; i < mTabLayout.getTabCount(); i++) {
    tabLayout.getTabAt(i).setIcon(R.drawable.your_icon);
}

【讨论】：

检查此解决方案：stackoverflow.com/a/35372182/5658915。您需要创建一个自定义布局并将其设置为每个选项卡，在您的自定义布局中，您可以创建一个图像视图以用作选项卡图标。

【解决方案2】：

要扩展 Jonathan 的答案，您还可以在选项卡中显示图标列表。 确保图标与您拥有的标签数量相匹配。

tabLayout.setupWithViewPager(mViewPager);

int[] tabIcons = {
        R.drawable.ic_icon_1,
        R.drawable.ic_icon_2,
        R.drawable.ic_icon_3
};

for(int i=0; i<tabLayout.getTabCount(); i++){
    if(tabLayout.getTabAt(i) != null){
        tabLayout.getTabAt(i).setIcon(tabIcons[i]);
    }
}

另外，您可能希望图标和标签标签处于水平方向，在TabLayout 的xml 布局中使用app:tabInlineLabel="true"

【讨论】：