我想为我的应用添加一些正确的导航。我有两个片段,我想制作一个标题条tabs(类似于Play报亭或具有材料设计的Play商店中的标题条),可在两个片段之间切换。我对ViewPager
或PagerAdapter
没有很好的理解。我也试图使用this library。我不知道从哪里开始。提前谢谢。
答案 0 :(得分:7)
我实际上曾经做过一次。好。
首先,将库添加到 build.gradle 文件中的依赖项中。
dependencies {
compile 'com.jpardogo.materialtabstrip:library:1.0.6'
}
这是我的 activity_main.xml 的样子。我添加了PagerSlidingTabStrip
(我自己的自定义,请参阅Github repo了解更多信息)和我的ViewPager
来自支持库。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity"
tools:ignore="MergeRootFrame"
android:fitsSystemWindows="true" >
<include layout="@layout/toolbar" />
<com.astuetz.PagerSlidingTabStrip
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="60dp"
android:background="#33B5E5"
android:textColor="#FFFFFF"
app:pstsIndicatorColor="#FFFFFF"
app:pstsPaddingMiddle="true" />
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
接下来,我在 MainActivity.java 的onCreate()
方法中执行了以下步骤:
// Initialize the ViewPager and set an adapter
ViewPager pager = (ViewPager) findViewById(R.id.pager);
pager.setAdapter(new PagerAdapter(getSupportFragmentManager()));
// Bind the tabs to the ViewPager
PagerSlidingTabStrip tabs = (PagerSlidingTabStrip) findViewById(R.id.tabs);
tabs.setViewPager(pager);
最后,FragmentPagerAdapter
类,也在 MainActivity.java 中。注意Fragment getItem()
方法;这是我使用标签位置在我的片段之间切换的地方。
class PagerAdapter extends FragmentPagerAdapter {
private final String[] TITLES = {"Regular Tenses", "Perfect Tenses"};
public PagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public CharSequence getPageTitle(int position) {
return TITLES[position];
}
@Override
public int getCount() {
return TITLES.length;
}
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new MainFragment();
case 1:
return new PerfectFragment();
}
return null;
}
}
答案 1 :(得分:0)