2017-01-03 79 views
1

我需要在应用程序的顶部创建可滚动的选项卡。 tabhost似乎没问题,但我不需要片段显示(如图所示),我只需要带有clicklistener的选项卡。没有分段显示的选项卡

我只需要像按钮一样的标签,他们需要能够水平滚动和按下。任何想法如何或如果这可以完成?

enter image description here

回答

2

使用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> 
+0

所以用这个XML我将不得不创建我自己的按钮的标签? –

+0

@DRCodeTutorial你必须这样设计,它会看起来像tablayout,并将有按钮,然后noraml方式弹药按钮,并给这些按钮点击行动 – Mrinmoy

+0

谢谢,这很好,完美的我需要:) –

0

这可以通过使用TabLayout 被achived并设置其tabmodescrollable标签

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

相关问题