如何在线性布局中对齐 UI 组件

Question

大家好，有人可以指导我如何对齐 Spinners 并编辑屏幕上附加的文本

感谢您的帮助

XML 文件 - 下面是 UI 屏幕的布局 XML 文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:focusable="true"
    android:focusableInTouchMode="true"
    tools:context="eudhar.com.eudhar.transaction.MakeTransactionFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Make Transaction"
        android:textAppearance="@style/Base.TextAppearance.AppCompat.Small"
        style="@style/Base.V7.Widget.AppCompat.EditText"/>

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    <com.toptoche.searchablespinnerlibrary.SearchableSpinner
        android:id="@+id/selectCustomer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:hint="Select customer"
        style="@style/Base.Widget.AppCompat.Spinner.Underlined"/>

    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Spinner
            android:id="@+id/selectTransactionType"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:hint="Select Transaction Type"
            style="@style/Base.Widget.AppCompat.Spinner.Underlined"/>

    </android.support.design.widget.TextInputLayout>
    <android.support.design.widget.TextInputLayout
        android:id="@+id/input_layout_amount"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/editTextAmount"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Amount in Rs."
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_alignParentTop="true"
            android:inputType="number" />
    </android.support.design.widget.TextInputLayout>
    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/editTextTransactionDate"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Transaction Date"
            android:inputType="none"
            />

    </android.support.design.widget.TextInputLayout>

    <Button
        android:id="@+id/buttonAddTrasaction"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Add Transaction" />
</LinearLayout>

Answer 1

给你的Linear/Relative布局ma​​rgin，否则分享你的代码，这样我就可以很容易地给你答案。

这样好吗？

Answer 2

试试下面的代码，我已将 paddingLeft 和 paddingRight "5dp" 分配给父布局本身。您可以根据需要进行调整。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:focusable="true"
android:focusableInTouchMode="true"
android:paddingLeft="5dp"
android:paddingRight="5dp"
tools:context="eudhar.com.eudhar.transaction.MakeTransactionFragment">

<!-- TODO: Update blank fragment layout -->
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Make Transaction"
    android:textAppearance="@style/Base.TextAppearance.AppCompat.Small"
    style="@style/Base.V7.Widget.AppCompat.EditText"/>

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <com.toptoche.searchablespinnerlibrary.SearchableSpinner
        android:id="@+id/selectCustomer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:hint="Select customer"
        style="@style/Base.Widget.AppCompat.Spinner.Underlined"/>

</android.support.design.widget.TextInputLayout>

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Spinner
        android:id="@+id/selectTransactionType"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:hint="Select Transaction Type"
        style="@style/Base.Widget.AppCompat.Spinner.Underlined"/>

</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
    android:id="@+id/input_layout_amount"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
        android:id="@+id/editTextAmount"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Amount in Rs."
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentTop="true"
        android:inputType="number" />
</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
        android:id="@+id/editTextTransactionDate"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Transaction Date"
        android:inputType="none"
        />

</android.support.design.widget.TextInputLayout>

<Button
    android:id="@+id/buttonAddTrasaction"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Add Transaction" />
</LinearLayout>