将图像视图和文本视图放在同一行中

时间:2014-08-07 03:39:33

标签: android xml android-layout

我有几个徽标,我想在它旁边设置一个Textview,以便它们在同一行。我不能把它们放在同一行。请帮助我。我希望我的文本视图就在我的图片旁边。

我的布局

<?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="vertical" >

    <!--
      <fragment 
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.SupportMapFragment"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
    -->

    <TextView
        android:id="@+id/filmhall_contactdetails"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cinema_filmhall_contactdet"
        android:textColor="#000000"
        android:layout_margin="4dp"
        android:toRightof="@+id/pointer"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/filmhall_address"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="32dp"
        android:layout_marginTop="2dp"
        android:text="@string/cinema_filmhall_address"
        android:textColor="#000000"
        android:textSize="12sp"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/pointer"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:layout_marginLeft="4dp"

        android:src="@drawable/pointer" />

    <TextView
        android:id="@+id/filmhall_telephone1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cinema_filmhall_tp1"
        android:textColor="#000000"
         android:layout_marginTop="2dp"
         android:layout_marginLeft="32dp"
          android:textSize="12sp"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/telephone"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:layout_marginLeft="4dp"
        android:src="@drawable/call" />

    <TextView
        android:id="@+id/filmhall_telephone2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cinema_filmhall_tp2"
        android:textColor="#000000"
         android:layout_marginTop="2dp"
         android:layout_marginLeft="32dp"
          android:textSize="12sp"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/fax"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:layout_marginLeft="4dp"
        android:src="@drawable/fax" />

    <TextView
        android:id="@+id/filmhall_email"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cinema_filmhall_email"
        android:textColor="#000000"
        android:layout_marginTop="2dp"
        android:layout_marginLeft="32dp"
         android:textSize="12sp"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/message"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:layout_marginLeft="4dp"
        android:src="@drawable/message" />

    <TextView
        android:id="@+id/filmhall_facility"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="4dp"
        android:layout_marginTop="10dp"
        android:text="@string/cinema_filmhall_facility"
        android:textColor="#000000"
        android:textStyle="bold" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
>


        <ImageView
            android:id="@+id/fac1"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginLeft="4dp"
            android:src="@drawable/fac1" />

        <ImageView
            android:id="@+id/fac3"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginLeft="4dp"
            android:src="@drawable/fac3" />

        <ImageView
            android:id="@+id/fac2"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginLeft="4dp"
            android:src="@drawable/fac2" />
    </LinearLayout>

</LinearLayout>

3 个答案:

答案 0 :(得分:4)

方法1

与其他人建议的一样,您可以使用水平方向的嵌套LinearLayout。它将包含TextViewImageView,并根据您的需要设置权重。

请参阅How to set ImageView and the textView in a single line inside a LinearLayout

例如:

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

     <ImageView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_weight="0.5"
         ...
         />

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginLeft="10dp"
         android:layout_weight="0.5"
         android:text="Test2" />
</LinearLayout>

方法2 [更简单]

由于您提到了几个徽标,并希望在其旁边设置drawable / ImageView,因此有一种更简单的替代方法。假设你想要这样的东西: enter image description here

您可以在TextView中使用android:drawableLeft或类似内容。您还可以使用android:drawablePadding在drawable和TextView文本之间设置填充。使用这种方式,您不需要额外的ImageView。但它最终取决于你在寻找什么。

请参阅Programmatically set left drawable in a TextView

希望这会有所帮助。

答案 1 :(得分:0)

您也可以使用TableRow。在这里,您无需指定 android:orientation =“horizo​​ntal”

ret

答案 2 :(得分:0)

您只需将android:layout_centerVertical="true"用于相对布局中的所有视图,即可将它们放在一个垂直线中。

 <ImageView
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_weight="0.5"
     android:layout_centerVertical="true"
     />

 <TextView
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_marginLeft="10dp"
     android:layout_weight="0.5"
     android:text="Test2"
     android:layout_centerVertical="true" />