Як видалити набивання навколо кнопок в Android?

У моєму додатку для Android у мене такий макет:

<?xml version="1.0" encoding="utf-8" ?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="vertical">

    <fragment
         android:id="@+id/map"
         android:layout_width="match_parent"
         android:layout_height="0dp" 
         android:layout_weight="1" 
         class="com.google.android.gms.maps.SupportMapFragment"/>

    <Button
        android:id="@+id/button_back"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:onClick="CloseActivity"
        android:padding="0dp"
        android:text="@+string/back" />

</LinearLayout>

У попередньому перегляді та на телефоні це виглядає так:

Як ви можете бачити на кнопці в нижній частині, там є деякі накладки.

Як я можу позбутися цього і дозволити кнопці повністю заповнити нижню область?

Для мене проблемою виявилися minHeight та minWidth на деяких темах Android.

На елементі кнопки додайте:

<Button android:minHeight="0dp" android:minWidth="0dp" ...

Або у стилі вашої кнопки:

<item name="android:minHeight">0dp</item>
<item name="android:minWidth">0dp</item>

Моє рішення було встановлено на 0 властивостей insetTop та insetBottom.

<android.support.design.button.MaterialButton
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:insetTop="0dp"
        android:insetBottom="0dp"
        android:text="@string/view_video"
        android:textColor="@color/white"/>

Це не підкладка, це тінь навколо кнопки на задньому плані. Створіть власний фон, і він зникне.

Приблизним способом може бути намагання використовувати -veзначення для поля, наприклад:

<Button
    android:id="@+id/button_back"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:onClick="CloseActivity"
    android:padding="0dp"
    android:layout_marginLeft="-5dip"
    android:layout_marginRight="-5dip"
    android:layout_marginTop="-5dip"
    android:layout_marginBottom="-5dip"
    android:text="@string/back" />

Це змусить цей простір зникнути. Я маю на увазі, що ви можете вибрати відповідне dipзначення, яке змушує його піти. Це працювало для мене. Сподіваюся, це працює для вас.

Для видалення накладки навколо кнопки перемикання нам потрібно встановити minWidth і minHeight 0dp.android:minWidth="0dp" android:minHeight="0dp"

  <ToggleButton
        android:id="@+id/toggle_row_notifications"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minWidth="0dp"
        android:minHeight="0dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:padding="@dimen/_5sdp"
        android:textOn=""
        android:textOff=""
        android:background="@android:color/transparent"
        android:button="@drawable/toggle_selector"
        />

встановіть ваш файл, що виводиться, на атрибут кнопки типу: android:button="@drawable/toggle_selector"

Нижче мій toggle_selecter.xmlфайл

<?xml version="1.0" encoding="utf-8"?>
     <selector xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:drawable="@drawable/notifications_toggle_on" 
                  android:state_checked="true"/>
            <item android:drawable="@drawable/notifications_toggle_off" 
                  android:state_checked="false"/>
     </selector>

Я новачок в андроїді, але в мене була схожа ситуація. Я зробив те, що запропонував @Delyan, а також застосував android: background = "@ null" у файлі макета xml.

У наборі XML кнопки android:includeFontPadding="false"

У мене була така ж проблема, і, здається, це через колір фону кнопки. Спробуйте змінити колір фону на інший колір, наприклад:

android:background="@color/colorActive"

і подивіться, чи працює він. Потім ви можете визначити стиль, якщо хочете використовувати кнопку.

Для видалення верхньої та нижньої підкладки

<com.google.android.material.button.MaterialButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minHeight="0dp"//to effect the following parameters, this must be added!
        android:insetTop="0dp"
        android:insetBottom="0dp"/>

Для видалення лівої та правої накладки

<com.google.android.material.button.MaterialButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minWidth="0dp"//to effect the following parameters, this must be added!
        android:insetLeft="0dp"
        android:insetRight="0dp"/>

