2013-06-12 179 views
1

我使用ImageView和Horizo​​ntalScrollView創建佈局。它看起來像下面的圖片... enter image description hereImageView填充剩餘空間

當用戶點擊Horizo​​ntalScrollView的圖像會顯示在ImageView的更大的圖像之一..

到目前爲止我的代碼如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"> 

<ImageView 
android:id="@+id/imageViewTop" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_alignParentTop="true" 
/> 


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentBottom="true" 
     > 

    <HorizontalScrollView 
      android:id="@+id/mainHorizontalScrollView" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      > 

     <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:orientation="horizontal" 
       android:background="@color/orange" 
       > 

      <ImageView 
        android:id="@+id/image1" 
        android:layout_width="150dp" 
        android:layout_height="150dp" 
        android:scaleType="fitXY" 
        android:src="@drawable/pic1" 
        android:padding="15dp" 
        ></ImageView> 

      <ImageView 
        android:id="@+id/image2" 
        android:layout_width="150dp" 
        android:layout_height="150dp" 
        android:scaleType="fitXY" 
        android:src="@drawable/pic2" 
        android:padding="15dp" 
        ></ImageView> 

     </LinearLayout> 

    </HorizontalScrollView> 

</RelativeLayout> 

上面的代碼使ImageView填充整個屏幕..我想要的是ImageView填充剩餘的屏幕,不填充Horizo​​ntalScrollView ..如何做到這一點?

+0

使用weightsum和layout_weights在佈局。也使用線性佈局作爲父佈局。 –

回答

4

更改ImageView是:

<ImageView 
android:id="@+id/imageViewTop" 
android:layout_width="fill_parent" 
android:layout_height="0dp" 
android:layout_weight=1 
android:layout_alignParentTop="true" 
/> 

,使家長查看LinearLayout

+0

並且還需要將父視圖設置爲垂直方向。 – codebased

0

更改父佈局的LinearLayout和ImageView的和孩子的RelativeLayout添加使用重量如下,

<LinearLayout .... 
......> 
<ImagView layout-weight="1"... 
...../> 
<RelativeLayout layout-weight="0.6".. 
......> 
<!-- child Views --> 
</RelativeLayout> 
</LinearLayout> 

根據您的要求更改重量的值,希望這有助於