2017-04-27 57 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