Це не прокладка, але або тінь фону, що малюється, або проблема з minHeightі minWidth.

Якщо ви все ще хочете, щоб приємний пульсатор впливав, ви можете створити свій власний стиль кнопки, використовуючи ?attr/selectableItemBackground:

<style name="Widget.AppTheme.MyCustomButton" parent="Widget.AppCompat.Button.Borderless">
    <item name="android:minHeight">0dp</item>
    <item name="android:minWidth">0dp</item>
    <item name="android:layout_height">48dp</item>
    <item name="android:background">?attr/selectableItemBackground</item>
</style>

І застосуйте його до кнопки:

<Button 
    style="@style/Widget.AppTheme.MyCustomButton"
    ... />

Здається, це не прокладка, запас, а також міні-висота / ширина. Встановлення android:background="@null"кнопки втрачає сенсорну анімацію, але виявляється, що встановлення фону на що-небудь взагалі фіксує цю межу.

Зараз я працюю з:

minSdkVersion 19
targetSdkVersion 23

Надайте кнопці власний фон: @ dravable / material_btn_blue

Ви також можете це зробити з layout_width(height)параметрами.

Наприклад, я видалив верхній і нижній пробіл з android:layout_height="18dp"кодом.

Стандартна кнопка не повинна використовуватися на повну ширину , тому ви відчуваєте це.

Фон

Якщо ви подивитесь на стиль дизайну матеріалу - кнопки, ви побачите, що кнопка має область клацання по висоті 48 дп, але відображатиметься як 36dp висоти з якоїсь причини.

Це контур фону, який ви бачите, який не буде охоплювати всю область самої кнопки.
Він має закруглені кути та деякі накладки, і їх можна було натискати самі по собі, загортати його вміст, а не на всю ширину внизу екрана.

Рішення

Як було сказано вище, те, що ви хочете, - це інше тло . Не стандартна кнопка, а фон для обраного елемента з цим приємним ефектом пульсацій.

Для цього випадку є ?selectableItemBackgroundатрибут теми, який ви можете використовувати для своїх фонів (особливо у списках).
Він додасть стандартну пульсацію платформи (або деякий список стану кольорів у <21) та використає ваші поточні кольори теми.

Для вашої скриньки ви можете просто використовувати наступне:

<Button
    android:id="@+id/sign_in_button"
    style="?android:attr/buttonBarButtonStyle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Login"
    android:background="?attr/selectableItemBackground" />
                   <!--  /\ that's all -->

Також не потрібно додавати ваги макета, якщо ваш погляд єдиний і охоплює весь екран

Якщо у вас є якесь інше уявлення про те, як має виглядати ваш фон, ви повинні створити власну програму для малювання та керувати кольором та станом там.

Ця відповідь скопійована з питання: Як правильно видалити набивання (чи запас?) Навколо кнопок Android?

Після декількох годин копатися кілька відповідей я , нарешті , знайшов рішення , яке не використовує інший елемент, маніпулювати minHeightабо minWidth, або навіть обертати Buttonнавколо RelativeLayout.

<Button
    android:foreground="?attr/selectableItemBackground"
    android:background="@color/whatever" />

Основним заходом тут є встановлення переднього плану замість фону, як передбачено багатьма відповідями. Зміна самого фону на selectableItemBackgroundпросто замінить усі зміни, внесені в колір / фон кнопки, якщо такі є.

Зміна переднього плану дає найкраще з обох світів: позбудьтеся від «невидимих» накладок і збережіть дизайн кнопки.

Ви можете використовувати стиль Borderless в AppCompatButton, як показано нижче. і використовувати android: фон з ним.

style = "@ style / Widget.AppCompat.Button.Borderless.Colored"

Код кнопки

<androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_visa_next"
        android:background="@color/colorPrimary"
        style="@style/Widget.AppCompat.Button.Borderless.Colored"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/spacing_normal"
        android:text="@string/next"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

Вихід: