與RelativeLayout重疊的ViewPager選項卡

Question

我有一個Activity，其中包含帶有兩個標簽的ViewPager。 當用戶按下按鈕時，我希望顯示一個不透明的RelativeLayout疊加層，然后用戶可以在其中選擇不同的選項。

問題在於，覆蓋圖不會與ViewPager的選項卡重疊，而是會停下來。

我的XML：

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:id="@+id/footer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_alignParentBottom="true"
            android:background="@color/light_gray" >

            <TextView
                 ..../>

        </LinearLayout>

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

    </RelativeLayout>

    <Button
        .../>

    <RelativeLayout
        android:id="@+id/overlay"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/orange"
        android:visibility="gone"
        android:alpha="0.9">
    </RelativeLayout>

</RelativeLayout>

當前是什么樣的：

我希望它看起來像什么：

Answer 1

AFAIK選項卡屬於ActionBar，您不能僅覆蓋選項卡。 但是，如果使用支持庫v7，則可以在布局文件中定義工具欄（ActionBar的新名稱）。 您還可以在xml中定義TabLayout（標簽的容器）。 為此，您必須使用Google的新設計支持庫。

只需通過添加導入這些庫

    compile 'com.android.support:design:22.2.0'
    compile 'com.android.support:appcompat-v7:22.2.0'

到您的gradle文件。 現在您可以使用

    <android.support.v7.widget.Toolbar />
    <android.support.design.widget.TabLayout />

在您的布局文件中。 確保將主題更新為

    <style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">

因此將沒有默認的ActionBar並從AppCompatActivity繼承，而不是從Activity ， FragmentActivity或其他繼承。 為了使您的工具欄像ActionBar一樣工作，請按ID加載Toolbar並使用setSupportActionBar(toolbar) 。 要使ViewPager和TabLayout一起工作，只需照常設置ViewPager，然后在TabLayout對象上調用setupWithViewPager(viewPager) 。

生成的xml應該如下所示：

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

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.TabLayout
            android:layout_height="wrap_content"
            android:layout_width="match_parent" />

        <android.support.v4.view.ViewPager
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </RelativeLayout>

</LinearLayout>