В моем приложении есть закрывающийся вид, и у него есть кнопка закрытия в заголовке. Я хочу сделать эту кнопку маленькой и без полей.
Код:

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    style="?android:attr/borderlessButtonStyle"
    android:layout_margin="0dp"
    android:padding="0dp"
    android:src="@android:drawable/ic_menu_close_clear_cancel"/>

В результате кнопка без полей, но вокруг перекрестного изображения много пустого места (кнопка нажимается на снимке экрана, чтобы сделать пустое пространство видимым)

Как я могу это исправить?

2
Yara_M 8 Сен 2016 в 16:33

5 ответов

Лучший ответ

Вам следует использовать:

  android:background="?selectableItemBackgroundBorderless"
5
hrules6872 5 Апр 2018 в 14:10

Добавлено

 android:minHeight="0dp"
 android:minWidth="0dp"
 android:padding="2dp"

Результат

Также я использую отрицательные поля, чтобы разместить кнопку ближе к углу.

3
Glorfindel 6 Окт 2019 в 17:30

Вы можете использовать следующее на вашем ImageButton, чтобы удалить «границу»:

android:background="@android:color/transparent"

Или

android:background="@null"

Если вы хотите изменить фон, когда пользователь нажимает кнопку, вы можете создать селектор. Пример ​​ImageButton не выделяется при нажатии с прозрачным фоном.

0
Community 23 Май 2017 в 11:53

С введением ConstraintLayout вы можете использовать ограничения для уменьшения ширина ImageButton без полей, которая по умолчанию слишком велика, ограничивая ее шириной равной высоте:

<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/my_closeable_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageButton
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:contentDescription="@string/action_close"
        android:src="@android:drawable/ic_menu_close_clear_cancel"
        app:layout_constraintDimensionRatio="w,1:1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

Я не рекомендую делать его меньше этого, потому что цель касания должна быть не менее 48 dp x 48 dp, как для Руководство Google по дизайну материалов, иначе пользователю было бы трудно прикоснуться к нему.

Если вам действительно нужно, чтобы оно выглядело так, как будто оно ближе к краям обзора, вы всегда можете использовать изображение, которое не центрировано (с прозрачным отступом с одной или двух сторон), но я бы постарался изо всех сил избегать этого обходного пути и попробуйте переосмыслить дизайн моего приложения, чтобы разместить кнопку как есть.

0
Cristina De Rito 24 Май 2018 в 11:47

Используйте textView для этого .. и используйте textview.OnTouchListener, наконец, onTouch, измените цвет текста .. вот и все

Иначе в вашем коде просто используйте

     android:background="@null"
-1
snehasish 8 Сен 2016 в 13:40