什么应该是这个android屏幕的最佳布局元素



我想在android中实现这个布局屏幕(附在这里),我尝试按照下面的代码设计页面,但是在设备上测试屏幕时,它慢得可怕。

在浏览了几个链接后,才知道这是由于线性布局的过度嵌套造成的,同样反映在层次视图中。

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

<?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。你可以使用这个链接作为参考,链接中的示例基本上是一个表单设计,就像你的情况一样。

希望这对你有帮助:)如果你在实施时有任何问题,请随时添加评论或更新问题或发布新的问题以获得进一步的帮助。

相关内容

最新更新