¿Cómo implementar pestañas desplazables horizontalmente?

Estoy tratando de implementar esta aplicación. En el momento que he diseñado pestañas en él y ya que tengo más de 7 pestañas que parece demasiado congestionado. ¿Cómo puedo diseñarlo para que el tabwidget se desplace horizontalmente. He visto este diseño en algunas de las aplicaciones en el mercado, pero no hay idea de cómo implementar esto en mi aplicación.

Una aplicación que vi tenía un scrollview horizontal donde se desplaza por su cuenta y cuando se pulsa la imagen / botón en particular, muestra algunos contenidos. No parecía ser pestañas, supongo.

¿Así que alguien tiene una idea de esto?

Por favor, echa un vistazo a la aplicación ViewPager de Jake Wharton. Eso es exactamente lo que necesita. Es un proyecto de biblioteca, por lo que hay que incluirlo en su proyecto.

JakeWharton / Android-ViewPagerIndicator

TabLayout de la librería de diseño de Android

<android.support.design.widget.TabLayout android:id="@+id/categories" android:layout_width="wrap_content" android:layout_height="wrap_content" app:tabMode="scrollable" />

Este es un buen ejemplo utilizando HorizontalScrollView. http://java.dzone.com/articles/scrolling-tabs-android

 <HorizontalScrollView android:id="@+id/vTabs" android:scrollbars="none" android:layout_width="fill_parent" android:layout_alignParentBottom="true" android:layout_height="wrap_content"> <LinearLayout android:orientation="horizontal" android:background="@color/main_color_gray_dk" android:layout_width="fill_parent" android:layout_height="wrap_content"> <Button android:enabled="false" android:id="@+id/tab1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/popular" /> <View android:id="@id/view1" android:layout_width="@dimen/pad_1dp" android:layout_height="fill_parent" /> <Button android:id="@id/tab2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/newest" /> <View android:id="@id/view1" android:layout_width="@dimen/pad_1dp" android:layout_height="fill_parent" /> <Button android:id="@id/tab3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/distance" /> <View android:id="@id/view1" android:layout_width="@dimen/pad_1dp" android:layout_height="fill_parent" /> <Button android:id="@+id/tab4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/minimum" /> </LinearLayout> </HorizontalScrollView>

Cambie los Textos a su gusto. Lugar en un relieveLayout y alignToParentBottom = "true" Espero que esto ayude

Revise este enlace: https://dzone.com/articles/scrolling-tabs-android

Envuelva su TabWidget con un HorizontalScrollView y el conjunto de pestañas será capaz de expandir más allá del ancho de la pantalla y el usuario puede arrastrar las pestañas izquierda y derecha según sea necesario:

 <?xml version="1.0" encoding="utf-8"?><TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <HorizontalScrollView android:layout_width="fill_parent" android:layout_height="wrap_content" android:fillViewport="true" android:scrollbars="none"> <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content"/> </HorizontalScrollView> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" /> </LinearLayout></TabHost>