2017-04-27 56 views
0

我正在开发android studio中的UI设计任务。我已经能够得到这个 My design在TextView中对齐文本和图标Android

这里是我的代码

<?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="[email protected]" 
     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> 

我想对齐在同一条线上,并与同样大小的文本视图的图标和文字。我的问题是,我该如何做到这一点?请指出我的错误并帮助我解决这个问题。

+0

你想让文字和图标垂直居中对齐吗? – Pehlaj

+0

尝试从文本视图中删除单行属性! –

回答

0

请重力财产与center地对准和24dp 图标大小变化添加到您的TextView。

<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" /> 
0

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

enter image description here