Question

我有一个ImaveView图像，并且与每个图像相对应的是TextView img_name和img_source，我要对齐它们，例如应该放置第一个图像，并且应该在图像image_name的右侧显示并在img_name，img_source下方应该显示。

我尝试使用以下布局代码，但无法按预期工作

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="start"
    >

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/imageview_cover_art"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:scaleType="centerCrop"
            android:gravity="center_horizontal"/>

        <ImageView
            android:id="@+id/imageview_favorite"
            android:layout_width="24dp"
            android:layout_height="24dp"
            android:src="@drawable/star_disabled"
            android:layout_gravity="bottom|right"/>

    </FrameLayout>

    <TextView
        android:id="@+id/textview_book_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        tools:text="Are You My Mother"
        android:textStyle="bold"
        android:paddingTop="4dp"
        android:paddingLeft="8dp"
        android:paddingRight="8dp"
        android:gravity="center_horizontal"/>

    <TextView
        android:id="@+id/textview_book_author"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        tools:text="Dr. Seuss"
        android:gravity="center_horizontal"
        android:orientation="vertical"/>

</LinearLayout>

它显示为

Image > TextView > TextView

但我需要这样：

Image > TextView
        TextView

如果第一个TetView较大，则需要换行请帮忙。

Answer 1

只需将两个textview添加到具有垂直方向的另一个linearview中：-

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="start"
>

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/imageview_cover_art"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:gravity="center_horizontal"/>

    <ImageView
        android:id="@+id/imageview_favorite"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:src="@drawable/star_disabled"
        android:layout_gravity="bottom|right"/>

</FrameLayout>

    <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
    android:id="@+id/textview_book_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="12sp"
    tools:text="Are You My Mother"
    android:textStyle="bold"
    android:paddingTop="4dp"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:gravity="center_horizontal"/>

<TextView
    android:id="@+id/textview_book_author"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="12sp"
    tools:text="Dr. Seuss"
    android:gravity="center_horizontal"
    android:orientation="vertical"/>

</LinearLayout>

</LinearLayout>

Answer 2

在添加android:orientation="vertical"后将视图简单地放置在线性布局中

     <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:id="@+id/textview_book_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="12sp"
            tools:text="Are You My Mother"
            android:textStyle="bold"
            android:paddingTop="4dp"
            android:paddingLeft="8dp"
            android:paddingRight="8dp"
           />

        <TextView
            android:id="@+id/textview_book_author"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="12sp"
            tools:text="Dr. Seuss" />
    </LinearLayout>

无法在其他文本视图的底部设置文本视图

2 个答案: