如何在android中使用view pager滚动布局?

时间:2013-06-11 09:07:23

标签: android android-layout android-viewpager android-scrollview

我只是尝试滚动我的活动,其中标签+查看寻呼机,但我没有获得成功。下面我展示了当我使用滚动时发生的事情。

显示的是寻呼机图片和xml代码

enter image description here

现在不垂直滚动

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

            <ImageView
                android:id="@+id/profile_user_banner_profile_user"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:contentDescription="@string/shown_image"
                android:scaleType="fitXY"
                android:src="@drawable/banner" />

        </RelativeLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <biz.xicom.defindme.profileuser.TabPageIndicator
                android:id="@+id/indicator"
                android:layout_width="fill_parent"
                android:layout_height="40dp"
                android:background="@drawable/tabs_bg"
                android:fillViewport="true" />

            <android.support.v4.view.ViewPager
                android:id="@+id/pager"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#f1eee7"
                android:scrollbars="vertical" />

        </LinearLayout>

未显示viewpager bcz我在scrollview上添加了查看分页器,但我现在为什么要这个

enter image description here

现在在滚动视图中添加视图寻呼机时未显示在视图寻呼机上的任何内容

 <ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

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

            <ImageView
                android:id="@+id/profile_user_banner_profile_user"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:contentDescription="@string/shown_image"
                android:scaleType="fitXY"
                android:src="@drawable/banner" />

        </RelativeLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <biz.xicom.defindme.profileuser.TabPageIndicator
                android:id="@+id/indicator"
                android:layout_width="fill_parent"
                android:layout_height="40dp"
                android:background="@drawable/tabs_bg"
                android:fillViewport="true" />

            <android.support.v4.view.ViewPager
                android:id="@+id/pager"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#f1eee7"
                android:scrollbars="vertical" />

        </LinearLayout>
    </LinearLayout>
</ScrollView>

滚动但现在修复了viewpager高度,你会看到发生了什么

显示视图寻呼机

enter image description here

现在你看到滚动下面的图像,你看到我指向的滚动

enter image description here

  <ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

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

            <ImageView
                android:id="@+id/profile_user_banner_profile_user"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:contentDescription="@string/shown_image"
                android:scaleType="fitXY"
                android:src="@drawable/banner" />

        </RelativeLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <biz.xicom.defindme.profileuser.TabPageIndicator
                android:id="@+id/indicator"
                android:layout_width="fill_parent"
                android:layout_height="40dp"
                android:background="@drawable/tabs_bg"
                android:fillViewport="true" />

            <android.support.v4.view.ViewPager
                android:id="@+id/pager"
                android:layout_width="match_parent"
                android:layout_height="100000dp"
                android:background="#f1eee7"
                android:scrollbars="vertical" />
        </LinearLayout>
    </LinearLayout>
</ScrollView>

我想要上面的事情,但没有固定的(android.support.v4.view.ViewPager android:layout_height="100000dp")。那我怎么能完成这个任务呢。

1 个答案:

答案 0 :(得分:0)

您在该布局中添加ScrollView,您可以在其中添加/扩充布局内容。如果您使用Fragment,请将片段保留在FragmentLayout而不是ViewPager布局中。