Android 不显示标签

Question

我正在更改主页 activity 以包含选项卡。我使用 https://github.com/saulmm/CoordinatorExamples 作为来源。出于未知原因，我在 AppBarLayout 中看不到选项卡。我可以看到 Fragment 内容，但选项卡 headers 根本没有显示。我使用 appcompat-v7:23.3.0.

缩短版面：

<android.support.design.widget.CoordinatorLayout
  <android.support.design.widget.AppBarLayout
    <android.support.design.widget.CollapsingToolbarLayout
        <ImageView ..
        <android.support.v7.widget.Toolbar ..
    </android.support.design.widget.CollapsingToolbarLayout>
    <android.support.design.widget.TabLayout
        android:id="@+id/main.tabs"
        android:layout_width="fill_parent"
        android:layout_height="?attr/actionBarSize"
        app:tabSelectedTextColor="?android:attr/textColorPrimaryInverse"
        app:tabIndicatorColor="?android:attr/textColorPrimaryInverse"
        app:tabIndicatorHeight="4dp" />
  </android.support.design.widget.AppBarLayout>

  <android.support.v4.view.ViewPager
    android:id="@+id/dashboard.viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    />

Activity:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_dashboard);

    CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.main_collapsing);
    collapsingToolbarLayout.setTitle(getString(R.string.app_name));

    ViewPager viewPager  = (ViewPager) findViewById(R.id.dashboard_viewpager);
    viewPager.setAdapter(new TabsAdapter(getSupportFragmentManager()));
    TabLayout tabLayout = (TabLayout) findViewById(R.id.main_tabs);
    tabLayout.setupWithViewPager(viewPager);
}

class TabsAdapter extends FragmentPagerAdapter {
    public TabsAdapter(FragmentManager fm) {
        super(fm);
    }

    public int getCount() {
        return 1;
    }

    public Fragment getItem(int i) {
        switch(i) {
            case 0: return DashboardHomeFragment.newInstance();
        }
        return null;
    }

    public CharSequence getPageTitle(int position) {
        return "Home";
    }
}

片段：

public class DashboardHomeFragment extends Fragment implements View.OnClickListener {
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_dashboard_home, container, false);
}

public void onActivityCreated(@Nullable Bundle state) {
    log.debug("onActivityCreated()");
    super.onActivityCreated(state);
}

及其布局：

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior">

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hry"
    android:textAppearance="@style/TextAppearance.Header"
    android:paddingRight="8dp"
    android:paddingLeft="8dp"
    style="@style/TextComponent.ItemRow"/>

<TextView
    android:id="@+id/main.button.puzzle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Najdi výsledek"
    android:textAppearance="@style/TextAppearance.Item"
    android:drawableRight="@drawable/ic_arrow_forward_24dp"
    style="@style/TextComponent.ItemRow.Selectable"/>

还有第二个问题，但我会 post 在链接到这个问题的单独问题中解决。

更新：

这是由于 CoordinatorLayout 配置错误引起的。我改变了：

android:layout_height="150dp"

到

android:layout_height="wrap_content"

标签突然出现。

Answer 1

根据Android的指导方针和material的设计，使用coordinatorLayout是正确的。

appBarLayout 应最大为 256dp，我们可以在其中找到您需要的工具栏和视图。

如果您想要将视图折叠插入到 collapsingToolbarLayout 中。

如果您希望工具栏可展开，将插入到 collapsingToolbarLayout 中。

tabLayout 经常是插入到 appBarLayout 而不是 collapsingToolbarLayout。

视图高度总和等于 appBarLayout 高度（或对 appBarLayout 使用 wrap_content）。

这是一个带有 tabLayout 的可扩展工具栏示例，在本例中 appBarLayout 具有固定高度，但您可以使用 wrap_content。

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="256dp"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay">


        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="202dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/your_color"
            android:fitsSystemWindows="true">

            <--Your views-->

            <android.support.v7.widget.Toolbar
               android:id="@+id/toolbar"
               android:layout_width="match_parent"
               android:layout_height="?attr/actionBarSize"
               android:gravity="top"
               app:titleMarginTop="13dp"
               android:minHeight="?attr/actionBarSize"
               app:popupTheme="@style/AppTheme.PopupOverlay"
               app:layout_collapseMode="pin"
            />
        </android.support.design.widget.CollapsingToolbarLayout>

       <android.support.design.widget.TabLayout
               android:id="@+id/tabs"
               android:layout_width="match_parent"
               android:layout_height="?attr/actionBarSize"
               android:layout_gravity="bottom"
               android:background="@color/your_color"
               app:tabSelectedTextColor="@color/your_color"
               app:tabTextColor="@color/your_color"
               app:tabIndicatorColor="@color/your_color"
               app:tabMode="fixed"
               app:tabGravity="fill"
           />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />
</android.support.design.widget.CoordinatorLayout>

Android 不显示标签

Android does not show tabs

android

android-tabs