android - Android で EditText の左側に画像を設定する

Question

見栄えを良くするために、編集テキストにいくつかのアイコンを追加したい連絡フォームがあります。以下のような EditText を作成したいと思います。

以下のような EditText があります。そして、私は結果のようなものを得ました。上の画像のように画像を絶対左側にしたいです。内部で EditText が Nine Patch イメージを使用していることはわかっています。そのため、結果が多少異なると思います。誰でもこれを解決する方法を知っていますか?

<EditText
            android:id="@+id/name"
            android:layout_width="fill_parent"
            android:layout_height="51dip"
            android:hint="@string/name"
            android:inputType="text"
            android:drawableLeft="@drawable/name_icon_edittext" />

Answer 1

を使用する代わりにandroid:drawableLeft="@drawable/name_icon_edittext"、 を個別に作成しImageViewますname_icon。このようにして、layout

注：私はあなたlayoutがRelativeLayout

Answer 2

テキストと画像の間にスペースを追加したい場合は、xml で「drawablePadding」プロパティを使用します

android:drawablePadding="10dp"

xmlファイルのedittextで使用する方法の完全な例を次に示します

             <EditText
                android:id="@+id/edittext"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:drawableLeft="@drawable/ic_left"
                android:drawablePadding="10dp" />

Answer 3

少し古いですが、将来の参考のために多分：

私はあなたが望む外観で9パッチ画像を自分で作成し、プロポーションとアイコン以外のすべてを維持するのでdrawableLeft、EditText. そうすれば、画像の中央部分だけが引き伸ばされますが、残りは同じままです。