Question

在我的布局中，我希望在中间显示两个图像按钮，在底部显示我的下方的数量计，全部垂直居中，我尝试了很多方法，但似乎无法找到完美的布局。所有组件垂直和中心对齐，但它使我的数量计很小而不是屏幕的全宽。

它应该如何

how it should be

现在怎么样

how it is now

更新了代码目前的布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical" >

<ImageButton
    android:id="@+id/purchase"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:background="@drawable/round_button"
    android:src="@drawable/ic_cart" />

<ImageButton
    android:id="@+id/sell"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:background="@drawable/round_button"
    android:src="@drawable/ic_sell" />

<com.example.mobile.view.AmountMeterView
    android:id="@+id/mobileAmount"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_gravity="center|bottom"
    android:padding="4dp" />

Answer 1

一个线性布局就足够了。不要将AmountMeterView放入其自己的LinearLayout。

只需制作一个线性布局（垂直），然后将所有三个元素放在那里。所有元素的重力center_horizontal。

Answer 2

尝试这样希望这会对你有所帮助

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageButton
                android:id="@+id/purchase"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:background="@drawable/round_button"
                android:src="@drawable/ic_launcher" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageButton
                android:id="@+id/sell"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:background="@drawable/round_button"
                android:src="@drawable/ic_launcher" />
        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="2"

        android:orientation="vertical" >

        <com.example.mobile.view.AmountMeterView
            android:id="@+id/mobileAmount"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:padding="4dp" />
    </LinearLayout>

</LinearLayout>

Answer 3

COPY PASTE BELOW CODE

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <ImageButton
        android:id="@+id/purchase"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/ic_launcher" />

    <ImageButton
        android:id="@+id/sell"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/purchase"
        android:layout_centerHorizontal="true"
        android:src="@drawable/ic_launcher" />

    <com.example.mobile.view.AmountMeterView
        android:id="@+id/mobileAmount"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/sell"
        android:padding="4dp"
        android:src="@drawable/ic_launcher" />

</RelativeLayout>

之后

  android:background="@drawable/round_button"
            android:src="@drawable/ic_sell"

android:background="@drawable/round_button"
        android:src="@drawable/ic_cart"

将这条线路连接到您的两个图像按钮上，它将为您工作

android布局中心和底部

3 个答案: