Android - 在xml中繪製正方形

Question

我想在xml中並排繪製三個正方形，以便它們水平填充屏幕（每邊減去12 dp的邊距）。根據this post似乎可以做這與表格佈局混亂，但我想知道是否有更好的方法。這是我嘗試使用嵌套LinearLayouts，這將矩形垂直地填滿整個屏幕但除此之外沒有什麼我在尋找：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_margin="12dp" 
    android:background="#ffffff" 
    android:baselineAligned="false" 
    android:orientation="horizontal" > 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:background="@drawable/rectangle" > 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_gravity="center" 
     android:layout_weight="1" 
     android:background="@drawable/rectangle" > 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_gravity="center" 
     android:layout_weight="1" 
     android:background="@drawable/rectangle" > 
    </LinearLayout> 
</LinearLayout> 

Answer 1

它似乎是最好的解決方案是用創建自定義視圖分量的重寫onMeasure()：

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    super.onMeasure(widthMeasureSpec, widthMeasureSpec); 
} 

Answer 2

嘗試改變三個內部linearlayouts'機器人：layout_width =‘match_parent’到「包裝內容」。

我只是用下面的xml代碼做了一個測試。請注意，您的版本有兩個變化：

1我將match_parent更改爲三個子佈局的wrap_content。 2因爲我沒有背景圖片，所以我只是使用三種不同的顏色作爲背景。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_margin="12dp" 
    android:background="#ffffff" 
    android:baselineAligned="false" 
    android:orientation="horizontal" > 
    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:background="#ff121212" > 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="center" 
     android:layout_weight="1" 
     android:background="#ff676767" > 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="center" 
     android:layout_weight="1" 
     android:background="#ffababab" > 
    </LinearLayout> 
</LinearLayout> 

我得到這個畫面：

因此，如果已經改變match_parent爲wrap_content但不行，我猜你的背景圖片太大。

此外，轉向瞭解layout_weight。 Layout_weight不決定元素的大小，它只在每個元素需要父級佈局的必要大小之後才起作用，然後父級佈局根據layout_weight爲每個元素分配其餘大小。

Answer 3

嘗試用這種方式來獲得邊距和高度。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#ffffff" 
    android:baselineAligned="false" 
    android:orientation="horizontal" > 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:layout_marginLeft="12dp" 
     android:background="@drawable/rectangle" > 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_weight="1" 
     android:background="@drawable/rectangle" > 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_weight="1" 
     android:layout_marginRight="12dp" 
     android:background="@drawable/rectangle" > 
    </LinearLayout> 
</LinearLayout>