切换片段时没有标签栏
No tabbar when switching fragments
我有 1 个 Activity,里面有 2 个片段,比如 FragmentA 和 FragmentB。
activity 布局只有一个空的 FrameLayout 来嵌入片段。
片段 A 没有工具栏,是一个 "first run" 片段,仅在应用程序第一次运行时显示,
Fragment B 有一个工具栏、一个标签栏和一个 viewpager。
当 activity 第一次启动时,FragmentA 会正确显示。
当 FragmentA 结束时,Activity 切换到 FragmentB。
这里的工具栏发生了一些奇怪的事情:只显示了应用程序的标题,没有选项卡,没有工具栏,尽管它应该在的地方有空白。事实上,当您通过开发人员选项查看边界时,看起来好像绘制了 2 个选项卡(我们的应用程序中应该有 4 个)。
这是一张没有开发者选项边界的截图
当您旋转屏幕或退出应用程序并再次打开它时(activity 直接在重新创建时显示 FragmentB),一切恢复正常:FragmentB 显示正确的选项卡和工具栏.
我做错了什么?或者这是支持库中的错误?
片段 B 布局显示如下:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:layout_height="wrap_content"
android:layout_width="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="wrap_content"
android:layout_width="match_parent"
app:layout_scrollFlags="scroll|enterAlways"/>
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_height="wrap_content"
android:layout_width="match_parent"
app:layout_scrollFlags="scroll|enterAlways"/>
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:layout_height="match_parent"
android:layout_width="match_parent"
android:id="@+id/viewpager"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CoordinatorLayout>
片段 B 的代码是
public class FragmentB extends BaseFragment
{
@Bind(R.id.tabs)
TabLayout tabLayout;
@Bind(R.id.viewpager)
ViewPager viewPager;
@Bind(R.id.toolbar)
Toolbar toolbar;
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState)
{
final View view = inflater.inflate(R.layout.fragment_b, container, false);
ButterKnife.bind(this, view);
BaseActivity activity = (BaseActivity) getActivity();
activity.setSupportActionBar(toolbar);
this.viewPager.setAdapter(new SomePagerAdapter(getChildFragmentManager(), getActivity()));
this.tabLayout.setupWithViewPager(viewPager);
return view;
}
}
SomePagerAdapter 的代码
public class SomePagerAdapter extends FragmentPagerAdapter
{
private String[] tabNames;
public SomePagerAdapter(FragmentManager fm, Context context)
{
super(fm);
tabNames = new String[]{
context.getString(R.string.tab_title_1),
context.getString(R.string.tab_title_2),
context.getString(R.string.tab_title_3),
context.getString(R.string.tab_title_4)
};
}
@Override
public Fragment getItem(int position)
{
try
{
switch (position)
{
case 0:
return Tab1Fragment.class.newInstance();
default:
return PlaceholderFragment.class.newInstance();
}
}
catch (InstantiationException e)
{
Log.e(this.getClass().getSimpleName(), e.getMessage());
}
catch (IllegalAccessException e)
{
Log.e(this.getClass().getSimpleName(), e.getMessage());
}
return null;
}
@Override
public int getCount()
{
return tabNames.length;
}
@Override
public CharSequence getPageTitle(int position) {$
return tabNames[position];
}
}
我使用以下版本的支持库:
'com.android.support:appcompat-v7:22.2.1'
'com.android.support:design:22.2.1'
似乎 Google 在支持设计库的 v23 中修复了这个问题
我有 1 个 Activity,里面有 2 个片段,比如 FragmentA 和 FragmentB。 activity 布局只有一个空的 FrameLayout 来嵌入片段。 片段 A 没有工具栏,是一个 "first run" 片段,仅在应用程序第一次运行时显示, Fragment B 有一个工具栏、一个标签栏和一个 viewpager。
当 activity 第一次启动时,FragmentA 会正确显示。 当 FragmentA 结束时,Activity 切换到 FragmentB。 这里的工具栏发生了一些奇怪的事情:只显示了应用程序的标题,没有选项卡,没有工具栏,尽管它应该在的地方有空白。事实上,当您通过开发人员选项查看边界时,看起来好像绘制了 2 个选项卡(我们的应用程序中应该有 4 个)。
这是一张没有开发者选项边界的截图
当您旋转屏幕或退出应用程序并再次打开它时(activity 直接在重新创建时显示 FragmentB),一切恢复正常:FragmentB 显示正确的选项卡和工具栏.
我做错了什么?或者这是支持库中的错误?
片段 B 布局显示如下:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:layout_height="wrap_content"
android:layout_width="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="wrap_content"
android:layout_width="match_parent"
app:layout_scrollFlags="scroll|enterAlways"/>
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_height="wrap_content"
android:layout_width="match_parent"
app:layout_scrollFlags="scroll|enterAlways"/>
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:layout_height="match_parent"
android:layout_width="match_parent"
android:id="@+id/viewpager"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CoordinatorLayout>
片段 B 的代码是
public class FragmentB extends BaseFragment
{
@Bind(R.id.tabs)
TabLayout tabLayout;
@Bind(R.id.viewpager)
ViewPager viewPager;
@Bind(R.id.toolbar)
Toolbar toolbar;
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState)
{
final View view = inflater.inflate(R.layout.fragment_b, container, false);
ButterKnife.bind(this, view);
BaseActivity activity = (BaseActivity) getActivity();
activity.setSupportActionBar(toolbar);
this.viewPager.setAdapter(new SomePagerAdapter(getChildFragmentManager(), getActivity()));
this.tabLayout.setupWithViewPager(viewPager);
return view;
}
}
SomePagerAdapter 的代码
public class SomePagerAdapter extends FragmentPagerAdapter
{
private String[] tabNames;
public SomePagerAdapter(FragmentManager fm, Context context)
{
super(fm);
tabNames = new String[]{
context.getString(R.string.tab_title_1),
context.getString(R.string.tab_title_2),
context.getString(R.string.tab_title_3),
context.getString(R.string.tab_title_4)
};
}
@Override
public Fragment getItem(int position)
{
try
{
switch (position)
{
case 0:
return Tab1Fragment.class.newInstance();
default:
return PlaceholderFragment.class.newInstance();
}
}
catch (InstantiationException e)
{
Log.e(this.getClass().getSimpleName(), e.getMessage());
}
catch (IllegalAccessException e)
{
Log.e(this.getClass().getSimpleName(), e.getMessage());
}
return null;
}
@Override
public int getCount()
{
return tabNames.length;
}
@Override
public CharSequence getPageTitle(int position) {$
return tabNames[position];
}
}
我使用以下版本的支持库:
'com.android.support:appcompat-v7:22.2.1'
'com.android.support:design:22.2.1'
似乎 Google 在支持设计库的 v23 中修复了这个问题