两个控件在XML android中并排设计

时间:2016-04-12 06:23:54

标签: android xml

这是我的image.xml文件

enter image description here

您可以在“项目1”框中的“价格”下方看到“新文本”,一个TextView。我希望TextView完全符合这个价格。

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingRight="10dp"
        android:paddingLeft="10dp"
        android:paddingBottom="10dip"
        android:id="@+id/middleLeft"
        android:background="#E8F5E9"
        android:layout_below="@id/topPanel"
        android:layout_marginRight="190dp">

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Item 1"
            android:id="@+id/txtItem1"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_marginTop="10dp"
            android:textSize="20dp"
            android:textStyle="bold"
            android:editable="true"
            />

        <EditText
            android:layout_width="90dp"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal"
            android:ems="10"
            android:id="@+id/etPrice1"
            android:hint="Price"
            android:layout_below="@+id/txtItem1"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_alignRight="@+id/txtCheapestItem"
            android:layout_alignEnd="@+id/txtCheapestItem" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="New Text"
            android:id="@+id/txtItem1Cur"
            android:layout_alignLeft="@+id/etPrice1"
            android:layout_alignBelow="@+id/txtItem1"
            android:layout_gravity="right"
           />

        <EditText
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal"
            android:ems="10"
            android:id="@+id/etVolume1"
            android:hint="Volume"
            android:layout_below="@+id/etPrice1"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_alignRight="@+id/etPrice1"
            android:layout_alignEnd="@+id/etPrice1" />
</LinearLayout>

事实上,我希望在每个价格和成交量旁边都有这种设计。但只是帮我一个。我会为别人做的。

感谢。

3 个答案:

答案 0 :(得分:1)

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

    <EditText
        android:layout_width="90dp"
        android:layout_height="wrap_content"
        android:inputType="numberDecimal"
        android:ems="10"
        android:id="@+id/etPrice1"
        android:hint="Price"
        android:layout_below="@+id/txtItem1"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignRight="@+id/txtCheapestItem"
        android:layout_alignEnd="@+id/txtCheapestItem" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/txtItem1Cur"
        android:layout_alignLeft="@+id/etPrice1"
        android:layout_alignBelow="@+id/txtItem1"
        android:layout_gravity="center_vertical"
        />

</LinearLayout>

答案 1 :(得分:0)

试试这个。

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

<EditText
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:inputType="numberDecimal"
    android:ems="10"
    android:id="@+id/etPrice1"
    android:hint="Price"
    android:layout_below="@+id/txtItem1"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignRight="@+id/txtCheapestItem"
    android:layout_alignEnd="@+id/txtCheapestItem" />

<TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="New Text"
    android:id="@+id/txtItem1Cur"
    android:layout_alignLeft="@+id/etPrice1"
    android:layout_alignBelow="@+id/txtItem1"
    android:layout_gravity="center_vertical"
    />

</LinearLayout>

答案 2 :(得分:0)

你应该使用RelativeLayout

试试!!!

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/middleLeft"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/topPanel"
android:layout_marginRight="190dp"
android:background="#E8F5E9"
android:orientation="vertical"
android:paddingBottom="10dip"
android:paddingLeft="10dp"
android:paddingRight="10dp">

<EditText
    android:id="@+id/txtItem1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="10dp"
    android:editable="true"
    android:text="Item 1"
    android:textSize="20dp"
    android:textStyle="bold" />

<EditText
    android:id="@+id/etPrice1"
    android:layout_width="90dp"
    android:layout_height="wrap_content"
    android:layout_below="@+id/txtItem1"
    android:ems="10"
    android:hint="Price"
    android:inputType="numberDecimal" />

<TextView
    android:id="@+id/txtItem1Cur"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:text="New Text"
    android:gravity="center_vertical"
    android:layout_alignTop="@+id/etPrice1"
    android:layout_alignBottom="@+id/etPrice1" />

<EditText
    android:id="@+id/etVolume1"
    android:layout_width="110dp"
    android:layout_height="wrap_content"
    android:layout_below="@+id/etPrice1"
    android:ems="10"
    android:hint="Volume"
    android:inputType="numberDecimal" />

</RelativeLayout>