在相对布局（未附加到 ActionBar ）下方显示 ViewPager（滑动选项卡）android

Question

我的布局有一些视图（EditText 内的EditText 和 Textview），在下面我需要显示 ViewPager（滑动选项卡），但 android 支持 ViewPager 附加到 ActionBar ，这在我的情况下不是必需的.

当前结果：ActionBar --> ViewPager

预期结果：ActionBar --> RelativeLayout --> ViewPager

如果需要代码我可以发布..

main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <RelativeLayout
        android:id="@+id/container_top_news"
        android:layout_alignParentTop="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <include
            android:id="@+id/top_news"
            layout="@layout/top_news"/>

    </RelativeLayout>

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

</RelativeLayout>

top_news.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

     <View
                android:id="@+id/view1"
                android:layout_width="match_parent"
                android:layout_height="1dp"              
                android:background="@color/border" 
                android:layout_margin="0dip"/>
    <RelativeLayout
        android:id="@+id/lay_rel_main"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="@color/title_background"
        >

         <ImageView
                android:id="@+id/img_photo"
                android:layout_width="150dp"
                android:layout_height="150dp"
                android:layout_below="@+id/view2"
                android:adjustViewBounds="true"               
                android:background="@drawable/ic_getimage"                            
                android:padding="10dip" />

         <View
                android:id="@+id/view2"
                android:layout_width="1dp"
                android:layout_height="match_parent"
               android:layout_toRightOf="@+id/img_photo"
                android:background="@color/border" 
                android:layout_margin="0dip"/>


          <com.rb.lined.edittext.LinedEditText
                android:id="@+id/edit_story"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"                
                android:background="@null"
                android:inputType="textMultiLine|textNoSuggestions"
                android:padding="10dip" 
                android:singleLine="false"
                android:imeOptions="actionNone"

                android:textSize="10sp"
                android:gravity="top|left"              
                app:typeface="roboto_condensed"
               android:layout_toRightOf="@+id/view2"
               android:minLines="10"/>

    </RelativeLayout>

     <View
                android:id="@+id/view3"
                android:layout_width="match_parent"
                android:layout_height="1dp"              
                android:background="@color/border" 
                android:layout_margin="0dip"/>

</RelativeLayout>

Answer 1

您目前拥有： 相对布局 - 热门新闻 - ViewPager 由于您没有在子级上设置任何相对布局选项，因此它们都将呈现在外部布局（即屏幕）的左上角（或实际上是顶部开始）。

如果您将 RelativeLayout 更改为具有垂直方向的 LinerLayout，那么您将在 top_news 下获得 ViewPager。

Answer 2

你可以试试这个：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <RelativeLayout
        android:id="@+id/container_top_news"
        android:layout_alignParentTop="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <include
            android:id="@+id/top_news"
            layout="@layout/top_news"/>

    </RelativeLayout>

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

</RelativeLayout>