Android Tabs в нижней части экрана

Question

Привет, я хочу отображать вкладки в нижней части экрана со значком над текстом на каждой вкладке (аналогично zomato), я попытался, но я не получаю значки и текст. вы можете, пожалуйста, помогите мне спасибо заранее

Answer 1

вы можете использовать ниже библиотеки для достижения BottomBar

[Update]

Теперь Google выпустил BottomNavigationView для достижения ваших требований. Этот класс является частью библиотеки дизайна поддержки. добавить Gradle зависимость

compile ‘com.android.support:design:25.0.0’ 

Добавить файл макета в вашем XML

<android.support.design.widget.BottomNavigationView 
     android:id="@+id/bottom_navigation" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     app:itemBackground="@color/colorPrimary" 
     app:itemIconTint="@color/white" 
     app:itemTextColor="@color/white" 
     app:menu="@menu/bottom_navigation_main" /> 

создать bottom_navigation_main.xml файл, который включен в выше макете.

<?xml version="1.0" encoding="utf-8"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto"> 
    <item 
     android:id="@+id/action_favorites" 
     android:enabled="true" 
     android:icon="@drawable/ic_favorite_white_24dp" 
     android:title="@string/text_favorites" 
     app:showAsAction="ifRoom" /> 
    <item 
     android:id="@+id/action_schedules" 
     android:enabled="true" 
     android:icon="@drawable/ic_access_time_white_24dp" 
     android:title="@string/text_schedules" 
     app:showAsAction="ifRoom" /> 
    <item 
     android:id="@+id/action_music" 
     android:enabled="true" 
     android:icon="@drawable/ic_audiotrack_white_24dp" 
     android:title="@string/text_music" 
     app:showAsAction="ifRoom" /> 
</menu> 

и, наконец, использовать этот макет в классе Java, как показано ниже

BottomNavigationView bottomNavigationView = (BottomNavigationView) 
       findViewById(R.id.bottom_navigation); 

bottomNavigationView.setOnNavigationItemSelectedListener(
     new BottomNavigationView.OnNavigationItemSelectedListener() { 
      @Override 
      public boolean onNavigationItemSelected(@NonNull MenuItem item) { 
       switch (item.getItemId()) { 
        case R.id.action_favorites: 

         break; 
        case R.id.action_schedules: 

         break; 
        case R.id.action_music: 

         break; 
       } 
       return false; 
      } 
     });