Question

I want to create button where I have icon and text. This is what I created:

This is xml:

        <Button
            android:id="@+id/call_button"
            android:layout_width="match_parent"
            android:layout_height="0dp"
          android:layout_marginTop="30dp"
            android:background="@drawable/button"
            android:layout_weight="40" 
            android:drawableLeft="@drawable/phone"
            android:text="Call"
            android:textColor="@color/white"
            />

How I can move this phone icon closer text?

Answer 1

This may guide you for arrangements,

http://developer.android.com/resources/articles/layout-tricks-efficiency.html

Code:

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/home_btn_test"
        android:drawableTop="@drawable/home_icon_test"
        android:textColor="#FFFFFF"
        android:id="@+id/ButtonTest"
        android:paddingTop="32sp"
        android:drawablePadding="-15sp"
        android:text="this is text"></Button>

ref from: Android: combining text & image on a Button or ImageButton

Refer here also: http://www.mokasocial.com/2010/04/create-a-button-with-an-image-and-text-android/