使用Viewpager进行Scrollview

时间:2014-12-03 15:15:25

标签: android imageview android-viewpager viewpagerindicator

我有以下布局:

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

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:background="#dddddd">

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

 <TextView android:id="@+id/title"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="title"
    android:textSize="@dimen/checkout_title"
    android:textColor="#858585" /> 

    <ViewPager
        android:id="@+id/pager_checkout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

   <CirclePageIndicator android:id="@+id/indicator_checkout"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent" 
    app:pageColor="#858585"
    app:fillColor="#f19201" />

    <TextView 
          android:id="@+id/name"
          android:layout_below="@+id/title"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="20dp"
          android:text="name"
          android:textSize="16sp" />

      <EditText
          android:id="@+id/editTextName"
          android:layout_width="fill_parent"
          android:layout_height="40dp"
        android:paddingLeft="10dp"
          android:paddingRight="10dp" />
       </LinearLayout>
       </ScrollView>
       </RelativeLayout>

view pager使用片段作为页面(每个页面包含一个图像)继承布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="#ff0000" >

<ImageView 
android:id="@+id/img"
android:layout_height="wrap_content"
android:scaleType="centerInside"
android:adjustViewBounds="true"
android:layout_width="fill_parent"
android:src="@drawable/img" />
</LinearLayout>

我的主要问题是在nexus 7中的nexus 4等设备中,视图寻呼机和指示器之间有很大的空间,无论如何都没有空间去除那个空间?

1 个答案:

答案 0 :(得分:0)

尝试使用android:layout_marginTop在viewpager和指标之间定义你想要的空间

<ViewPager
    android:id="@+id/pager_checkout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"/>

<CirclePageIndicator android:id="@+id/indicator_checkout"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent" 
    app:pageColor="#858585"
    app:fillColor="#f19201" 
    android:layout_marginTop="10dp"/>          <!-- 10dp spacing -->