Android Xml - 带有顶部、中心和底部 3 个 TextView 的 LinearLayout

Question

我试图在垂直 LinearLayout 中对齐 3 个 TextView。我想要实现的是在顶部的中心有一个 TextView，在底部有另一个。但是，当我为底部设置边距时，其他两个正在移动位置。我怎样才能像下面显示的示例那样实现这一目标？

错了

正确

<RelativeLayout
            android:id="@+id/circle_layout"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:background="@drawable/img_circle_background"
            android:gravity="center_vertical"
            android:padding="0dp" >

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="match_parent"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:orientation="vertical"
                android:gravity="center">

                <TextView
                    android:id="@+id/songDuration"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="songDuration"
                    android:textColor="@color/default_music_txt_circlefragment"
                    android:textSize="8dp"
                    android:visibility="visible"
                    android:layout_weight="0" />

                <TextView
                    android:id="@+id/songName"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:maxLines="1"
                    android:padding="3dp"
                    android:singleLine="false"
                    android:text="songName"
                    android:textColor="@color/default_music_txt_circlefragment"
                    android:textSize="14dp"
                    android:gravity="center"
                    android:layout_weight="0" />

                <TextView
                    android:id="@+id/buy_songs_player"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:maxLines="1"
                    android:singleLine="false"
                    android:text="@string/buy_song_player"
                    android:textColor="#FB6763"
                    android:textSize="12dp"
                    android:layout_weight="0" />


            </LinearLayout>
        </RelativeLayout>

Answer 1

删除您的线性布局并使用以下代码尝试。

<RelativeLayout android:id="@+id/circle_layout"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@drawable/img_circle_background"
android:gravity="center_vertical"
android:padding="0dp"
xmlns:android="http://schemas.android.com/apk/res/android">



    <TextView
        android:id="@+id/songDuration"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="songDuration"
        android:textColor="@color/default_music_txt_circlefragment"
        android:textSize="8dp"
        android:visibility="visible"
        android:layout_above="@+id/songName"/>

    <TextView
        android:id="@+id/songName"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:maxLines="1"
        android:padding="3dp"
        android:singleLine="false"
        android:text="songName"
        android:textColor="@color/default_music_txt_circlefragment"
        android:textSize="14dp"
        android:gravity="center"
        android:layout_centerInParent="true" />

    <TextView
        android:id="@+id/buy_songs_player"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:maxLines="1"
        android:singleLine="false"
        android:text="@string/buy_song_player"
        android:textColor="#FB6763"
        android:textSize="12dp"
        android:layout_alignParentBottom="true"/>