-2

テキストと画像を同じボタンに揃えるにはどうすればよいですか？私はこの画像のようにやりたいです：

ここに画像の説明を入力してください

しかし、私のボタンは次のようになり、テキストが画像に重なっています。

ここに画像の説明を入力してください

これは以下の私のコードです。同じボタンでテキストと画像の間にスペースを作るにはどうすればよいですか？

<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>
4

4 に答える 4

1

これを試して

<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-11T07:48:01.707 に答える
1

あなたはコンプレックスにボタンを作ったと思います、

以下のコードを使用して、何が起こるか教えてください。

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

Buttonのlayout_margin属性にも疑問があります。それが機能しない場合は、削除してみてください 

 android:layout_marginRight="55dip"
 android:layout_marginLeft="55dip"
于 2013-01-11T07:41:30.647 に答える
0

このようなもの。

        <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-11T08:03:42.633 に答える
0

より適切なアプローチは、ボタンを 9 パッチ イメージとして作成することです。そうすれば、右側と下側にパッチを当てて、テキストを配置する場所を定義できます。そして、そのような複雑なボタンは必要ありません。

詳細については、ここにアクセスしてください。

http://developer.android.com/tools/help/draw9patch.html

于 2013-01-11T08:10:37.283 に答える