如何獲得六個按鈕來根據屏幕大小調整大小？

Question

我正在爲自己創建一個汽車塢站應用程序，並且我有6個按鈕可讓我將快捷方式放置到應用程序中。我設計了橫向和縱向模式的佈局。我在縱向模式下遇到屏幕尺寸問題。我有我的圖標一字排開，像這樣：

Text up here 
------------ 
| 1 | 2 | 
------------ 
| 3 | 4 | 
------------ 
| 5 | 6 | 
------------ 

下面是按鈕的XML：

<Button 
    android:id="@+id/btnLaunchSlotOne" 
    style="@style/launchButton" 
    android:layout_width="fill_parent" 
    android:layout_height="100dp" 
    android:layout_weight="1" 
    android:layout_marginRight="8dp" 
    android:padding="10dp" 
    android:text="Navigation" 
    android:textColor="#ffffff" /> 

現在我遇到的問題是，當我測試在一個較小的屏幕尺寸的應用中，按鈕似乎不會調整大小，並且會從底部的屏幕上移開。我怎樣才能讓他們正確擴展？我以爲用「dp」照顧所有這些？

是否需要以編程方式計算屏幕大小？

感謝您的建議/幫助！

Answer 1

使用類似下面的佈局，以正確地窩的按鈕：

<LinearLayout 
    android:orientation="vertical"> 
    <TextView>Put your Text here</TextView> 
    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_weightSum="2"> 
     <LinearLayout 
      android:orientation="vertical" 
      android:layout_height="fill_parent" 
      android:layout_width="0dp" 
      android:layout_weightSum="3" 
      android:layout_weight="1"> 
      <Button 
       android:layout_weight="1"/> 
      <Button 
       android:layout_weight="1"/> 
      <Button 
       android:layout_weight="1"/> 
     </LinearLayout> 
     <LinearLayout 
      android:orientation="vertical" 
      android:layout_weightSum="3" 
      android:layout_height="fill_parent" 
      android:layout_width="0dp" 
      android:layout_weight="1"> 
      <Button 
       android:layout_weight="1"/> 
      <Button 
       android:layout_weight="1"/> 
      <Button 
       android:layout_weight="1"/> 
     </LinearLayout> 
    </LinearLayout> 
</LinearLayout> 

然後每個按鈕需要0dp的高度（這讓重量適用和水平縮放按鈕）和填充父母的寬度。

訣竅是，子元素的權重將導致設置爲0dp的維度填充到父元素的weightSum的百分比。

例如，我有一個線性佈局，weightSum 3和3個重量爲1的子按鈕。當高度設置爲0dp時，它們每個都將父母高度的1/3作爲高度。當寬度設置爲0dp時，它們每個都將佔用父級寬度的三分之一。

這是根據百分比寬度或高度組織項目的最佳方法。

另外，如果你有兩個按鈕，一個是重量2，另一個是重量1，那麼1個按鈕將是父母高度/寬度的33％，而其他父母的高度/寬度的66％。方便的小竅門，並在所有屏幕上工作。

Answer 2

如果您希望按鈕始終佔據全屏幕，您可以使用GridView，它將自動處理所有屏幕尺寸的縮放比例。

Answer 3

您可以使用下面的XML文件:::

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 
<TextView 
android:text="Text 1" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
/> 
<LinearLayout 
    android:orientation="horizantal" android:layout_width="fill_parent" 
    android:layout_height="fill_parent" android:weight_sum = "2"> 
<Button android:layout_width="fill_parent" android:layout_weight="1" 
    android:layout_height="fill_parent" android:text="test" /> 
<Button android:layout_width="fill_parent" android:layout_weight="1" 
    android:layout_height="fill_parent" android:text="test" /> 
</LinearLayout> 
<LinearLayout 
    android:orientation="horizantal" android:layout_width="fill_parent" 
    android:layout_height="fill_parent" android:weight_sum = "2"> 
<Button android:layout_width="fill_parent" android:layout_weight="1" 
    android:layout_height="fill_parent" android:text="test" /> 
<Button android:layout_width="fill_parent" android:layout_weight="1" 
    android:layout_height="fill_parent" android:text="test" /> 
</LinearLayout> 
<LinearLayout 
    android:orientation="horizantal" android:layout_width="fill_parent" 
    android:layout_height="fill_parent" android:weight_sum = "2"> 
<Button android:layout_width="fill_parent" android:layout_weight="1" 
    android:layout_height="fill_parent" android:text="test" /> 
<Button android:layout_width="fill_parent" android:layout_weight="1" 
    android:layout_height="fill_parent" android:text="test" /> 
</LinearLayout> 


</LinearLayout> 

Answer 4

查看示例here.具體的Dashboard Layout