Question

这应该很简单，但我无法绕过它。

我正在使用setupViewViewPager设置TabLayout，这样我就有3个标签（Home，Tab1，Tab2）。如何设置它以便当我单击Tab1中的链接时，新片段会替换现有片段？

Answer 1

您的XML布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0">

    <include layout="@layout/toolbar" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="50dip"
        android:gravity="bottom"
        app:tabGravity="center"
        app:tabIndicatorColor="@android:color/white"
        app:tabMode="scrollable"
        app:tabPaddingStart="20dp" />

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

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


</LinearLayout>

您的java代码

public class ClassName extends AppCompatActivity {

private ViewPager viewPager;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.xml_file_name);
    init();
}

private void init() {
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    viewPager = (ViewPager) findViewById(R.id.viewpager);
    TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);

    setSupportActionBar(toolbar);
    setupViewPager();
    tabLayout.setupWithViewPager(viewPager);
}

private void setupViewPager() {
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
    adapter.addFragment(new FragmentName1(),"Home");
    adapter.addFragment(new FragmentName2(),"Tab1");
    adapter.addFragment(new FragmentName3(),"Tab2");
    viewPager.setAdapter(adapter);
}

class ViewPagerAdapter extends FragmentPagerAdapter {
    private final List<Fragment> mFragmentList = new ArrayList<>();
    private final List<String> mFragmentTitleList = new ArrayList<>();

    public ViewPagerAdapter(FragmentManager manager) {
        super(manager);
    }

    @Override
    public Fragment getItem(int position) {
        return mFragmentList.get(position);
    }

    @Override
    public int getCount() {
        return mFragmentList.size();
    }

    public void addFragment(Fragment fragment, String title) {
        mFragmentList.add(fragment);
        mFragmentTitleList.add(title);
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return mFragmentTitleList.get(position);
    }
}

}

Answer 2

作为参考，我通过为每个选项卡创建一个片段来解决我的问题，每个选项卡都包含一个唯一的FrameLayout。

接下来，我使用我的活动通过FragmentTransaction将一个片段添加到FrameLayout（取决于选择了哪个选项卡）。

我不确定这是否是最佳解决方案，但它对我有用。

Android TabLayout - 选项卡中的替换片段

2 个答案: