Xml中使用相對布局的布局未對齊

Question

我試圖做這樣的事情：

我嘗試使用相對，但總是失敗，尤其是在dj名稱中。 圖片下方，這是我在xml中的代碼：

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
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/imageBackground"
    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/ProfilePicture"
    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/nametext"
    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/namevalue"
    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/agetext"
    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/agevalue"
    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/scheduletext"
    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/time"
    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/weekname"
    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/djname"
    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/description"
    android:layout_below="@+id/textView19"

    android:layout_margin="20dp"/>

我的結果是這樣的：垂死於布局請幫助我。

Answer 1

嘗試使用線性布局而不是相對布局來完美呈現。 根據您的結果，您可以像這樣使用xml，

<LinearLayout
  orientation:vertical>
   <LinearLayout
     orientation:horizontal>
     <LinearLayout> Profile Imageview </LinearLayout>
     <LinearLayout orienation:vertical> Necessary number of textviews </LinearLayout>
   </LinearLayout>
   <LinearLayout>textview(Lorel ipsum)</LinearLayout>
</LinearLayout>

Answer 2

您需要做的就是將DjName文本在個人資料圖片的左側和下方對齊，如下所示

<djprofile.CustomFontTextview
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Dj"
android:id="@+id/djname"
android:layout_below="@+id/ProfilePicture"
android:layout_alignParentLeft="true" />

似乎您正在使用RelativeLayout開始您的旅程。 如果您想了解其參數以及如何使用它們，請閱讀本教程。

Answer 3

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout  
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<RelativeLayout
    android:id="@+id/layoutFirst"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp" >

    <RelativeLayout
        android:id="@+id/layoutImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/imgView"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/gallery_img2" />

        <TextView
            android:id="@+id/txtView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/imgView"
            android:layout_centerHorizontal="true"
            android:text="DJ MO Twister" />
    </RelativeLayout>

    <LinearLayout
        android:id="@+id/layoutInfo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="20dp"
        android:layout_toRightOf="@+id/layoutImage"
        android:orientation="vertical" >

        <LinearLayout
            android:id="@+id/layoutName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/txtViewNameLabel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Name:" />

            <TextView
                android:id="@+id/txtViewName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="John" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/layoutAge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/txtViewAgeLabel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Age:" />

            <TextView
                android:id="@+id/txtViewAge"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="32 Year" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/layoutSchedule"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/txtViewScheduleLabel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Schedule:" />

            <TextView
                android:id="@+id/txtViewTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="6:00 AM - 7:00 PM" />

            <TextView
                android:id="@+id/txtViewDay"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Monday/Tuesday" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/layoutFirst"
    android:layout_margin="10dp" >

    <TextView
        android:id="@+id/txtViewDescription"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Android is an operating System and it is an open 
 source." />  
</RelativeLayout>

</RelativeLayout>