此 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 新问题以获得进一步帮助。
我想在 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 新问题以获得进一步帮助。