如何在同一個按鈕上對齊文本和圖像

-2

如何在同一個按鈕上對齊文本和圖像？我想要做這樣的形象：如何在同一個按鈕上對齊文本和圖像

enter image description here

但我的按鈕看起來是這樣，文本圖像重疊：

enter image description here

這是我下面的代碼。如何在同一個按鈕中的文字和圖片之間留出空間？

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="15dp" 
    android:layout_weight="0" 
    android:weightSum="1" 
    android:orientation="horizontal" > 



      <Button android:id="@+id/btnUtilitybillpayments" 
      style="?android:attr/buttonStyleSmall" 
      android:layout_height="wrap_content" 
       android:layout_width="0dp" 
       android:layout_weight="1" 
       android:drawableLeft="@drawable/handshake" 

        android:layout_marginRight="55dip" 
       android:layout_marginLeft="55dip" 
        android:drawablePadding="-25dp" 

      android:paddingLeft="10dip" 
      android:paddingRight="50dip" 
      android:layout_marginTop="10dip" 

      android:background="@drawable/curvedplanebutton" 
      android:textColor="@drawable/button_text_color" 


      android:text="Utility Bills Payment"/> 
      </LinearLayout>

來源

2013-01-11 Hayya ANAM

因爲你給的Android，這是發生了：layout_marginRight = 「55dip」。 –

要麼刪除'android：layout_marginRight =「55dip」'或最小化從右側的邊距'android：layout_marginRight =「15dip」' –

如果您使用的是靜態文本，那麼您可以選擇使用預定義文本的圖像， t需要對齊文字 – juned

我覺得你做你的按鈕到複雜，

只需使用下面的代碼，讓我知道發生什麼事..

<Button android:id="@+id/btnUtilitybillpayments" 
      style="?android:attr/buttonStyleSmall" 
      android:layout_height="wrap_content" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_marginRight="55dip" 
      android:layout_marginLeft="55dip" 
      android:drawableLeft="@drawable/handshake" 
      android:layout_marginTop="10dip" 
      android:gravity="left" 
      android:paddingLeft="20dip" 
      android:background="@drawable/curvedplanebutton" 
      android:textColor="@drawable/button_text_color" 
      android:text="Utility Bills Payment"/>

正如我也懷疑layout_margin您的按鈕的屬性。如果不工作，然後嘗試刪除

android:layout_marginRight="55dip" 
android:layout_marginLeft="55dip"

來源

2013-01-11 07:41:30 user370305

ur代碼刪除圖像左側的空間看到這個http://imgur.com/oFwZ2只在圖像和tet之間留出空間，但從圖像的左側空間刪除 –

你也想設置按鈕的其他文字的重心會進入中心，並在極值左邊畫出。 –

現在把'android：drawablePadding =「20dip」'或'android：paddingLeft =「20dip」'。 – user370305

試試這個

<Button 
android:id="@+id/button1" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:drawableLeft="@android:drawable/btn_star_big_on" 
android:text="Drawable left"> 
Button> 

For more info go to this link

http://izvornikod.com/Blog/tabid/82/EntryId/8/Creating-Android-button-with-image-and-text-using-relative-layout.aspx

來源

2013-01-11 07:48:01 Janmejoy

一些這樣的事。

 <Button 
      android:id="@+id/btnUtilitybillpayments" 
      style="?android:attr/buttonStyleSmall" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 

      android:layout_weight="1" 
      android:background="@drawable/curvedplanebutton" 
      android:drawableLeft="@drawable/handshake" 
      android:gravity="left|center" 
      android:text="Utility Bills Payment" 
      android:textColor="@drawable/button_text_color" />

來源

2013-01-11 08:03:42

這個工作現在這條線android：gravity =「left | center」 –

是啊所以重力使得按鈕內的內容按此安排。 –

更合適的方法是將按鈕作爲9patch圖像。這樣，您可以通過修補右側和底側來定義文本的位置。並不存在任何需要這種複雜的按鈕。

來源

2013-01-11 08:10:37 akemalFirdaus

如何在同一個按鈕上對齊文本和圖像

回答

相關問題