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"