8

我有以下代码：

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

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

一切都得到了应有的布局。

我现在想要的是PagerTabStrip 覆盖 ViewPager。

它应该在不占用任何布局空间的情况下呈现在顶部。基本上 ViewPager 中的片段应该像 PagerTabStrip 一样从 0,0 开始。

任何帮助表示赞赏。谢谢！

4

2 回答 2

8

我终于找到了一种方法来做到这一点。

在onAttachedToWindowPagerTitleStrip 中，这会检查父级是否为 ViewPager：

final ViewParent parent = getParent();
 if (!(parent instanceof ViewPager)) {
  throw new IllegalStateException("PagerTitleStrip must be a direct child of a ViewPager.");
}

因此，这需要去。

解决方案：

我现在通过创建自己的自定义 PagerTitleStrip/PagerTabStrip 解决了这个问题。我删除了上述行为并将其替换为指向 ViewPager 的 PagerTitleStrip 的可样式属性。这是在 values/attrs.xml 中定义的，如下所示：

<declare-styleable name="PagerTitleStripCustom">
    <attr name="parentViewPager" format="reference" />
</declare-styleable>

并像这样读入 PagerTitleStrip 构造函数：

TypedArray types = context.obtainStyledAttributes(attrs,R.styleable.PagerTitleStripCustom, 0, 0);   
pagerID = types.getResourceId(R.styleable.PagerTitleStripCustom_parentViewPager, 0);

我们onAttachedToWindow现在可以检查 mViewPager 变量是否为 null 并将其分配给我们的 pagerID，如下所示：

@Override
protected void onAttachedToWindow() {
    super.onAttachedToWindow();

    final ViewParent parent = getParent();

    ViewPager pager = null;

    if (pagerID != 0) {
        View test2 = ((View) parent).findViewById(pagerID);
        pager = (ViewPager) test2;
    } else if (pagerID == 0 && (parent instanceof ViewPager)) {
        pager = (ViewPager) parent;
    } else if (pagerID == 0 && !(parent instanceof ViewPager)) {
        throw new IllegalStateException("PagerTitleStrip is neither a direct child of a ViewPager nor did you assign the ID of the ViewPager.");
    } else {
        throw new IllegalStateException("PagerTitleStrip: Something went completely wrong.");
    }

    final PagerAdapter adapter = pager.getAdapter();

    pager.setInternalPageChangeListener(mPageListener);
    pager.setOnAdapterChangeListener(mPageListener);
    mPager = pager;
    updateAdapter(mWatchingAdapter != null ? mWatchingAdapter.get() : null, adapter);
}

现在 PagerTitleStrip/PagerTabStrip 控件可以像这样在布局中自由定位：

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

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

 <android.support.v4.view.PagerTabStripCustom
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     custom:parentViewPager="@id/main_pager" />

</RelativeLayout>

这只是快速而肮脏的概念证明。希望这可以帮助某人。

于 2013-11-26T16:39:16.197 回答
-1 
<RelativeLayout android:id="@+id/view_pager_container
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

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

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

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

</RelativeLayout>

使用RelativeLayout 时，如果在添加视图时未指定视图应放置的位置，则视图会简单地在RelativeLayout 的左上角（或位置0、0）中相互叠加添加。

于 2013-01-29T18:14:59.907 回答