我正在开发Android应用。在这里,我有2 TextView
我需要将其中一个放在另一个之下。(i.e "Artist Name" should be exact below the "Title of song" )
任何人都可以帮助我将TextView
一个对齐。
提前谢谢。
以下是我的代码
<RelativeLayout xmlns:
android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/list_selector"
android:orientation="horizontal"
android:padding="5dip" >
<TableLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_centerHorizontal="true" >
<!-- Left side Thumbnail image -->
<TableRow android:id="@+id/thumbnail"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="3dip"
android:layout_alignParentLeft="true"
android:background="@drawable/image_bg"
android:layout_marginRight="5dip">
<ImageView
android:id="@+id/list_image"
android:layout_width="50dip"
android:layout_height="50dip"
android:src="@drawable/doc"/>
<!-- Title Of Song-->
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/thumbnail"
android:layout_toRightOf="@+id/thumbnail"
android:text="love you the"
android:textColor="#040404"
android:typeface="sans"
android:textSize="15dip"
android:textStyle="bold"/>
<!-- Artist Name -->
<TextView
android:id="@+id/artist"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/title"
android:textColor="#343434"
android:textSize="10sp"
android:layout_marginTop="1dip"
android:layout_toRightOf="@+id/thumbnail"
android:text="Mary" />
<!-- Rightend Duration -->
<TextView
android:id="@+id/duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignTop="@id/title"
android:gravity="right"
android:text="7:45"
android:layout_marginRight="5dip"
android:textSize="10dip"
android:textColor="#10bcc9"
android:textStyle="bold"/>
<!-- Rightend Arrow -->
<ImageView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/arrows"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"/>
</TableRow>
</TableLayout>
</RelativeLayout>
答案 0 :(得分:3)
只需使用this将您的商品与其他商品相关联。
androidHacker是对的,您可以将一个文本视图放在其他下方,如下所示:
<强> android:layout_below="@+id/your_another_text_view"
强>
本教程中的类似布局为here,您可以在此处查看。
答案 1 :(得分:2)
试试这个..
android:layout_below="@+id/your_another_text_view"
<强>更新强>
你只需要专门为那个textView使用相对布局。试试看,让我知道。
答案 2 :(得分:2)
// try this way,hope this will help you to solve your problem.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/list_selector"
android:orientation="horizontal"
android:padding="5dip" >
<TableLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_centerHorizontal="true" >
<!-- Left side Thumbnail image -->
<TableRow android:id="@+id/thumbnail"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="3dp"
android:background="@drawable/image_bg"
android:layout_marginRight="5dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/list_image"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignParentLeft="true"
android:src="@drawable/ic_launcher"/>
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/list_image"
android:text="love you the"
android:textColor="#040404"
android:typeface="sans"
android:textSize="15sp"
android:textStyle="bold"/>
<!-- Artist Name -->
<TextView
android:id="@+id/artist"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/title"
android:layout_toRightOf="@id/list_image"
android:textColor="#343434"
android:textSize="12sp"
android:layout_marginTop="1dp"
android:text="Mary" />
<TextView
android:id="@+id/duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/title"
android:gravity="right"
android:text="7:45"
android:layout_marginRight="5dp"
android:textSize="12sp"
android:textColor="#10bcc9"
android:textStyle="bold"/>
<ImageView
android:id="@+id/arrow_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"
android:layout_alignParentRight="true"
android:layout_toRightOf="@id/duration"
android:layout_centerVertical="true"/>
</RelativeLayout>
</TableRow>
</TableLayout>
</RelativeLayout>
答案 3 :(得分:1)
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/thumbnail"
android:layout_toRightOf="@+id/thumbnail"
android:text="love you the"
android:textColor="#040404"
android:typeface="sans"
android:textSize="15dip"
android:textStyle="bold"/>
<!-- Artist Name -->
<TextView
android:id="@+id/artist"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/title"
android:textColor="#343434"
android:layout_alignLeft="@+id/title"// This line is new
android:textSize="10sp"
android:layout_marginTop="1dip"
android:text="Mary" />
答案 4 :(得分:0)
尝试使用LinearLayout或使用属性android:layout_alignBottom="@+id/title"