将元素放置在布局文件中

Question

我想设计一个如下屏幕，我试图在它旁边显示TOTAL和其他数据。我没有得到如何在屏幕上完全显示它。

布局文件是

<LinearLayout  android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <ListView android:id="@+id/listView"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:divider="#00000000"
            android:dividerHeight="5dp"
           />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Total"
                />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:textColor="#000000"
            android:text="Comment" />
        <EditText
            android:id="@+id/editText2"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:ems="10"
            android:hint="Comment goes here"
            android:inputType="textMultiLine" />
        </LinearLayout>

我想显示GT，FSP，DIS％和折扣，如图所示

Answer 1

您可以使用TableLayout显示您的GT，FSP，DIS％和Discount TextView，并将此TableLayout放在LinearLayout（水平方向）和Total TextView中，如：

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Total"/>

   <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

           <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="GT :"/>

           <TextView
                android:id="@+id/tv_gt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="54000"/>

           <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Dis % :"/>

           <TextView
                android:id="@+id/tv_dis"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="29.15"/>

        </TableRow>

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

           <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="FSP :"/>

           <TextView
                android:id="@+id/tv_fsp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="1480000"/>

           <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Discount :"/>

           <TextView
                android:id="@+id/tv_discount"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="999999"/>

        </TableRow>
   </TableLayout>
</LinearLayout>

Answer 2

您可以将此代码添加为单独的布局，并将其包含在主布局文件中或直接在主布局中使用。

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

    <TextView
        android:text="TOTAL"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" />

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

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

            <TextView
                android:gravity="center"
                android:text="GT : 5400000"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <TextView
                android:gravity="center"
                android:text="FSP : 1480000"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </LinearLayout>

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

            <TextView
                android:gravity="center"
                android:text="DIS% : 29.15%"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <TextView
                android:gravity="center"
                android:text="Discount : 9999999"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

它看起来像这样：

如果您还需要显示弹出云图像，则可以将内部TextView更新为LinearLayout / RelativeLayout。

为了将复杂性保持在最低限度，只需使用＆＃34; GT：GT_VALUE＆＃34;等文本。在strings.xml中然后是setText(getString(text_id).replace("GT_VALUE",value))