mercredi 27 mai 2015

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

I want to achieve this layout screen(attached here-in) in android, i tried with designing the page as per below code, but while testing the screen on device it went horribly slow.

On browsing few links, came to know that it has happened due to excessive nesting of linear layouts, same is reflected in hierarchy viewer.

So I wanted to understand what should be best go here to design this app ?

PS : I am new bie to android world, so want to learned from your expert advise asap.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://ift.tt/nIICcg"
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>

Aucun commentaire:

Enregistrer un commentaire