web-dev-qa-db-ja.com

TabLayoutのタブが表示されない

私はメインアクティビティを持っています。これはフラグメントをホストし、それが（LayoutPagerで）TabLayoutをホストします。タブバーが表示されますが、タブ自体は表示されません。

Hostフラグメントを表示するためのメインアクティビティのコードは次のとおりです。

        Fragment fragment = new BMITabsFragment();

        FragmentManager fragmentManager = getSupportFragmentManager();
        fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).addToBackStack(Constants.BMI_TABS_FRAGMENT).commit();

これが、BMITabsFragment（s.a.）であるTabLayoutをホストする私のフラグメントです。

public class BMITabsFragment extends Fragment {
...
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    if (getArguments() != null) {
        mParam1 = getArguments().getString(ARG_PARAM1);
        mParam2 = getArguments().getString(ARG_PARAM2);
    }

}

@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);

    // Get the ViewPager and set it's PagerAdapter so that it can display items
    ViewPager viewPager = (ViewPager) view.findViewById(R.id.viewpager);
    viewPager.setAdapter(new BMIFragmentPagerAdapter(getActivity().getSupportFragmentManager(),
            getActivity()));

    // Give the TabLayout the ViewPager
    TabLayout tabLayout = (TabLayout) view.findViewById(R.id.sliding_tabs);
    tabLayout.setupWithViewPager(viewPager);
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    View view = inflater.inflate(R.layout.fragment_bmitabs, container, false);
    return view;
}
...
}

これは私のFragmentPagerAdapterです。

public class BMIFragmentPagerAdapter extends FragmentPagerAdapter {

final int PAGE_COUNT = 2;
private FragmentManager fragmentManager;
private Context context;

public BMIFragmentPagerAdapter(FragmentManager fm, Context context) {
    super(fm);
    this.context = context;
    this.fragmentManager = fm;

}

public BMIFragmentPagerAdapter(FragmentManager fm) {
    super(fm);
    fragmentManager = fm;

}

@Override
public CharSequence getPageTitle(int position) {
    String[] pageTitles = context.getResources().getStringArray(R.array.page_titles_array);
    return pageTitles[position];
}

@Override
public Fragment getItem(int position) {
    SharedPreferences prefs = context.getSharedPreferences(Constants.SHARED_PREFS_FILE, 0);
    long patientId = prefs.getLong(Constants.SELECTED_PATIENT_ID, 1);
    Fragment fragment = null;
    switch (position){
        case 0:
            return BMITabelleFragment.newInstance(patientId);

        case 1:
            return BMIChartFragment.newInstance(patientId);

        default:
            return BMITabelleFragment.newInstance(patientId);
    }
}

@Override
public int getCount() {
    return PAGE_COUNT;
}
}

そして、これはfragment_bmitabs.xmlです：

<?xml version="1.0" encoding="utf-8"?>

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

<Android.support.v4.view.ViewPager
    Android:id="@+id/viewpager"
    Android:layout_width="match_parent"
    Android:layout_height="0px"
    Android:layout_weight="1"
    Android:background="@Android:color/white" />

</LinearLayout>

私のコードはGoogleに基づいていますAndroid Guide at https://github.com/codepath/Android_guides/wiki/Google-Play-Style-Tabs-using-TabLayout =

ここで何が欠けていますか？

注：私はAppCompatActivityとサポートライブラリv4＆v7およびcom：Android：support：designライブラリを使用しています

androidandroid-fragmentsandroid-viewpagerandroid-tablayout
11
mrd

私は同じ問題を抱えています！しかし、この修正も私です。

tabLayout.post(new Runnable() {
    @Override
    public void run() {
        tabLayout.setupWithViewPager(viewPager);
    }
});

https://code.google.com/p/Android/issues/detail?id=180462

51
Raul Amoretti de Souza

setupWithViewPager()の後にタブアイコンを設定する

private void setTabs {
   tabLayout.setupWithViewPager(viewPager);
   setupTabIcons();
} 

private void setupTabIcons() {
   tabLayout.getTabAt(0).setIcon(tabIcons[0]);
   tabLayout.getTabAt(1).setIcon(tabIcons[1]);
   tabLayout.getTabAt(2).setIcon(tabIcons[2]);
}
9
Vikram

@Nathaniel Fordが言ったように、これはバグだと思います。設計ライブラリ23.0.1を使用するように変更します。Googleが修正したので、build.gradle〜compile 'com.Android.support:design:23.0.1'。 ps：compileSdkVersionto 23も変更する必要があります

6
chinaanihchen

XmlファイルのTablayoutでAndroid:tabPadding属性を使用している場合は、それを削除します。

1
sai durkha prasath

他の答えはどれもうまくいかなかったので、すべて試しました

ただし、これは次のとおりです： TabLayoutはナビゲーションバーを追加した後にタブを表示しません

その答えによれば、TabLayoutをAppBarLayoutで囲む必要があります。どうして？知るか。しかし、少なくともそれは機能します。

コード例（その投稿から取得）：

<Android.support.design.widget.AppBarLayout
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:layout_marginTop="200dp"
    Android:id="@+id/appBarLayout2">


    <Android.support.design.widget.TabLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:id="@+id/tabLayout2"
        app:tabMode="fixed"
        app:tabGravity="fill"

        ></Android.support.design.widget.TabLayout>

</Android.support.design.widget.AppBarLayout>

<Android.support.v4.view.ViewPager
    Android:layout_width="match_parent"
    Android:layout_height="300dp"
    Android:layout_alignParentStart="true"
    Android:layout_alignParentBottom="true"
    Android:id="@+id/viewPager2"
    Android:layout_below="@+id/appBarLayout2">

</Android.support.v4.view.ViewPager>
1
Roymunson

FragmentPagerAdapterの代わりにFragmentStatePagerAdapterを使用できます。それはあなたを助けるかもしれません。

0
Yogesh Nikam Patil