FragmentTabHost在选项卡中显示内容

时间:2014-09-15 04:16:28

标签: android android-fragments android-tabhost

enter image description here我试图设置一个包含3个标签的FragmentTabHost。我遇到的问题是每个标签的内容实际上也在标签中显示。为什么会这样? tab1的布局有一个文本视图,显示“Tab1”,它显示在选项卡而不是内容区域。此外,如果我更改背景,它会更改选项卡的背景而不是内容区域。

的xml:

  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <android.support.v4.app.FragmentTabHost
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

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

            <FrameLayout
                android:id="@+id/realtabcontent"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </LinearLayout>
    </android.support.v4.app.FragmentTabHost>

</LinearLayout>

MAIN片段:

public class NewFragment _Frag extends Fragment{
    private FragmentTabHost mTabHost;



    Intent intent;
  boolean created = false;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        //return super.onCreateView(inflater, container, savedInstanceState);
        if(container==null)
        {
            return null;

        }
          View v = inflater.inflate(R.layout.mylayout, container, false);

          mTabHost = (FragmentTabHost)v.findViewById(android.R.id.tabhost);
            mTabHost.setup(getActivity(), getChildFragmentManager(), R.id.realtabcontent);



            mTabHost.addTab(mTabHost.newTabSpec("fragmentb").setIndicator("Tab1"),
                      myclass1.class, null);



            mTabHost.addTab(mTabHost.newTabSpec("fragmentc").setIndicator("Tab2"),
                    myclass2.class, null);
            mTabHost.addTab(mTabHost.newTabSpec("fragmentd").setIndicator("Tab3"),
                    myclass3.class, null);




          return v;
    }

2 个答案:

答案 0 :(得分:2)

首先,假设您的XML名称是my_xml.xml。 因此,首先在my_xml.xml中进行以下更改(更改ID)

<android.support.v4.app.FragmentTabHost
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/my_tabhost"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

然后跟踪java文件中的更改。

mTabHost = (FragmentTabHost)v.findViewById(R.id.my_tabhost);
mTabHost.setup(getActivity(), getChildFragmentManager(), R.layout.my_xml);

答案 1 :(得分:0)

你错过了这两个:

<TabWidget
         android:id="@android:id/tabs"
         android:orientation="horizontal"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_weight="0"/>
<FrameLayout
         android:id="@android:id/tabcontent"
         android:layout_width="0dp"
         android:layout_height="0dp"
         android:layout_weight="0"/>

然后将其添加到Linearlayout上面的framelayout

实际上您不需要任何更改,因为您的代码与演示完全相同,如下所示:

https://chromium.googlesource.com/android_tools/+/18728e9dd5dd66d4f5edf1b792e77e2b544a1cb0/sdk/extras/android/support/samples/Support4Demos/src/com/example/android/supportv4/app/FragmentTabs.java

https://chromium.googlesource.com/android_tools/+/18728e9dd5dd66d4f5edf1b792e77e2b544a1cb0/sdk/extras/android/support/samples/Support4Demos/res/layout/fragment_tabs.xml