如何在android中创建这样的布局?

时间:2014-09-25 05:20:00

标签: android-layout android-ui

我试图在Android中创建一个布局,但在我当前的尝试失败,我希望这里的任何人都可以帮助我。 布局是这样的: enter image description here

我得到的最好的尝试是:

<GridLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_margin="8dp"
        android:rowCount="2"
        android:columnCount="2"
        android:id="@+id/rangeLayout">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="From"
            android:id="@+id/fromLabel"
            android:layout_row="0"
            android:layout_column="0"
            android:layout_marginBottom="4dp"/>

        <EditText
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal"
            android:id="@+id/fromEditText"
            android:layout_marginLeft="4dp"
            android:layout_marginBottom="4dp"
            android:editable="true"
            android:layout_row="0"
            android:layout_column="1"
            android:numeric="integer|decimal" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="To"
            android:layout_row="1"
            android:layout_column="0"
            android:id="@+id/textView3" />

        <EditText
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal"
            android:id="@+id/toEditText"
            android:layout_marginLeft="4dp"
            android:numeric="integer|decimal"
            android:layout_row="1"
            android:layout_column="1"
            android:editable="true" />

    </GridLayout>

问题是两个编辑框不在中心。 为了实现这一目标,我还需要做些什么呢?

1 个答案:

答案 0 :(得分:0)

这个怎么样?

<?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">

    <EditText
        android:id="@+id/edittext1"
        android:layout_width="60dp"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:hint="5.0"
        android:layout_centerHorizontal="true" />

    <TextView
        android:layout_width="60dp"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/edittext1"
        android:layout_alignBaseline="@id/edittext1"
        android:text="From:" />

    <EditText
        android:id="@+id/edittext2"
        android:layout_width="60dp"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:hint="9.0"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/edittext1" />

    <TextView
        android:layout_width="60dp"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/edittext2"
        android:layout_alignBaseline="@id/edittext2"
        android:text="To:" />

</RelativeLayout>

Android Studio screenshot