此 android 屏幕的最佳布局元素应该是什么?

What should be the best layout elements for this android screen?

我想在 android 中实现此布局屏幕(附在此处),我尝试按照以下代码设计页面,但在设备上测试屏幕时速度非常慢。

浏览了几个链接,才知道这是由于线性布局嵌套过多导致的,在hierarchy viewer中也有反映。

这里应该做什么来设计这个应用程序?

<?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:background="@drawable/player_reg_back"
android:orientation="vertical" >

<ImageView
    android:id="@+id/imgView"
    android:layout_width="162dp"
    android:layout_height="170dp"
    android:layout_gravity="center"
    android:layout_marginTop="20dp" />

<Button
    android:id="@+id/button"
    android:layout_width="128dp"
    android:layout_height="33dp"
    android:layout_gravity="center"
    android:layout_marginBottom="15dp"
    android:layout_marginTop="20dp"
    android:paddingTop="5dp"
    android:text="Photo Upload" />

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

    <TextView
        android:id="@+id/textViewstatus"
        android:layout_width="125dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="5dp"
        android:text="Profile Status"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editTextstatus"
        android:layout_width="152dp"
        android:layout_height="25dp"
        android:layout_marginLeft="30dp"
        android:background="#00000000"
        android:ems="10" >

        <requestFocus />
    </EditText>
</LinearLayout>

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

    <TextView
        android:id="@+id/textViewcity"
        android:layout_width="125dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="5dp"
        android:text="City"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editTextcity"
        android:layout_width="152dp"
        android:layout_height="25dp"
        android:layout_marginLeft="30dp"
        android:background="#00000000"
        android:ems="10" />
</LinearLayout>

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

    <TextView
        android:id="@+id/textViewLocation"
        android:layout_width="125dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="5dp"
        android:text="Location"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editTextLocation"
        android:layout_width="152dp"
        android:layout_height="25dp"
        android:layout_marginLeft="30dp"
        android:background="#00000000"
        android:ems="10" />
</LinearLayout>

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

    <TextView
        android:id="@+id/textViewmobile"
        android:layout_width="125dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="5dp"
        android:text="Mobile"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editTextMobile"
        android:layout_width="152dp"
        android:layout_height="25dp"
        android:layout_marginLeft="30dp"
        android:background="#00000000"
        android:ems="10"
        android:inputType="phone" />
</LinearLayout>

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

    <TextView
        android:id="@+id/skill"
        android:layout_width="125dp"
        android:layout_height="35dp"
        android:layout_marginLeft="5dp"
        android:text="Skill"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <Spinner
        android:id="@+id/spinnerskill"
        android:layout_width="152dp"
        android:layout_height="35dp"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="30dp" />
</LinearLayout>

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

    <TextView
        android:id="@+id/textViewfactor"
        android:layout_width="125dp"
        android:layout_height="35dp"
        android:layout_marginLeft="5dp"
        android:text="Expertise"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <Spinner
        android:id="@+id/spinnerfactor"
        android:layout_width="152dp"
        android:layout_height="35dp"
        android:layout_marginLeft="30dp" />
 </LinearLayout>

</LinearLayout>

您可以在您的根 LinearLayout 中使用 TableLayout,对于您在此处使用的每个 LinearLayout,将其替换为相应的 TableRow。您可以使用此 link 作为参考,link 中的示例基本上是用于表单设计,就像您的情况一样。

希望这会有所帮助 :) 如果您在实施过程中遇到任何问题,请随时添加评论或更新问题或 post 新问题以获得进一步帮助。