在 TextView Android 中对齐文本和图标答案

【问题标题】：Aligning Text and Icons in a TextView Android在 TextView Android 中对齐文本和图标
【发布时间】：2017-04-27 09:58:06
【问题描述】：

我正在 android studio 中从事 ui 设计任务。我已经能够得到这个

这是我的代码

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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" tools:context=".MainActivity">

    <ImageView
        android:id="@+id/topImage"
        android:src="@drawable/shebaartist"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop" />

    <TextView android:text="Event Planning and Decoration, Beads and Jewelry Making, Props and Bridals, Aso-Oke #WeMakePoshDesign"
        android:drawableLeft="@drawable/about"
        android:layout_below="@+id/topImage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:drawablePadding="5dp"
        android:padding="10dp"
        android:textSize="16dp"
        android:fontFamily="sans-serif-black"
        android:background="#F0E68C"
        android:id="@+id/descText" />

    <TextView android:text="150 Alimi Rd, Alore, Ilorin, Kwara State"
        android:drawableLeft="@drawable/marker"
        android:layout_below="@+id/descText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:singleLine="true"
        android:drawablePadding="5dp"
        android:padding="10dp"
        android:textSize="16dp"
        android:fontFamily="sans-serif-light"
        android:id="@+id/addrText"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView android:text="shebaeventss@gmail.com"
        android:drawableLeft="@drawable/message"
        android:layout_below="@+id/addrText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:singleLine="true"
        android:drawablePadding="5dp"
        android:padding="10dp"
        android:background="#F0E68C"
        android:textSize="16dp"
        android:fontFamily="sans-serif-black"
        android:id="@+id/emailText"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView android:text="07055393673"
        android:drawableLeft="@drawable/phone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:singleLine="true"
        android:drawablePadding="5dp"
        android:padding="10dp"
        android:textSize="16dp"
        android:fontFamily="sans-serif-light"
        android:id="@+id/mobilenoText"
        android:layout_below="@+id/emailText"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

</RelativeLayout>

我想将文本视图中的图标和文本对齐在同一行且大小相同。我的问题是我该怎么做？请指出我的错误并帮助我解决这个问题。

【问题讨论】：

您希望文本和图标垂直居中对齐吗？
尝试从文本视图中删除单行属性！！

标签： java android xml android-layout

【解决方案1】：

如果这是你想要的，那么你只需要改变重力 android:gravity="center" 到 android:gravity="center_vertical"

【讨论】：

【解决方案2】：

请使用 center 对齐将重力属性添加到您的 TextView 和图标大小随24dp 而变化。

<TextView android:text="Event Planning and Decoration, Beads and Jewelry Making, Props and Bridals, Aso-Oke #WeMakePoshDesign"
        android:drawableLeft="@drawable/about"
        android:layout_below="@+id/topImage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:drawablePadding="5dp"
        android:padding="10dp"
        android:textSize="16dp"
        android:gravity="center"
        android:fontFamily="sans-serif-black"
        android:background="#F0E68C"
        android:id="@+id/descText" />

【讨论】：

【解决方案3】：

您似乎想使用复合可绘制对象，请参阅此答案：

How do I use a compound drawable instead of a LinearLayout that contains an ImageView and a TextView

【讨论】：