2016-03-25 60 views
0

我有一個Android應用程序,其中包含一個RelativeLayout,其中包含TableLayoutAndroid - Scale TableLayout至屏幕尺寸

TableLayout之內,有3個ImageView s用於每個3 TableLayout行。 (總共製作9個)

我遇到的問題是每行中最後的ImageView部分被切斷。

這是我目前的XML代碼:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    tools:context=".Main"> 
    <TableLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:shrinkColumns="true" 
      android:id="@+id/TableLayout"> 
      <TableRow 
       android:id="@+id/TableRow1" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content"> 
       <ImageView 
        android:id="@+id/s1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="5dp"/> 
       <ImageView 
        android:id="@+id/s2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="5dp"/> 
       <ImageView 
        android:id="@+id/s3" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="5dp"/> 
      </TableRow> 
    </TableLayout> 
</RelativeLayout> 

(行的其餘部分是相同的)

我試圖玩弄像fill_parentwrap_content值,但我還沒有任何成功了。

我想將TableLayout縮放到屏幕大小,以便它在所有設備上都看起來不錯,沒有任何圖像被切斷。

以下是截圖: screenshot

提前感謝!

+0

它是在右邊還是下邊?你可以添加一個截圖嗎? – RobinF

+0

@RobinF正在剪切圖像。我會盡力得到一個截圖。 –

+0

@RobinF我添加了一個截圖,希望它有幫助。 –

回答

0

您可能想要使用LinearLayout作爲父級,並且TableLayout使用內部權重,這樣您的行和列將通過均勻分配可用的總空間來均勻分配。

此外,如果您希望圖像適合分配的空間使用match_parent高度和重量與android:scaleType="fitXY"ImageViewsTableLayout內。其他圖像縮放算法也可用於獲得最佳效果(以適應您的需求)嘗試並稍微玩一下,看看最適合您的是什麼。

+0

使用'LinearLayout'無法運氣,並用'scaleType =「fitXY」'縮放圖像。還有其他建議嗎? –

+0

比將android:stretchColumns =「*」添加到tablelayout並嘗試使用不同的縮放算法,這些算法被建議作爲ImageView屬性的自動完成:> android:scaleType來閱讀更多關於它們的信息,您可以查看這裏 - http://developer.android.com/reference/android/widget/ImageView.ScaleType.html – crazyPixel