我不能将 TextView 放在 ImageView 的右侧答案

【问题标题】：I cannot put TextView on the right side of ImageView我不能将 TextView 放在 ImageView 的右侧
【发布时间】：2017-04-05 19:39:31
【问题描述】：

我是 Android 应用开发的新手，有我的问题，我创建了一个滚动视图，在滚动视图内我有 LinearLayout。问题出在LinearLayout中，我无法将textview放在ImageView旁边，真的卡在这里。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_item_detail"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="10dp"
android:fillViewport="true"
tools:context="com.example.daniw.traekle.ItemDetail">

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

    <TextView
        android:id="@+id/tv_bookTitle"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="5dp"
        android:text="Title"
        android:textStyle="bold"
        android:textSize="20dp"/>

    <TextView
        android:id="@+id/tv_ISBN"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:text="ISBN"/>

    <ImageView
        android:id="@+id/imageView_book"
        android:layout_width="fill_parent"
        android:layout_height="200dp"
        android:layout_margin="5dp"
        android:layout_marginBottom="5dp"
        android:paddingBottom="50dp"
        android:paddingLeft="3dp"
        android:paddingRight="3dp"
        android:paddingTop="3dp"
        android:scaleType="fitXY"/>

    <TextView
        android:id="@+id/tv_bookPrice"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_marginBottom="5dp"
        android:text="$0.00"
        android:textSize="30dp"
        android:textStyle="bold"/>

    <TextView
        android:id="@+id/tv_bookInfo"
        android:layout_width="fill_parent"
        android:layout_height="200dp"
        android:layout_marginBottom="5dp"
        android:text="This is bookInfo"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/darker_gray"/>

    <ImageView
        android:id="@+id/imageView_seller"
        android:layout_width="80dp"
        android:layout_alignParentLeft="true"
        android:layout_margin="8dp"
        android:layout_height="80dp" />

    <TextView
        android:id="@+id/tv_sellerInfo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageView_seller"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/imageView_seller"
        android:layout_toRightOf="@+id/imageView_seller"
        android:layout_gravity="center_horizontal"
        android:textSize="20dp"
        android:text="Seller INFO"/>
</LinearLayout>
</ScrollView>

事情是这样的

【问题讨论】：

标签： android android-layout

【解决方案1】：

此 XML 代码可能对您有所帮助... 我在tv_sellerInfo的左侧设置了imageView_seller

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:id="@+id/activity_item_detail"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fillViewport="true"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:paddingTop="10dp">

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

    <TextView
        android:id="@+id/tv_bookTitle"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="5dp"
        android:text="Title"
        android:textSize="20dp"
        android:textStyle="bold"/>

    <TextView
        android:id="@+id/tv_ISBN"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:text="ISBN"/>

    <ImageView
        android:id="@+id/imageView_book"
        android:layout_width="fill_parent"
        android:layout_height="200dp"
        android:layout_margin="5dp"
        android:layout_marginBottom="5dp"
        android:paddingBottom="50dp"
        android:paddingLeft="3dp"
        android:paddingRight="3dp"
        android:paddingTop="3dp"
        android:scaleType="fitXY"/>

    <TextView
        android:id="@+id/tv_bookPrice"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_marginBottom="5dp"
        android:text="$0.00"
        android:textSize="30dp"
        android:textStyle="bold"/>

    <TextView
        android:id="@+id/tv_bookInfo"
        android:layout_width="fill_parent"
        android:layout_height="200dp"
        android:layout_marginBottom="5dp"
        android:text="This is bookInfo"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/darker_gray"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/imageView_seller"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_gravity="center_vertical"
            android:layout_margin="8dp"/>

        <TextView
            android:id="@+id/tv_sellerInfo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:text="Seller INFO"
            android:textSize="20dp"/>
    </LinearLayout>
</LinearLayout>
</ScrollView>

【讨论】：

非常感谢，这真的很有效。终于可以继续前进了。

【解决方案2】：

发生这种情况是因为您的LinearLayout 的方向是vertical（一个视图在另一个视图下方），尝试更改为horizontal 或将LinearLayout 更改为RelativeLayout 并添加您想要的约束。

【讨论】：

【解决方案3】：

添加一个线性布局，你想把文本视图放在图像视图的右边。将此线性布局的方向设置为水平，然后将 imageview 和 textview 放在此线性布局中

【讨论】：

【解决方案4】：

这样做 -

android:orientation="horizontal"

像这样-

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_item_detail"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="10dp"
android:orientation="horizontal"
android:paddingRight="10dp"
android:paddingTop="10dp"
android:fillViewport="true"
tools:context="com.example.daniw.traekle.ItemDetail">

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TextView
        android:id="@+id/tv_bookTitle"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="5dp"
        android:text="Title"
        android:textStyle="bold"
        android:textSize="20dp"/>

    <TextView
        android:id="@+id/tv_ISBN"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:text="ISBN"/>

    <ImageView
        android:id="@+id/imageView_book"
        android:layout_width="fill_parent"
        android:layout_height="200dp"
        android:layout_margin="5dp"
        android:layout_marginBottom="5dp"
        android:paddingBottom="50dp"
        android:paddingLeft="3dp"
        android:paddingRight="3dp"
        android:paddingTop="3dp"
        android:scaleType="fitXY"/>

    <TextView
        android:id="@+id/tv_bookPrice"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_marginBottom="5dp"
        android:text="$0.00"
        android:textSize="30dp"
        android:textStyle="bold"/>

    <TextView
        android:id="@+id/tv_bookInfo"
        android:layout_width="fill_parent"
        android:layout_height="200dp"
        android:layout_marginBottom="5dp"
        android:text="This is bookInfo"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/darker_gray"/>

    <ImageView
        android:id="@+id/imageView_seller"
        android:layout_width="80dp"
        android:layout_alignParentLeft="true"
        android:layout_margin="8dp"
        android:layout_height="80dp" />

    <TextView
        android:id="@+id/tv_sellerInfo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageView_seller"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/imageView_seller"
        android:layout_toRightOf="@+id/imageView_seller"
        android:layout_gravity="center_horizontal"
        android:textSize="20dp"
        android:text="Seller INFO"/>
</LinearLayout>
</ScrollView>

【讨论】：