1

我正在尝试设置水平滚动选项卡，并且我看到有人说使用 ViewPager。

我已经部分工作了，我可以在我的片段之间垂直滚动，但我没有在顶部获得任何选项卡来选择不同的选项卡。

这是我的代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

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


MyPageAdapter pageAdapter;
Context ctx;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_home);
    ctx = this;

    ActionBar actionBar = getActionBar();

    assert actionBar != null;

    if (savedInstanceState != null) {
        actionBar.setSelectedNavigationItem(savedInstanceState.getInt("tab", 0));
    }

    List<Fragment> fragments = getFragments();
    pageAdapter = new MyPageAdapter(getSupportFragmentManager(), fragments);
    ViewPager pager = (ViewPager)findViewById(R.id.viewpager);
    pager.setAdapter(pageAdapter);
}

private List<Fragment> getFragments(){
    List<Fragment> fList = new ArrayList<Fragment>();

    fList.add(MyFragment.newInstance("MyFragment 1"));
    fList.add(MyFragment.newInstance("MyFragment 2"));
    fList.add(MyFragment.newInstance("MyFragment 3"));

    return fList;
}



class MyPageAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragments;

    public MyPageAdapter(FragmentManager fm, List<Fragment> fragments) {
        super(fm);
        this.fragments = fragments;
    }
    @Override
    public Fragment getItem(int position) {
        return this.fragments.get(position);
    }

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

我还包括 v4 支持库

dependencies {
    compile ('com.android.support:support-v4:13.0.0', 'com.google.android.gms:play-services:3.1.36')
    compile files('/libs/android-async-http-1.4.3.jar')
}

但是，在我的 XML 布局中，我收到一条警告说 Element android.support.v4.view.ViewPager is not allowed here。

我是否没有正确包含库，这就是我看不到任何标签的原因吗？

4

2 回答 2

1

您需要将选项卡添加到 ActionBar。

这样做：

final ActionBar bar = getActionBar();
        bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        bar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);

        mTabsAdapter = new TabsAdapter(this, mViewPager);
        mTabsAdapter.addTab(bar.newTab().setText("Tab 1"),
                YourFragment.class, null);
        mTabsAdapter.addTab(bar.newTab().setText("Tab 2"),
                YourFragment.class, null);
        mTabsAdapter.addTab(bar.newTab().setText("Tab 3"),
                YourFragment.class, null);

此外，您将需要 aActionBar.TabListener和 aViewPager.OnPageChangeListener以在按下选项卡时让 ViewPager 更改为所选页面。

有关完整示例，请参见此处：http: //developer.android.com/reference/android/support/v4/view/ViewPager.html

于 2013-09-11T23:17:13.347 回答
0

您不需要操作栏，如果您只想显示页面标题，可以通过将布局更改为

<android.support.v4.view.ViewPager
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.v4.view.PagerTitleStrip
    android:id="@+id/pager_title_strip"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    android:background="#33b5e5"
    android:textColor="#fff"
    android:paddingTop="4dp"
    android:paddingBottom="4dp" />

</android.support.v4.view.ViewPager>

与此处的示例一样，但您仍需要创建自定义FragmentStatePagerAdapter。

这就是我在我的 android 2.3.5 应用程序中所做的。

于 2013-09-11T23:55:13.780 回答