如何使用图标和文本创建Tabs TabLayout android

时间:2016-08-12 06:29:40

标签: android android-tablayout

我正在开发一个Android应用程序,并希望创建如下的布局。

enter image description here

我想使Tabs与此布局中显示的相同,它将水平滚动。我想在这些标签上设置反应和文字的图标。图标是我需要显示的服务器图像,但我不知道如何在选项卡中将服务器URL图像显示为图标。

除了TabLayout或滑动TabLayout之外,还有其他任何方式可以制作此布局,我可以使用该方法获得与图像相同的UI吗?

如果有人知道怎么做,请帮助。

3 个答案:

答案 0 :(得分:1)

ViewPager适配器

public class ViewPagerAdapter extends FragmentPagerAdapter {
private static int NUM_ITEMS = 2;
private Context mContext;
private String[] tabText;



public ViewPagerAdapter(FragmentManager fragmentManager, Context context) {
    super(fragmentManager);
    this.mContext = context;
    this.tabText = new String[]{
            "First tab",
            "second tab"
    };



}

@Override
public Fragment getItem(int position) {
    switch (position) {
        case 0:
            return new FirstFragment();
        case 1:
            return new SecondFragment();
        default:
            return null;
    }
}

@Override
public int getCount() {
    return NUM_ITEMS;
}

  @Override
  public CharSequence getPageTitle(int position) {
   return tabText[position];
 }

}

<强> MainActivity.Java

    private int[] imageResId = {// icon resource };
    mTabLayout = (TabLayout) view.findViewById(R.id.tl_viewer);
    mViewpager = (ViewPager) view.findViewById(R.id.vp_viewer);
    mTabLayout.setupWithViewPager(mViewpager);


   //Method to set up tab layout icon
   private void setUpTabIcon() {
    for (int i = 0; i < mTabLayout.getTabCount(); i++) {

        mTabLayout.getTabAt(i).setIcon(imageResId[i]);


    }

}

从ViewPager适配器中选择的标签计数和标签文本。和 setTabIcon 方法

中挑选的图标

答案 1 :(得分:0)

请使用Android配置单元的以下链接。 Android Hive非常适合使用TabLayout -

http://www.androidhive.info/2015/09/android-material-design-working-with-tabs/

答案 2 :(得分:0)

您需要为标签设置自定义布局。 请参阅此链接How to set icon next to text in tablayout

要回答显示服务器图像的另一个问题,您可以使用库来实现http://square.github.io/picasso/