2016-01-19 9 views
1

我在我的佈局中有一個header,在標題下面有scrollview。當我開始填補了scrollview內容(使我得到滾動頁),scrollview開始滾動的標題我的scrollview在標題上方滾動android

bucket.xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/rel_rootMyBucketList" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@drawable/bg_mybuket_list" 
    android:orientation="vertical"> 

    <include 
     android:id="@+id/bucket_header" 
     layout="@layout/header" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"></include> 


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

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

      <include 
       android:id="@+id/bucket_row_1" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp"></include> 

      <include 
       android:id="@+id/bucket_row_2" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_1" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_3" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_2" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_4" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_3" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_5" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_4" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_6" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_5" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_7" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_6" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_8" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_7" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_9" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_8" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_10" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_9" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_11" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_10" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_12" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_11" 
       android:visibility="gone"></include> 
     </LinearLayout> 
    </ScrollView> 
</RelativeLayout> 

header.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="match_parent" 
    android:background="@color/cyan_dark" 
    android:paddingTop="20dp"> 

    <ImageView 
     android:id="@+id/img_back" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:paddingBottom="10dp" 
     android:paddingLeft="10dp" 
     android:paddingRight="30dp" 
     android:paddingTop="10dp" 
     android:src="@drawable/ic_back" /> 

    <ImageView 
     android:id="@+id/img_search" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:paddingBottom="10dp" 
     android:paddingLeft="10dp" 
     android:paddingRight="30dp" 
     android:paddingTop="10dp" 
     android:src="@drawable/btn_home_search" 
     android:visibility="gone" /> 

    <TextView 
     android:id="@+id/tv_header_tittle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:gravity="center" 
     android:padding="10dp" 
     android:text="Change Password" 
     android:textColor="@color/white" 
     android:textSize="@dimen/txt_large" /> 

    <com.viewpagerindicator.CirclePageIndicator 
     android:id="@+id/circle_indicator" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/tv_header_tittle" 
     android:layout_centerHorizontal="true" 
     android:layout_gravity="center" 
     android:background="#512da8" 
     app:fillColor="@color/white" 
     app:pageColor="@color/blue" 
     app:strokeColor="@color/blue" 
     android:visibility="gone"/> 

    <ImageView 
     android:id="@+id/img_next" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:paddingBottom="10dp" 
     android:paddingLeft="30dp" 
     android:paddingRight="10dp" 
     android:paddingTop="10dp" 
     android:src="@drawable/ic_bucketlist_next" 
     android:visibility="gone" /> 

    <TextView 
     android:id="@+id/tv_next" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/next" 
     android:textColor="@android:color/white" 
     android:textSize="@dimen/txt_medium" 
     android:layout_alignParentRight="true" 
     android:padding="10dp" 
     android:visibility="gone" 
     android:layout_centerHorizontal="true" /> 


    <ImageView 
     android:id="@+id/img_glob" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:paddingBottom="10dp" 
     android:paddingLeft="30dp" 
     android:paddingRight="10dp" 
     android:paddingTop="10dp" 
     android:src="@drawable/ic_home_globe" 
     android:visibility="gone" /> 

enter image description here

+0

您需要添加的android:滾動型 – justDroid

回答

2

在第一次使用RelativeLayout(母公司),而不是LinearLayout

然後調用android:layout_belowScrollView

機器人:layout_below

位置低於給定的錨視圖ID該視圖的頂部邊緣。 容納此視圖的頂部邊距和錨點視圖的底部邊距。

​​

編輯

<RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/bucket_header"> 
<ScrollView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     > 
+0

花花公子的一個的LinearLayout layout_below = 「@ + ID/bucket_header」 不相對 –

+0

感謝提到。使用'RelativeLayout而不是LinearLayout'。 –

+1

早些時候嘗試過,但讓我再試一次 –

0

添加

android:layout_below="@+id/bucket_header" 

您滾動視圖

0

試試這個,

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/rel_rootMyBucketList" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@drawable/bg_mybuket_list" 
    android:orientation="vertical"> 

    <include 
     android:id="@+id/bucket_header" 
     layout="@layout/header" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"></include> 

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

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/bucket_header" 
      android:orientation="vertical"> 

      <include 
       android:id="@+id/bucket_row_1" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp"></include> 

      <include 
       android:id="@+id/bucket_row_2" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_1" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_3" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_2" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_4" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_3" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_5" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_4" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_6" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_5" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_7" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_6" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_8" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_7" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_9" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_8" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_10" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_9" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_11" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_10" 
       android:visibility="gone"></include> 

      <include 
       android:id="@+id/bucket_row_12" 
       layout="@layout/row_my_bucket" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       android:layout_below="@+id/bucket_row_11" 
       android:visibility="gone"></include> 
     </LinearLayout> 
    </ScrollView> 
</LinearLayout> 
0

嘗試在滾動視圖添加此,試着改變你的親戚佈局線性的。

android:fillViewport = "true"