Question

我希望有不同数量的标签，我正在使用TabHost。根据数据，这些数字可能在1到8之间。

我希望添加水平滚动，这样当所有8个都在那里时，它看起来并不局促。

问题是当有5个或更多它看起来很好并且滚动工作！但是当标签数量较少时，我会看到空格。标签不会被拉伸以填充额外的空间。

我该如何解决这个问题？可以通过Java代码完成吗？

这是我的布局xml ...

<?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:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <!---Other Views--->

    <HorizontalScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <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="wrap_content" />
</LinearLayout>

</TabHost>

Answer 1

这对我有用。请试试。

<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="wrap_content"
            android:layout_height="wrap_content"
            android:fillViewport="true"
            android:scrollbars="none" >

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:tabStripEnabled="true"
                android:orientation="horizontal" />

        </HorizontalScrollView>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="0"/>

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

    </LinearLayout>

</TabHost>

顺便说一下，TabHost被弃用的地方在哪里？我没有得到任何警告...... 另外，依靠这个post，我相信TabHost还活着并且在踢。

Answer 2

我添加了三个标签，使用它时没有任何问题，如果您想让它可滚动，只需将<HorizontalScrollView>添加为<TabWidget>的父级 mainActivity.xml

<?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="match_parent"
    android:layout_height="match_parent" >

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

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

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true" />
    </RelativeLayout>

</TabHost>

MainActivity

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;
import android.widget.TabHost.TabSpec;

@SuppressWarnings("deprecation")
public class MainActivity extends TabActivity implements OnTabChangeListener
{
    TabHost tabHost;

    @Override
    public void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        tabHost = getTabHost();

        TabSpec photospec = tabHost.newTabSpec("Home");
        photospec.setIndicator("");
        Intent photosIntent = new Intent(this, Download.class);
        photospec.setContent(photosIntent);

        TabSpec songspec = tabHost.newTabSpec("Songs");        
        songspec.setIndicator("");
        Intent songsIntent = new Intent(this, Home.class);
        songspec.setContent(songsIntent);

        TabSpec videospec = tabHost.newTabSpec("Videos");
        videospec.setIndicator("");
        Intent videosIntent = new Intent(this, Album.class);
        videospec.setContent(videosIntent);

        tabHost.addTab(photospec); 
        tabHost.addTab(songspec); 
        tabHost.addTab(videospec);

        tabHost.getTabWidget().getChildAt(0).setBackgroundResource(R.drawable.download_unselect);
        tabHost.getTabWidget().getChildAt(1).setBackgroundResource(R.drawable.main_selected);
        tabHost.getTabWidget().getChildAt(2).setBackgroundResource(R.drawable.albums_unselect);

        tabHost.getTabWidget().getChildAt(0).getLayoutParams().height = 50;

        tabHost.getTabWidget().getChildAt(1).getLayoutParams().height = 70;

        tabHost.getTabWidget().getChildAt(2).getLayoutParams().height = 50;

        tabHost.setCurrentTab(1);

        tabHost.setOnTabChangedListener(this);
    }

    @Override
    public void onTabChanged(String tab) 
    {
        int index = tabHost.getCurrentTab();

        if(index == 0)
        {
            tabHost.getTabWidget().getChildAt(0).setBackgroundResource(R.drawable.download_selected);
            tabHost.getTabWidget().getChildAt(1).setBackgroundResource(R.drawable.main_unselect);
            tabHost.getTabWidget().getChildAt(2).setBackgroundResource(R.drawable.albums_unselect);
        }
        else if(index == 1)
        {
            tabHost.getTabWidget().getChildAt(0).setBackgroundResource(R.drawable.download_unselect);
            tabHost.getTabWidget().getChildAt(1).setBackgroundResource(R.drawable.main_selected);
            tabHost.getTabWidget().getChildAt(2).setBackgroundResource(R.drawable.albums_unselect);
        }
        else if(index == 2)
        {
            tabHost.getTabWidget().getChildAt(0).setBackgroundResource(R.drawable.download_unselect);
            tabHost.getTabWidget().getChildAt(1).setBackgroundResource(R.drawable.main_unselect);
            tabHost.getTabWidget().getChildAt(2).setBackgroundResource(R.drawable.albums_selected);
        }
    }

}

具有水平滚动问题的TabHost

2 个答案: