有人知道如何在Android中使用PagerTitleStrip

时间:2011-12-21 22:28:42

标签: android android-viewpager

我决定在我的应用程序中使用ViewPager,一切正常。 我知道我想在我的PagerTitleStrip中使用ViewPager,但我找不到有关如何操作的任何信息...... 我在这堂课上找到的唯一一页(sic !!)是http://developer.android.com/reference/android/support/v4/view/PagerTitleStrip.html 所以我似乎只需要在PagerTitleStrip布局中添加ViewPager,但我的活动中没有看到任何新内容......

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

    <android.support.v4.view.PagerTitleStrip
        android:id="@+id/pagerTitleStrip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom" />
</android.support.v4.view.ViewPager>

有谁知道如何使用它?

编辑: 抱歉,它在getPageTitle中实现ViewPagerAdapter方法时有效...但我不希望显示任何文本,只是一个小光标显示当前视图与上一个和下一个相比的位置的...

4 个答案:

答案 0 :(得分:45)

我不确定你的情况会导致什么错误,但这是我如何使用它,在你的布局中你应该在你的布局中插入以下代码:

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

        <android.support.v4.view.PagerTitleStrip
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top" />
</android.support.v4.view.ViewPager>

然后,您应该在PageAdapter中添加以下代码:

        @Override
        public CharSequence getPageTitle (int position) {
            return "Your static title";
        }

这很漂亮。

答案 1 :(得分:3)

我相信这就是你要找的东西。我发誓我在兼容性库中看到了这样的内容,但现在似乎无法找到它。

http://viewpagerindicator.com/

来源: https://github.com/JakeWharton/Android-ViewPagerIndicator

答案 2 :(得分:2)

我也遇到过这个问题,而PagerTitleStrip不可见。上面的答案没有帮助。问题是我在http://developer.android.com/reference/android/support/v4/view/ViewPager.html上遵循了示例。

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    mViewPager = new ViewPager(this);
    mViewPager.setId(R.id.pager);
    setContentView(mViewPager);

上面的代码显示了视图寻呼机,但没有显示PagerTitleStrip。

我将代码更改为

protected void onCreate(Bundle savedInstanceData) {
    super.onCreate(savedInstanceData);
    setTitle(R.string.my_title);

    setContentView(R.layout.my_pager);
    viewPager = (ViewPager)findViewById(R.id.pager);

RES /布局/ my_pager.xml:

 <?xml version="1.0" encoding="utf-8"?>
 <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="wrap_content">

    <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>

通过删除ViewPager(javadoc页面)示例中的所有代码来操作ActionBar和ActionBar.Tab,我也能够向后兼容API 8。

答案 3 :(得分:-1)

PagerTitleStrip是ViewPager的当前页面,下一页面和之前页面的非交互信号。它实际上被设计用作ViewPager小部件的子视图

步骤1.创建布局activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.example.androidviewpagerapp.MainActivity" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:autoLink="web"
        android:text="http://android-er.blogspot.com/"
        android:textStyle="bold" />
    <android.support.v4.view.ViewPager
        android:id="@+id/myviewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/titlestrip"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </android.support.v4.view.ViewPager>
     </LinearLayout>

步骤2.创建活动包含ViewPager this(MainActvity.java)

public class MainActivity extends Activity {
 ViewPager viewPager;
 MyPagerAdapter myPagerAdapter;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  viewPager = (ViewPager)findViewById(R.id.myviewpager);
  myPagerAdapter = new MyPagerAdapter();
  viewPager.setAdapter(myPagerAdapter);
  PagerTitleStrip pagerTitleStrip = (PagerTitleStrip)findViewById(R.id.titlestrip);
 }
}

演示:http://photo-wonder.blogspot.com/2016/09/pagertitlestrip-on-viewpager-android.html