2012-01-18 40 views
1

我已經在我的應用程序中實現了一個具有8個子視圖的ViewFlipper,如下所示。如何實現ViewFlipper的一個孩子的滾動?

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:background="@drawable/main_bg" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <ViewFlipper 
    android:id="@+id/layout_tab_one" 
    android:layout_marginTop="70dp" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 

    <include 
     layout="@layout/exterior_driverside_1" 
     /> 
    <include 
     layout="@layout/exterior_driverside_2" 
     /> 
    <include 
     layout="@layout/exterior_front_1" 
     /> 
    <include 
     layout="@layout/exterior_front_2" 
     /> 
    <include 
     layout="@layout/exterior_passenger_1" 
     /> 
    <include 
     layout="@layout/exterior_passenger_2" 
     /> 
    <include 
     layout="@layout/exterior_rear_1" 
     /> 
    <include 
     layout="@layout/interior_1" 
     /> 
    <include 
     layout="@layout/interior_2" 
     /> 
    <include 
     layout="@layout/interior_3" 
     /> 
    <include 
     layout="@layout/interior_4" 
     /> 
    <include 
     layout="@layout/interior_5" 
     /> 
    <include 
     layout="@layout/finalpage" 
     /> 
</ViewFlipper> 
</LinearLayout> 

每個孩子的佈局類似於這樣。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical"> 
    <TextView 
        android:id="@+id/check_title" 
        android:layout_marginTop="10dp" 
        android:textColor="#ffffff" 
        android:textStyle="bold" 
        android:layout_marginRight="10dp" 
        android:textSize="18sp" 
        android:layout_alignParentLeft="true" 
        android:layout_marginLeft="25dp" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="Exterior/Rear  " 
        /> 
     <RelativeLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:background="@drawable/greytop_bg" 
      android:paddingLeft="7dp" 
      android:paddingRight="7dp" 
      android:layout_marginLeft="7dp" 
      android:layout_marginRight="7dp" 
      > 


       <TextView 
        android:id="@+id/tailights_txt" 
        android:textColor="#ffffff" 
        android:text="Tailights" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="10dp" 
        /> 
        <CheckBox 
         android:id="@+id/tailights" 
         android:checked="false" 
         android:layout_height="wrap_content" 
         android:layout_width="wrap_content" 
         android:layout_alignParentRight="true" /> 
        <EditText 
         android:id="@+id/tailights_edit" 
         android:layout_width="fill_parent" 
         android:layout_height="30dp" 
         android:layout_below="@+id/tailights" 
         android:background="@drawable/edit_text" 
         android:hint="Tap to enter comments" 
         android:textSize="10dp" 
         android:visibility="gone" 
         /> 
       </RelativeLayout> 
      <RelativeLayout  
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:background="@drawable/greymid_bg" 
      android:paddingLeft="7dp" 
      android:paddingRight="7dp" 
      android:layout_marginLeft="7dp" 
      android:layout_marginRight="7dp" > 
       <TextView 
        android:id="@+id/bootlid_txt" 
        android:textColor="#ffffff" 
        android:text="Boot lid/Tailgate" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="10dp"/> 
        <CheckBox 
         android:id="@+id/bootlid" 
         android:checked="false" 
         android:layout_height="wrap_content" 
         android:layout_width="wrap_content" 
         android:layout_alignParentRight="true"/> 
        <EditText 
         android:id="@+id/bootlid_edit" 
         android:layout_width="fill_parent" 
         android:layout_height="30dp" 
         android:layout_below="@+id/bootlid" 
         android:background="@drawable/edit_text" 
         android:hint="Tap to enter comments" 
         android:textSize="10dp" 
         android:visibility="gone" 
         /> 
       </RelativeLayout> 
       <RelativeLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:background="@drawable/greymid_bg" 
      android:paddingLeft="7dp" 
      android:paddingRight="7dp" 
      android:layout_marginLeft="7dp" 
      android:layout_marginRight="7dp" > 
       <TextView 
        android:id="@+id/bumperbar_txt" 
        android:textColor="#ffffff" 
        android:text="Bumper Bar" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="10dp" 
        /> 
        <CheckBox 
         android:id="@+id/bumperbar" 
         android:checked="false" 
         android:layout_height="wrap_content" 
         android:layout_width="wrap_content" 
         android:layout_alignParentRight="true"/> 
        <EditText 
         android:id="@+id/bumperbar_edit" 
         android:layout_width="fill_parent" 
         android:layout_height="30dp" 
         android:layout_below="@+id/bumperbar" 
         android:background="@drawable/edit_text" 
         android:hint="Tap to enter comments" 
         android:textSize="10dp" 
         android:visibility="gone" 
         /> 
