Android 5.0 android: elevation Works for View, но не кнопка?

В образцах 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, запустив образец as-is, мы получим тень на круге:

ElevationBasic, As Originally Written

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

ElevationBasic, Using a Button

Вопросы:

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

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

  • Как видно из этого вопроса со вчерашнего дня, как мы можем получить android:elevation на Button? Есть ли какое-то значение android:allowElevationToWorkAsDocumented="true", которое мы должны поставить в тему или что-то еще?

ОТВЕТЫ

Ответ 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>

Ответ 2

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

Ответ 3

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

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

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

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

Ответ 4

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

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

Ответ 5

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

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

Создайте отдельный файл для рисования 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"