Question

我是Android开发的初学者，这是我的代码（它的相对布局）

<ImageView
    android:id="@+id/logo1"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:src="@drawable/telephone1"
    android:layout_marginTop="10dp"
    android:layout_below="@id/text4"/>

<TextView
    android:id="@+id/text5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="00966-13-8420444"
    android:fontFamily="sans-serif"
    android:textSize="20sp"
    android:layout_toRightOf="@id/logo1"
    />

我以为android：layout_toRightOf =＆＃34; @ id / logo1就足够了并且文本位于图像的右侧（正确对齐）但它出现在设备的顶部（图像位于底部而不是底部边缘），我应该添加哪一行代码？

抱歉英语。谢谢

Answer 1

如果我清楚地理解了您的问题，您希望在一行中显示图像和文本视图。此外，您的textview是imageView的右侧。如果是这样的话。请在下面复制/粘贴。它应该工作

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

    <ImageView
        android:id="@+id/logo1"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginTop="10dp"
        android:src="@mipmap/ic_launcher"/>

    <TextView
        android:id="@+id/text5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:fontFamily="sans-serif"
        android:text="00966-13-8420444"
        android:textSize="20sp"
        />
</LinearLayout>

Answer 2

如果我理解你的问题，你希望你的文字在图片之外，但与其中心对齐，试试这个：

            <a class="full" href="#section1">#section1</a>
            <a class="full" href="#section2">#section2</a>
            <a class="full" href="#section3">#section3</a>
            <a class="full" href="#section4">#section4</a>
            <a class="full" href="#section5">#section5</a>


<div class="body">

  <div class="divider" id="section1">
    <h2>Section 1</h2></div>
  <div>

  </div>
  <div class="divider" id="section2">
    <h2>Section 2</h2></div>
  <div>

  </div>
  <div class="divider" id="section3">
    <h2>Section 3</h2></div>
  <div>

  </div>
  <div class="divider" id="section4">
    <h2>Section 4</h2></div>
  <div>

  </div>
  <div class="divider" id="section5">
    <h2>Section 5</h2></div>
  <div>
  </div>
</div>
<div>

Answer 3

您可以制作这样的布局结构，然后使用LinearLayout

随意移动android:gravity。

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

<ImageView
    android:id="@+id/logo1"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:src="@drawable/telephone1"
    android:layout_marginTop="10dp"/>

<TextView
    android:id="@+id/text5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="00966-13-8420444"
    android:fontFamily="sans-serif"
    android:textSize="20sp"
    />

</LinearLayout>

Answer 4

试试这个

 <ImageView
        android:id="@+id/logo1"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/telephone1"
        android:layout_marginTop="10dp"
        android:layout_below="@id/text4"
        android:layout_alignParentLeft="true"/>

    <TextView
        android:id="@+id/text5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="00966-13-8420444"
        android:fontFamily="sans-serif"
        android:textSize="20sp"
        android:layout_alignParentRight="true"
        android:layout_toRightOf="@id/logo1"

/>

如何将textview与imageview的右侧对齐

4 个答案: