Question

我遇到了如何组织XML文件的问题，如下图所示。

我花了足够的时间，我做不到。如果你能帮助我，我应该做什么配置。如何组织没有限制。但如果有可能教我新的方法而不是亲子。

我想要像这张照片：

我的XML是：

<?xml version="1.0" encoding="utf-8"?>
<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="horizontal"
    tools:context="com.ahmed.bluetooth.DataAnalysis">


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Peak Pressures"
        android:layout_weight="1"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Time in Sec."
        android:layout_weight="1"/>




<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_weight="1">
    <TextView
        android:id="@+id/text_Index"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/Peaks_index"
        android:textColor="#040307"
        android:scrollbars="vertical"/>
    <TextView
        android:id="@+id/Peak_Num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Peaks"
        android:textColor="#040307"
        android:scrollbars="vertical"/>
    <Button
        android:id="@+id/button_Del"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Delete File"
        android:background="@drawable/button"
        android:layout_margin="1dp" />
</LinearLayout>

</LinearLayout>

xml现在看起来像这样，但我希望它像图片一样：

Answer 1

以下是我的建议（TableLayout）：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical" 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.ahmed.bluetooth.DataAnalysis">

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.6"
        android:stretchColumns="*" >

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Peak Pressures"
                android:layout_column="0" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Time in Sec."
                android:layout_column="1" />
            <Button
                android:id="@+id/button_Del"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Delete File"
                android:background="@drawable/button"
                android:layout_margin="1dp"
                android:layout_column="3" />
        </TableRow>

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

            <TextView
                android:id="@+id/text_Index"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/Peaks_index"
                android:textColor="#040307"
                android:scrollbars="vertical"
                android:layout_column="0" />
            <TextView
                android:id="@+id/Peak_Num"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Peaks"
                android:textColor="#040307"
                android:scrollbars="vertical"
                android:layout_column="1" />

        </TableRow>
    </TableLayout>

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

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="Empty area"
            android:id="@+id/textView2"
            android:layout_gravity="center" />
    </LinearLayout>
</LinearLayout>

Answer 2

以下是您答案的完整解决方案

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="background:#f00;"></div>
<div style="background:#000;"></div>
<div style="background:#ccc;"></div>

<强>解释


首先使用<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:weightSum="5" > <RelativeLayout android:layout_width="match_parent" android:layout_height="50dp" android:layout_weight="2" android:background="#efefef"> <GridLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:padding="20dp"> <TextView android:layout_width="112dp" android:layout_height="32dp" android:text="Peak Preassure" android:id="@+id/textView" android:layout_row="1" android:layout_column="0" android:textColor="#000000" /> <TextView android:layout_width="112dp" android:layout_height="32dp" android:text="Time in sec" android:id="@+id/textView2" android:layout_row="1" android:layout_column="1" android:textColor="#000000" /> <Button android:layout_width="112dp" android:layout_height="32dp" android:text="Delete" android:id="@+id/btn" android:layout_row="1" android:layout_column="2" android:textColor="#000000" /> <TextView android:layout_width="112dp" android:layout_height="32dp" android:text="Peak num" android:id="@+id/textView3" android:layout_row="2" android:layout_column="0" android:textColor="#000000" /> <TextView android:layout_width="112dp" android:layout_height="32dp" android:text="Peak index" android:id="@+id/textView4" android:layout_row="2" android:layout_column="1" android:textColor="#000000" /> </GridLayout> </RelativeLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="50dp" android:layout_weight="3" android:background="#dddddd"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Empty area for future" android:id="@+id/textView5" android:layout_centerVertical="true" android:layout_centerHorizontal="true" android:textColor="#000000" /> </RelativeLayout> LinearLayout，这样您就可以通过垂直划分屏幕来放置另外2个（或更多）布局（以占用您的orientation = vertical和未来区域）

然后在父版面＆amp;中使用textViews属性智能布局中的weightSum属性用于定义比率（这里我给出了上部的2/5和下部的3/5）

使用layoutweight或GridLayout占据您的元素

此外，使用Tablelayout，padding等属性来改善您的用户界面

XML组织问题

2 个答案:

以下是您答案的完整解决方案