Viewpager并非适用于所有屏幕

时间:2016-08-08 18:07:49

标签: android xml layout android-viewpager

我有一个布局包括textviews按钮和imageview。我想使用Viewpager中的一个Imageview来滑动一些图像。但它整个屏幕滑动。 我想只滑动我想要的Imageview。

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

tools:context="com.gogothecat.gok.lightroom.MainActivity"
android:background="#d9ab3b">

    <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="fill_parent"


        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true">

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

<ImageView
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:id="@+id/imageView2"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/textView3" />

<ImageView
        android:id="@+id/imageview"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:scaleType="fitStart"

        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="false"
        android:background="#ffffff"
        android:layout_alignParentTop="true" />

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="some text"
    android:id="@+id/textView2"
    android:layout_below="@+id/imageview"

    android:background="#000000"
    android:textColor="#FFFFFF"
    android:textSize="35dp">
    </TextView>

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Some long text"
    android:id="@+id/textView3"
    android:layout_below="@+id/textView2"


    android:textColor="#000000"
    android:background="#d9ab3b">
</TextView>

<Button
    style="?android:attr/buttonStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/button"
    android:background="@drawable/abc_ic_ab_back_mtrl_am_alpha"

    android:backgroundTint="#000000"
    android:alpha="0.5"
    android:allowUndo="true"
    android:layout_alignTop="@+id/imageView2"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="149dp" />

2 个答案:

答案 0 :(得分:0)

尝试移动</android.support.v4.view.ViewPager>结束标记,以便只有您要幻灯片的ImageViewViewPager范围内。例如,如果您只想要ImageView中的第一个ViewPager

<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="fill_parent"


    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true">


<ImageView
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:id="@+id/imageView2"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/textView3" />

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

答案 1 :(得分:0)

所以我所做的只是在viewpager之前向xml添加另一个布局。像所以

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

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="@dimen/appbar_padding_top"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/AppTheme.PopupOverlay">
    </android.support.v7.widget.Toolbar>

</android.support.design.widget.AppBarLayout>

<include layout="@layout/content_item_view" />

    <android.support.v4.view.ViewPager
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <android.support.v4.view.PagerTabStrip
        android:id="@+id/pager_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:paddingBottom="4dp"
        android:paddingTop="4dp"
        android:textAppearance="@style/PagerTabStripText"
        />

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

</LinearLayout>

它显示我的第一个布局,然后是其下面有片段的viewpager