如何製作ImageView縮放圖以在其下留下控制空間？

Question

因此，我正在爲圖像處理編寫此應用程序，並且在用戶從圖庫中選擇圖像後，我有一個選項頁面，頂部有幾個控件，中間是所選圖像的預覽。底部還有一個「開始」按鈕，但如果圖像足夠高，按鈕會被遮蓋。

我認爲將圖像大小調整爲可以工作的特定高度，但該高度會在不同的設備上發生變化。理想情況下，我希望圖像佔用控件和按鈕之間的空間，但我無法弄清楚如何做到這一點。我嘗試使用垂直tablelayout，但沒有什麼區別。

在此圖像中，模擬器窗口位於右側。

這是我的XML。有點混亂，但這裏有：

<?xml version="1.0" encoding="utf-8"?> 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/linearLayout" android:orientation="vertical" 
android:layout_height="wrap_content" android:padding="10px" 
android:layout_width="fill_parent"> 
<TextView android:textSize="18px" android:text="GIF Options" 
    android:id="@+id/textView3" android:layout_width="wrap_content" 
    android:layout_height="wrap_content"> 
</TextView> 

<TableLayout android:id="@+id/tableLayout" 
    android:layout_width="fill_parent" android:layout_height="wrap_content" 
    android:stretchColumns="1"> 

    <TableRow> 
     <TextView android:layout_height="wrap_content" android:text="FPS:" 
      android:id="@+id/TextView1"  android:layout_width="wrap_content" 
      android:enabled="false" android:textSize="17px"></TextView> 
     <EditText android:text="20" android:inputType="numberDecimal" 
      android:id="@+id/EditTextFPS" android:numeric="decimal" 
      android:singleLine="true" android:layout_height="wrap_content" 
      android:layout_width="wrap_content" android:digits="2" 
      android:width="50px"></EditText> 
    </TableRow> 
    <TableRow> 
     <TextView android:layout_height="wrap_content" android:text="Frames:" 
      android:id="@+id/TextView2" android:layout_width="wrap_content" 
      android:enabled="false" android:textSize="17px"></TextView> 

     <EditText android:layout_width="wrap_content" 
      android:layout_height="wrap_content" android:text="70" 
      android:inputType="numberDecimal" android:id="@+id/EditTextFrames" 
      android:numeric="decimal" android:singleLine="true" android:digits="2"></EditText> 
    </TableRow> 
    <TableRow> 
     <TextView android:layout_height="wrap_content" android:text="Saturation Boost: " 
      android:id="@+id/TextView2" android:layout_width="wrap_content" 
      android:enabled="false" android:textSize="17px"></TextView> 

     <SeekBar android:layout_height="wrap_content" 
      android:layout_width="fill_parent" android:id="@+id/seekBar1" 
      android:layout_alignParentLeft="true" android:max="10"></SeekBar> 

    </TableRow> 
</TableLayout> 

<TextView android:layout_width="wrap_content" 
    android:layout_height="wrap_content" android:id="@+id/textView4" 
    android:layout_gravity="center" android:text="Chosen Image" 
    android:textSize="16px"></TextView> 
<ImageView android:layout_width="wrap_content" android:src="@drawable/icon" 
    android:layout_gravity="center" android:id="@+id/optionspreview" 
    android:isScrollContainer="true" android:layout_height="fill_parent"></ImageView> 

<Button android:layout_height="wrap_content" 
    android:layout_width="wrap_content" android:textSize="22px" 
    android:id="@+id/startbutton" android:text="Start!" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" android:layout_gravity="center"></Button> 

</LinearLayout> 

Answer 1

您可以通過使用RelativeLayout來做到這一點。

一個過於簡單的答案（因爲我不知道你的佈局）將是所有的頂部控件在一個佈局（比如說layoutTop）中，佈局中的所有按鈕控件（layoutBottom）以及你的ImageView在中間：

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

    <LinearLayout 
     android:id="@+id/layoutTop" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
    > 
     <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Sparta!!!" 
     /> 
    </LinearLayout> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/layoutTop" 
     android:layout_above="@+id/layoutBottom" 
     android:src="@drawable/empty_star" 
    /> 

    <LinearLayout 
     android:id="@id/layoutBottom" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
    > 
     <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Sparta!!!" 
     /> 
    </LinearLayout> 

</RelativeLayout> 

這裏的技巧是注意我是如何爲layoutBottom創建id的。當我聲明實際佈局時，而不是第一次使用「+」時，即在ImageView中。

Answer 2

發佈您的（XML）佈局。你最有可能使用LinearLayout。 A RelativeLayout會簡化這一點。如果你發佈你的XML，我會給你一個轉換它的手。

編輯：我會大大簡化您的佈局。這種佈局非常複雜，需要大量的內存和處理才能充氣。您可以使用相對佈局的一位父母輕鬆創建此佈局。正確放置的關鍵是android:layout_alignParentBottom。