Question

我有一个视图，当前显示图像和下面的一些文本。如何更改此项以使文本显示在图像的右侧而不是图像的下方这是我的xml

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



   <LinearLayout android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:orientation="vertical">
      <ImageView
         android:id="@+id/icons"
         android:layout_width="60dp"
         android:layout_height="60dp"
         android:padding="5dp" />

      <TextView
         android:id="@+id/item"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Medium Text"
         android:textAppearance="?android:attr/textAppearanceMedium"
         android:layout_marginLeft="60dp"
         android:layout_marginTop="5dp"
         android:padding="2dp"
         android:layout_toRightOf="@id/icons"
         android:layout_alignTop="@id/icons"
         android:textColor="#33CC33" />

   </LinearLayout>

</LinearLayout>

Answer 1

您可以在第二个LinearLayout中使用android:orientation="horizontal"

您不需要像xml代码中那样嵌套布局。删除父LinearLayout，使其变为：

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

      <ImageView
         android:id="@+id/icons"
         android:layout_width="60dp"
         android:layout_height="60dp"
         android:padding="5dp" />

      <TextView
         android:id="@+id/item"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Medium Text"
         android:textAppearance="?android:attr/textAppearanceMedium"
         android:layout_marginLeft="60dp"
         android:layout_marginTop="5dp"
         android:padding="2dp"
         android:layout_toRightOf="@id/icons"
         android:layout_alignTop="@id/icons"
         android:textColor="#33CC33" />

</LinearLayout>

要获得更灵活的布局，您可以使用RelativeLayout或新的ConstraintLayout

Answer 2

你正在使用两个线性布局，这里并不是真正需要你的第一个线性布局可以再为你工作一点我想提一下不要硬编码任何视图的高度和宽度你可以使用weightSum提供的线性布局。

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

        <ImageView
            android:id="@+id/icons"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.3"
            android:src="@mipmap/ic_launcher"
            android:padding="5dp" />

        <TextView
            android:id="@+id/item"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Medium Text"
            android:layout_weight="0.7"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:padding="2dp"
            android:textColor="#33CC33" />

</LinearLayout>

Answer 3

您可以使用RelativeLayout和使用ImageView和TextView的内部并将android：layout_toRightOf =“@ + id / icons”添加到TextView

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

    <ImageView
        android:id="@+id/icons"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:padding="5dp" />

    <TextView
        android:id="@+id/item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_marginLeft="60dp"
        android:layout_marginTop="5dp"
        android:padding="2dp"
        android:layout_toRightOf="@id/icons"
        android:textColor="#33CC33" />

    </RelativeLayout>

如何在xml布局中显示图像右侧的图像和一些文本

3 个答案: