Come implementare le schede scorrevoli orizzontalmente?

Question

Sto cercando di implementare questa applicazione. Al momento ho progettato schede su di esso e dal momento che ho più di 7 schede sembra troppo congestionata. Come posso progettarlo in modo che il tabwidget sia scorrevole orizzontalmente. Ho visto questo design su alcune delle app sul mercato, ma non ho idea di come implementarlo nella mia app.

Un'app che ho visto aveva una scrollview orizzontale in cui scorre da sola e quando si preme il pulsante/immagine in particolare visualizza alcuni contenuti. Non sembrava essere tabs, credo.

Così qualcuno ha un'idea di questo?

Answer 1

Si prega di controllare l'app ViewPager di Jake Wharton. Questo è esattamente ciò di cui hai bisogno. È un progetto di biblioteca, quindi devi includerlo nel tuo progetto.

JakeWharton/Android-ViewPagerIndicator

Answer 2

Questo è un buon esempio utilizzando HorizontalScrollView. http://java.dzone.com/articles/scrolling-tabs-android

Answer 3

controllare questo link: https://dzone.com/articles/scrolling-tabs-android

avvolgere il TabWidget con un HorizontalScrollView e la scheda SET in grado di espandersi oltre la larghezza dello schermo e l'utente può trascinare le schede a destra ea sinistra come richiesto:

<?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> 

Answer 4

TabLayout dalla libreria di progettazione Android

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

Answer 5

<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> 

Cambiare testi al vostro gusto. Inserire in un relatveLayout e alignToParentBottom = "true" Spero che questo aiuti