在 LinearLayout 中將一個按鈕的空間銷毀到另一個按鈕

Question

我在設計計算器的布局時遇到了一些麻煩。 如圖所示，我希望它看起來像 pic1，但無論我如何更改代碼，它看起來仍然像 pic2。 這是圖片和我的代碼！ 希望有人能幫我解決這個問題。

(圖一)

(圖2)

代碼：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/question_text_view"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:padding="24dp" />

    <LinearLayout
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:orientation = "horizontal" 
        android:layout_weight="0">

        <Button
            android:id = "@+id/C_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"

            android:text = "C" />

        <Button
            android:id = "@+id/del_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "del" />

        <Button
            android:id="@+id/divide_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text="/"/>

        <Button
            android:id="@+id/mul_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"      
            android:text="X"/>
    </LinearLayout>    

    <LinearLayout
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:orientation = "horizontal" 
        android:layout_weight="0">

        <Button
            android:id = "@+id/seven"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "7" />

        <Button
            android:id = "@+id/eight_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "8" />

        <Button
            android:id="@+id/nine_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text="9"/>

        <Button
            android:id="@+id/minus_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"      
            android:text="-"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:orientation = "horizontal" 
        android:layout_weight="0">

        <Button
            android:id = "@+id/four"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "4" />

        <Button
            android:id = "@+id/five_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "5" />

        <Button
            android:id="@+id/six_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text="6"/>

        <Button
            android:id="@+id/plus_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"      
            android:text="+"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:orientation = "horizontal" 
        android:layout_weight="0">

        <Button
            android:id = "@+id/one"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "1" />

        <Button
            android:id = "@+id/two_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "2" />

        <Button
            android:id="@+id/three_button"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text="3"/>

        <Button
            android:id="@+id/equal_button"
            android:layout_rowSpan="2"
            android:layout_gravity="fill"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text="="/>
    </LinearLayout>
</LinearLayout>

Answer 1

只需更換Button的背景，Android 的默認 Button 在背景圖像中具有透明像素

Answer 2

為此使用網格布局

訪問http://sampleprogramz.com/android/gridlayout.php

這會對你有所幫助 - 如何使 GridLayout 適合屏幕尺寸