</RelativeLayout> 
<RelativeLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:background="@drawable/greymid_bg" 
      android:paddingLeft="7dp" 
      android:paddingRight="7dp" 
      android:layout_marginLeft="7dp" 
      android:layout_marginRight="7dp" > 
       <TextView 
        android:id="@+id/mudflaps_txt" 
        android:textColor="#ffffff" 
        android:text="Mud Flaps" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="10dp" 
        /> 
        <CheckBox 
         android:id="@+id/mudflaps" 
         android:checked="false" 
         android:layout_height="wrap_content" 
         android:layout_width="wrap_content" 
         android:layout_alignParentRight="true"/> 
        <EditText 
         android:id="@+id/mudflaps_edit" 
         android:layout_width="fill_parent" 
         android:layout_height="30dp" 
         android:layout_below="@+id/mudflaps" 
         android:background="@drawable/edit_text" 
         android:hint="Tap to enter comments" 
         android:textSize="10dp" 
         android:visibility="gone" 
         /> 
</RelativeLayout> 
<RelativeLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:background="@drawable/greybott_bg" 
      android:paddingLeft="7dp" 
      android:paddingRight="7dp" 
      android:layout_marginLeft="7dp" 
      android:layout_marginRight="7dp" > 
       <TextView 
        android:id="@+id/rear_unapproved_txt3" 
        android:textColor="#ffffff" 
        android:text="Unapproved advertising" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="10dp" 
        /> 
        <CheckBox 
         android:id="@+id/rear_unapproved3" 
         android:checked="false" 
         android:layout_height="wrap_content" 
         android:layout_width="wrap_content" 
         android:layout_alignParentRight="true"/> 
        <EditText 
         android:id="@+id/rear_unapproved_edit3" 
         android:layout_width="fill_parent" 
         android:layout_height="30dp" 
         android:layout_below="@+id/rear_unapproved3" 
         android:background="@drawable/edit_text" 
         android:hint="Tap to enter comments" 
         android:textSize="10dp" 
         android:visibility="gone" 
         /> 
</RelativeLayout> 
</LinearLayout> 

我已經實現了onGestureListener(onFling)來切換ViewFlipper的另一個子視圖。如果我爲每個子視圖添加ScrollView,onFling不起作用。但是每個子視圖都需要一個滾動視圖。如何在ViewFlipper中實現ScrollView?如果有人爲我推薦一些代碼,那將會很棒。

回答

0

爲什麼在視圖過渡時需要使用ViewFlipper?爲什麼不將這些組件/視圖添加到scrollview中的線性佈局?

+0

在scrooview中將這些組件實現爲線性佈局很簡單,但生成的列表將會更長。我想實現ViewFlipper,因爲ViewFlipper通過滑動翻動每個頁面使每個子視圖都是分離的頁面,從而使我的應用程序更加智能和簡單。 – 2012-01-18 12:45:51

+0

你能發表一些想法嗎? – 2012-01-18 12:57:45

+0

然後只是添加視圖來查看鰭狀肢和設置動畫slide_in,滑出來查看鰭狀肢 – jeet 2012-01-18 12:59:53

相關問題