Cómo configurar el icono junto al texto en tablayout

Estoy trabajando en Tablayout con el texto y el icono del siguiente tutorial ..

Mi pregunta es cómo hacer que el icono colocado al lado del texto en lugar de por encima de ellos? Soy nuevo en Android Development, espero que ustedes puedan ayudarme. Gracias de antemano, realmente aprecio la respuesta ..

Introduzca aquí la descripción de la imagen

Aquí está mi archivo java

public class AllProducts extends AppCompatActivity { public ViewPager viewPager; public TabLayout tabLayout; public int[] tabIcons = { R.drawable.ic_directions_car_white_24dp, R.drawable.ic_motorcycle_white_24dp, R.drawable.ic_build_white_24dp }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.all_products); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setDisplayShowHomeEnabled(true); viewPager = (ViewPager) findViewById(R.id.viewpager2); setupViewPager(viewPager); tabLayout = (TabLayout) findViewById(R.id.sliding_tabs); tabLayout.setupWithViewPager(viewPager); setupTabIcons(); } private void setupTabIcons() { tabLayout.getTabAt(0).setIcon(tabIcons[0]); tabLayout.getTabAt(1).setIcon(tabIcons[1]); tabLayout.getTabAt(2).setIcon(tabIcons[2]); } private void setupViewPager(ViewPager viewPager) { ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager()); adapter.addFragment(new Tab1(), "CAR"); adapter.addFragment(new Tab2(), "MOTORCYCLE"); adapter.addFragment(new Tab3(), "OTHERS"); 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 addFragment(Fragment fragment, String title) { mFragmentList.add(fragment); mFragmentTitleList.add(title); } @Override public CharSequence getPageTitle(int position) { return mFragmentTitleList.get(position); } } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case android.R.id.home: finish(); return true; default: return super.onOptionsItemSelected(item); } } 

}

Es fácil.

 Tab tab = tabLayout.newTab(); tab.setCustomLayout( R.layout.whatever ); tabLayout.addTab(add); 

Su diseño sería un simple TextView con un TextView que especifica su icono.

Para más información: http://panavtec.me/playing-with-the-new-support-tablayout/

  • Personalización del indicador TabLayout
  • ¿Cómo puedo cambiar el color del icono de la pestaña seleccionada de TabLayout?
  • Android TabLayout ViewPager no inflar el fragmento de la pestaña en backstack
  • Android TabLayout con pestaña activa siempre en el centro, al igual que en la aplicación Play Kiosco
  • TabLayout seleccionado El icono Tab no está seleccionado al iniciar:
  • ¿Cuál es la mejor manera de establecer el tabmode de tabulación de tablas?
  • ¿Cómo se utiliza TabItem cuando se coloca en el XML de la disposición?
  • Deshabilitar TabLayout
  • Android ViewPager y TabLayout no funcionan rápido
  • Cambiar la dirección de desplazamiento de viewPager
  • Adición dinámica y eliminación de pestañas en TabLayout (diseño de material) android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.