沒有分段顯示的選項卡

Question

我需要在應用程序的頂部創建可滾動的選項卡。 tabhost似乎沒問題，但我不需要片段顯示（如圖所示），我只需要帶有clicklistener的選項卡。

我只需要像按鈕一樣的標籤，他們需要能夠水平滾動和按下。任何想法如何或如果這可以完成？

Answer 1

使用Horizo​​ntalScrollView來實現這一目標

下面我提供的代碼片段，根據您的要求修改。

<?xml version="1.0" encoding="utf-8"?> 
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 
    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent"> 
     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:orientation="vertical"> 
      <ImageButton 
       android:id="@+id/imageButton1" 
       android:layout_width="wrap_content" 
       android:layout_height="100dp" 
       android:src="@drawable/pic7" 
       android:text="image1" /> 
      <TextView 
       android:id="@+id/text" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:gravity="center" 
       android:text="Textview1" /> 
     </LinearLayout> 
     <LinearLayout 
      android:layout_width="fill_parent" 
      android:orientation="vertical" 
      android:layout_height="fill_parent"> 
      <ImageButton 
       android:text="image2" 
       android:id="@+id/imageButton2" 
       android:layout_width="wrap_content" 
       android:layout_height="100dp" 
       android:src="@drawable/pic2" /> 
      <TextView 
       android:id="@+id/text" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:gravity="center" 
       android:text="Textview2" /> 
     </LinearLayout> 
     <LinearLayout 
      android:layout_width="fill_parent" 
      android:orientation="vertical" 
      android:layout_height="fill_parent"> 
      <ImageButton 
       android:text="image3" 
       android:id="@+id/imageButton3" 
       android:layout_width="wrap_content" 
       android:layout_height="100dp" 
       android:src="@drawable/pic7" /> 
      <TextView 
       android:id="@+id/text" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:gravity="center" 
       android:text="Textview3" /> 
     </LinearLayout> 
     <LinearLayout 
      android:layout_width="fill_parent" 
      android:orientation="vertical" 
      android:layout_height="fill_parent"> 
      <ImageButton 
       android:text="image4" 
       android:id="@+id/imageButton4" 
       android:layout_width="wrap_content" 
       android:layout_height="100dp" 
       android:src="@drawable/pic5" /> 
      <TextView 
       android:id="@+id/text4" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:gravity="center" 
       android:text="Textview4" /> 
     </LinearLayout> 
    </LinearLayout> 
</HorizontalScrollView> 

Answer 2

這可以通過使用TabLayout 被achived並設置其tabmode到scrollable標籤

創建ViewPager標籤 一個新的活動，並在TabLayout設置其模式爲滾動。

<android.support.design.widget.TabLayout xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/tabs" 
app:tabMode="scrollable" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" /> 

請參閱此頁面以使用viewgager創建Tab活動。 TabLayout with viewPager