如何在xml文件中顯示文本旁邊的圖標？

Question

我試着像這樣的代碼

<ImageView android:id="@+id/ivIcon" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@android:drawable/ic_btn_speak_now" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item0" /> 

但它輸出這樣的。這不是在同一條線上:(

我的整個XML代碼就是這個樣子。 (icon) item將是一個集，這將被用戶點擊到的活動而移動。
所以我需要分組在一起。

<LinearLayout style="@style/behindMenuScrollContent" 
    android:paddingTop="25dp" > 

    <TextView 
     style="@style/behindMenuItemTitle" 
     android:text="Subject" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item0" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item1" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item2" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item3" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item4" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item5" /> 

    <TextView 
     style="@style/behindMenuItemTitle" 
     android:text="Subject2" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item6" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item7" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item8" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item9" /> 

    <TextView 
     style="@style/behindMenuItemLabel" 
     android:text="Item10" /> 


    <Button 
     android:id="@+id/behind_btn" 
     style="@style/behindMenuItemLabel" 
     android:text="BUTTON" /> 

</LinearLayout> 

更新：我不需要圖標和文本之間的餘量，但只需要左邊的餘量！

style.xml

<style name="behindMenuItemLabel"> 
    <item name="android:layout_width">wrap_content</item> 
    <item name="android:layout_height">wrap_content</item> 
    <item name="android:layout_marginLeft">20dp</item> 
    <item name="android:layout_marginBottom">4dp</item> 
    <item name="android:textSize">30sp</item> 
    <item name="android:textColor">#d2d2d2</item> 
</style> 

Answer 1

嘗試是這樣的：

<TextView 
    android:id="@+id/behindMenuItemLabel" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="30dp" 
    android:layout_weight="40" 
    android:drawablePadding="-5dp" 
    android:gravity="center_vertical" 
    android:text="Speak Now" 
    android:textColor="#000000" 
    style="@style/behindMenuItemLabel" /> 

這是你的style.xml

<style name="behindMenuItemLabel"> 
    <item name="android:layout_width">wrap_content</item> 
    <item name="android:layout_height">wrap_content</item> 
    <item name="android:layout_marginLeft">20dp</item> 
    <item name="android:layout_marginBottom">4dp</item> 
    <item name="android:textSize">30sp</item> 
    <item name="android:drawableLeft">@drawable/your_icon</item> 
    <item name="android:textColor">#d2d2d2</item> 
</style> 

Answer 2

您的需要進行充分利用的TextView的繪製屬性填充，下面我給個例子：

<TextView 
     android:id="@+id/bookTitle" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:gravity="center_horizontal" 
     android:drawableBottom="@drawable/icon" 
     android:text="Item 0" 
     style="@style/behindMenuItemLabel"/> 

希望它可以幫助

Answer 3

你可以在TextView

就在所有的四個側面文本的設置圖標：

android:drawableRight="@drawable/icon" 

上：

android:drawableTop="@drawable/icon" 

底：

android:drawableBottom="@drawable/icon" 

左：

android:drawableLeft="@drawable/icon"

Answer 4

不要使用單獨的ImageView的圖標。 在你的TextView設置在右側的繪製（或左，上，下）

android:drawableRight="@android:drawable/ic_btn_speak_now" 

Answer 5

您可以使用此ATTR android:drawableLeft="your_drawable_id"設置左文本的圖像，這樣的XML標籤將是這樣的：

<TextView 
    android:id="@+id/bookTitle" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:gravity="center_horizontal" 
    android:drawableLeft="@drawable/icon" 
    android:text="Item 0" 
    style="@style/behindMenuItemLabel"/> 

您還可以設置圖像的權利，頂部或底部。最好的祝願。