アイコンとテキストでタブを作成する方法TabLayout android

Question

私はアンドロイドアプリを開発中で、以下のようなレイアウトを作成したいと考えています。

私は水平方向にスクロールされます。このレイアウトに示すように、タブは、同じようにしたいです。これらのタブに反応とテキストのアイコンを設定したいと思います。アイコンは、私が表示する必要があるサーバーイメージですが、どのようにアイコンのタブにサーバーのURLイメージを表示することはできません。

TabLayoutまたはSliding TabLayout以外のレイアウトを作成する他の方法はありますか？UIとイメージを同じにすることはできますか？

これを行う方法が分かっている場合は、助けてください。

Answer 1

Androidハイブの下のリンクをご利用ください。 AndroidのハイブはTabLayoutでの作業のために非常によく説明 -

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

Answer 2

あなたはあなたのタブのカスタムレイアウトを持っている必要があります。 How to set icon next to text in tablayout

このリンクを参照してください。そして、サーバーイメージを表示自分の別のクエリに答えるために、あなたはhttp://square.github.io/picasso/

Answer 3

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方法から選ん