Android 5.0 android: elevation Работает для просмотра, но не кнопка?

Question

В образцах Android 5.0 от диспетчера SDK есть образец ElevationBasic. Он показывает два объекта View: круг и квадрат. Круг имеет android:elevation набор для 30dp:

<?xml version="1.0" encoding="utf-8"?> 
<!-- 
Copyright 2014 The Android Open Source Project 

Licensed under the Apache License, Version 2.0 (the "License"); 
you may not use this file except in compliance with the License. 
You may obtain a copy of the License at 

    http://www.apache.org/licenses/LICENSE-2.0 

Unless required by applicable law or agreed to in writing, software 
distributed under the License is distributed on an "AS IS" BASIS, 
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
See the License for the specific language governing permissions and 
limitations under the License. 
--> 

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:tools="http://schemas.android.com/tools" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 
    <View 
      android:id="@+id/floating_shape" 
      android:layout_width="80dp" 
      android:layout_height="80dp" 
      android:layout_marginRight="40dp" 
      android:background="@drawable/shape" 
      android:elevation="30dp" 
      android:layout_gravity="center"/> 
    <View 
      android:id="@+id/floating_shape_2" 
      android:layout_width="80dp" 
      android:layout_height="80dp" 
      android:layout_marginLeft="25dp" 
      android:background="@drawable/shape2" 
      android:layout_gravity="center"/> 
</FrameLayout> 

На Nexus 9, работающий образец как есть, мы получаем тень на окружности:

Если изменить виджет класс Button, оставив все другие атрибуты как есть, мы теряем тень падения на окружности:

Вопросы:

1. Почему меняется android:elevation поведение? Это невозможно из-за фона, потому что в обоих случаях это тот же фон.

2. Какие классы поддерживают android:elevation, а какие нет? Например, использование TextView вместо View или Button по-прежнему дает нам тень, поэтому это изменение в поведении не вводится на уровне TextView, а скорее на уровне Button.

3. Как видно из this question со вчерашнего дня, как мы можем получить android:elevation, который будет выполняться на Button? Есть ли ценность android:allowElevationToWorkAsDocumented="true", которую мы должны поставить в тему или что-то еще?

Answer 1

Стиль Кнопка по умолчанию в разделе Материал имеет StateListAnimator, который управляет android:elevation и android:translationZ свойствами. Вы можете удалить существующий аниматор или установить свой собственный, используя свойство android:stateListAnimator.

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

<Button 
    ... 
    android:stateListAnimator="@anim/my_animator" /> 

аниматор по умолчанию определяется в button_state_list_anim_material.xml. Вот пример, показывающий, что включен и прессованные состояния:

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true" android:state_enabled="true"> 
     <set> 
      <objectAnimator android:propertyName="translationZ" 
          android:duration="@integer/button_pressed_animation_duration" 
          android:valueTo="@dimen/button_pressed_z_material" 
          android:valueType="floatType"/> 
      <objectAnimator android:propertyName="elevation" 
          android:duration="0" 
          android:valueTo="@dimen/button_elevation_material" 
          android:valueType="floatType"/> 
     </set> 
    </item> 
    <!-- base state --> 
    <item android:state_enabled="true"> 
     <set> 
      <objectAnimator android:propertyName="translationZ" 
          android:duration="@integer/button_pressed_animation_duration" 
          android:valueTo="0" 
          android:startDelay="@integer/button_pressed_animation_delay" 
          android:valueType="floatType"/> 
      <objectAnimator android:propertyName="elevation" 
          android:duration="0" 
          android:valueTo="@dimen/button_elevation_material" 
          android:valueType="floatType" /> 
     </set> 
    </item> 
    ... 
</selector> 

Answer 2

В моем опыте с AppCompat v7 работает на леденец устройстве, Button работы с функциями по умолчанию, как мультипликационный эффект, высота и г-анимации на щелчок, но пропускает их, если задано персонализированное свойство android:background (как цвет или селектор) в элементе xml.

Answer 3

У меня была аналогичная проблема, я думал, был из-за неправильно раздутых макетов, но оказалось, что добавление clipToPadding сделало трюк. Это должно быть установлено родительскому ViewGroup, содержащему представление, которое вы хотите отбросить.

... android:clipToPadding="false" ...

Answer 4

Это потому, что вы устанавливаете фон кнопки вручную, которая заменит все его последствия.

начиная с версии 23.0.0 выпуск AppCompat, есть новый стиль Widget.AppCompat.Button.Colored, который использует цвет вашей темы colorButtonNormal для отключенного цвета и colorAccent для включенного цвета.

<Button 
    ... 
    style="@style/Widget.AppCompat.Button.Colored" /> 

Если вы хотите различные цвета, чем указано вы можете создать новую тему и применить его к кнопке с помощью android:theme. Затем вы можете использовать эту тему на всех ваших кнопках, где вы хотите получить такой же эффект.

Answer 5

Это решение работает для всех версий API Андроида

Создать тень @android:drawable/dialog_holo_light_frame & если вы хотите настроить цвет фона вместо белого затем создать слой-лист фон с настраиваемым цветом поверх тень, как показано ниже

Создать отдельный файл Drawable white_background_shadow.xml

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <!--the shadow comes from here--> 
    <item 
     android:bottom="0dp" 
     android:drawable="@android:drawable/dialog_holo_light_frame" 
     android:left="0dp" 
     android:right="0dp" 
     android:top="0dp"> 

    </item> 

    <item 
     android:bottom="0dp" 
     android:left="0dp" 
     android:right="0dp" 
     android:top="0dp"> 
     <!--whatever you want in the background, here i preferred solid white --> 
     <shape android:shape="rectangle"> 
      <solid android:color="@android:color/white" /> 

     </shape> 
    </item> 
</layer-list> 

и использовать эту вытяжке в качестве фона, как эта

android:background="@drawable/shadow"