dimanche 28 juin 2015

Layout in Xml using Relative Layout not align

Im trying to make something like this: http://ift.tt/1Kp9Wfz i tried this using relative but always failed ,especially in the dj name. below the picture this is my code in xml:

    <LinearLayout xmlns:android="http://ift.tt/nIICcg"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="5dp" >
  <RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
 <ImageView
    android:id="@+id/imageView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/details_bg_square"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />

<com.android.volley.toolbox.NetworkImageView
    android:layout_width="128dp"
    android:layout_height="128dp"
    android:id="@+id/imageView2"
    android:src="@drawable/backgroundimage"
    android:scaleType="fitXY"
    android:layout_marginLeft="39dp"
    android:layout_marginStart="30dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="20dp" />

<djprofile.CustomFontTextview
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Name: "
    android:id="@+id/textView3"
    android:layout_marginLeft="5dp"
    android:layout_alignTop="@+id/imageView2"
    android:layout_toRightOf="@+id/imageView2"
    android:layout_toEndOf="@+id/imageView2" />

<djprofile.CustomFontTextview
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Petra Mahalimuyak"
    android:id="@+id/textView4"
    android:textColor="#ffe400"
    android:layout_alignTop="@+id/textView3"
    android:layout_toRightOf="@+id/textView3"
    android:layout_toEndOf="@+id/textView3" />

<djprofile.CustomFontTextview
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Age: "
    android:id="@+id/textView5"
    android:layout_below="@+id/textView3"
    android:layout_alignLeft="@+id/textView3"
    android:layout_alignStart="@+id/textView3" />

<djprofile.CustomFontTextview
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="32"
    android:textColor="#ffe400"
    android:id="@+id/textView6"
    android:layout_alignTop="@+id/textView5"
    android:layout_toRightOf="@+id/textView5"
    android:layout_toEndOf="@+id/textView5" />

<djprofile.CustomFontTextview
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Schedule: "
    android:id="@+id/textView7"
    android:layout_marginTop="28dp"
    android:layout_below="@+id/textView5"
    android:layout_alignLeft="@+id/textView5"
    android:layout_alignStart="@+id/textView5" />

<djprofile.CustomFontTextview
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="6:00 AM - 9:00 PM"
    android:id="@+id/textView8"
    android:textColor="#ffe400"
    android:layout_below="@+id/textView7"
    android:layout_alignLeft="@+id/textView7"
    android:layout_alignStart="@+id/textView7" />

<djprofile.CustomFontTextview
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Monday/Thursday"
    android:id="@+id/textView9"
    android:textColor="#FFFF"
    android:layout_below="@+id/textView8"
    android:layout_alignLeft="@+id/textView8"
    android:layout_alignStart="@+id/textView8" />

<djprofile.CustomFontTextview
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Dj"
    android:id="@+id/textView19"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/imageView2"
    android:layout_alignRight="@+id/imageView2"
    android:layout_alignEnd="@+id/imageView2" />

<material.TextViewEx
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="New Text"
    android:textColor="#FFFF"
    android:id="@+id/textView20"
    android:layout_below="@+id/textView19"

    android:layout_margin="20dp"/>

and my result is this: http://ift.tt/1Jih1vo

im dying in the layouting pls help me.

Aucun commentaire:

Enregistrer un commentaire