Как удалить границу/тень с кнопок леденца

Question

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

Это может быть более ясным на этом цветном изображении. На кнопках есть какая-то граница.

Мой buttonssstyle определяется следующим образом:

<style name="buttonTransparent" parent="Base.TextAppearance.AppCompat.Button"> 
     <item name="android:background">#00000000</item> 
     <item name="android:textColor">@drawable/button_text_blue</item> 
     <item name="android:textSize">18dp</item> 
     <item name="android:textAllCaps">false</item> 
     <item name="android:minHeight">45dp</item> 
    </style> 

<style name="buttonLargeWhite" parent="buttonTransparent"> 
     <item name="android:background">#FFF</item> 
     <item name="android:layout_marginTop">10dp</item> 
    </style> 

Answer 1

Lollipop имеет малоприятную особенность под названием stateListAnimator который обрабатывает возвышения на кнопках, которые приводит к тени.

Снимите stateListAnimator, чтобы избавиться от теней.

У вас есть несколько вариантов, чтобы сделать это:

В коде:

button.setStateListAnimator(null); 

или в макете в XML: лучший и простой способ

<Button 
... 
android:stateListAnimator="@null" 
.... 
/> 

Answer 2

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

android:elevation="0dp" 

Answer 3

я являюсь использование устанавливает атрибут стиля на кнопку

<Button 
... 
style="?android:attr/borderlessButtonStyle" 
.... 
/> 

Возможно, кому-то понадобится в будущем.

Answer 4

Существует уже стиль, который вы можете использовать, чтобы не иметь границ.

применять

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

для вашего пункта, чтобы удалить границы

Answer 5

Я исправил глобально установкой android:stateListAnimator="@null" в Resources\values\styles.xml:

<?xml version="1.0" encoding="UTF-8"?> 
<resources> 
    <style name="AppTheme" parent="AppTheme.Base"> 
    </style> 
    <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar"> 
     <item name="android:buttonStyle">@style/NoShadowButton</item> 
    </style> 
    <style name="NoShadowButton" parent="android:style/Widget.Button"> 
     <item name="android:stateListAnimator">@null</item> 
    </style> 
</resources> 

И вуаля тени пропали навсегда)

Answer 6

в XML мы можем использовать

android:stateListAnimator="@null" 

Answer 7

Выпуск

1. С Android v21, Border была добавлена ​​по умолчанию для всех кнопку.

   <!-- Bordered ink button --> 
   <style name="Widget.Material.Button"> 
       <item name="background">@drawable/btn_default_material</item> 
       <item name="textAppearance">?attr/textAppearanceButton</item> 
       <item name="minHeight">48dip</item> 
       <item name="minWidth">88dip</item> 
       <item name="stateListAnimator">@anim/button_state_list_anim_material</item> 
       <item name="focusable">true</item> 
       <item name="clickable">true</item> 
       <item name="gravity">center_vertical|center_horizontal</item> 
   </style> 
   

   • Свойство "stateListAnimator" это тот, который является причиной проблемы.

Решение

1. В нашей теме приложение, установить стиль кнопки для удаления границы по умолчанию (Android сама поддержка библиотека обеспечивает стиль для него).

   <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 
       <!-- From Android-v21 - Border has been added by default, hence we are removing it. --> 
       <item name="android:buttonStyle">@style/Widget.AppCompat.Button.Borderless</item> 
   </style> 
   

Answer 8

эффект "тень" добавляется на Lollipop AppCompat тему

добавьте следующую строку в разрешении/значения-v21/styles.xml для удаления по умолчанию Shadow

Theme уровень:

<item name="android:buttonStyle">@style/Widget.AppCompat.Button.Borderless</item> 

XML макет:

android:stateListAnimator="@null" 

Programatically:

setStateListAnimator(null); 

Answer 9

Кнопки в андроиде имеет statelistAnimator свойства так, объявив его недействительным, мы можем удалить границу кнопки

android:stateListAnimator="@null"