Как выровнять иконку по центру в кнопке?

Question

[ivan0512]

Нужно сделать кнопку с иконкой.
Делаю так:

<Button
        android:layout_width="300dp"
        android:layout_height="70dp"
        android:background="@color/colorAccent"
        android:drawableLeft="@drawable/ic_dashboard_black_24dp"
        android:text="start"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Картинка всегда прижата к краю, а нужно, чтобы картинка и текст были в центре.
Как можно это сделать?

Answer 1

[alekseyHunter]

Сделайте CardView и расположите ImageView с TextView. Добавьте OnClickListener, ripple эффект, и будет вам кастомная кнопка.

Comments

[ivan0512]

Правильно ли я понимаю, что в стандартной кнопке такое сделать нельзя? просто это стало для меня сюрпризом

[ivan0512]

Я их мира фронта, а там у меня четкое правило, что то, на что можно нажать - это либо кнопка, либо ссылка. Хотя бы ради семантики и в дальнейшем это улучшает accessibility

[oleg5000]

ivan0512, попробуйте так:

<Button
        android:layout_width="300dp"
        android:layout_height="70dp"
        android:background="@color/colorAccent"
        app:icon="@drawable/ic_dashboard_black_24dp"
        app:iconGravity="textStart"
        android:gravity="center"
        app:iconSize="24dp"
        android:text="start"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

[oleg5000]

если не работает, имя тега (Button) замените на MaterialButton

[alekseyHunter]

ivan0512, странное решение. Если я хочу кастомную кнопку на фронте, я её оборачиваю в div, без button и задаю оформление в css, а через JS реагирую на действия пользователя.
В андроиде, если хочешь оригинально, пиши свои компоненты или выбирай готовые библиотеки. На стандартных далеко не продвинишься.

[ivan0512]

alekseyHunter, Все будет работать, не спорю) но с точки зрения максимальной заботе о пользователе, лучше всегда юзать кнопки. Так браузеры лучше понимают, что это кликабельный элемент. Люди с плохим зрением при помощи встроенной помощи браузера/ос смогут лучше взаимодействовать с сайтом.
И кнопки также отлично кастомизируются, плюс код чуть читабельнее. Так что кнопка лучше дива)

Answer 2

[Юрий]

ImageSpan

Answer 3

[DARKENN]

Есть же ImageButton