Вкладка не заполняет весь вид

Question

У меня есть этот макет, но проблема в том, что вкладки не заполняют экран, как на этой фотографии. Я попробовал метод tabgravity, но он не существует в tabwidget для моего макета.

это мой layout.xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="com.subhi.navtabs.MainActivity"> 


    <TabHost 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:id="@android:id/tabhost" 
     > 



     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="vertical"> 

      <HorizontalScrollView 
       android:layout_width="match_parent" 
       android:id="@+id/h_Scroll_View" 
       android:layout_height="wrap_content"> 


       <TabWidget 
        android:id="@android:id/tabs" 
        android:fillViewport="true" 
        android:scrollbars="none" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content"></TabWidget> 

      </HorizontalScrollView> 



      <FrameLayout 
       android:id="@android:id/tabcontent" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

       <android.support.v4.view.ViewPager 
        android:layout_width="match_parent" 
        android:id="@+id/viewpager" 
        android:layout_height="match_parent"></android.support.v4.view.ViewPager> 
      </FrameLayout> 
     </LinearLayout> 
    </TabHost> 
</RelativeLayout> 

Если кто-нибудь может мне помочь, пожалуйста?

Answer 1

Используйте android.support.design.widget.TabLayout вместо TabHost. Here и here - хороший учебник, как правильно его использовать. Для того, чтобы добавить заметку, вы можете использовать app:tabGravity="fill".