Question

编辑：建议的解决方案让我自己画阴影。一世不希望这样，因为视图将被动画化（translationZ将会改变随着时间的推移）我想避免自己渲染阴影在动画期间。我想要一些帮助的解决方案 android-system将我的形状识别为高程背景。如果没有找到这样的解决方案，那么艰难的方法就是继承a ViewOutlineProvider有凸路径，但我真的很想避免此

正如问题的名称所示，我有一个问题，即使用不同圆角的矩形来使用android的高程。（问题末尾添加的图片）

当只有1个默认半径时，它会起作用，即使用此示例：

rounded_rect.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <solid android:color="@android:color/holo_orange_dark"/>
    <corners android:radius="5dp"/>
</shape>

activity.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:layout_width="100dp"
        android:layout_height="100dp"

        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"

        android:background="@drawable/rounded_rect"
        android:elevation="5dp"

        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

但是当我将 rounded_rect.xml 更改为以下代码时，没有投射阴影：

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <solid android:color="@android:color/holo_orange_dark"/>
    <corners
        android:bottomRightRadius="5dp"
        android:bottomLeftRadius="20dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="30dp"
        />
</shape>

我已尝试将android:radius="5dp"添加到 rounded_rect.xml 的<corners>标记中，但它没有添加阴影。

非常感谢任何帮助！

图片使用所有角落的默认半径：

图片不适用于每个角落的不同半径 - 没有阴影：

Answer 1

我使用我的自定义子类Converter让它工作。在我的子类中，我计算了一个ViewOutlineProvider，其Path返回true，并将该路径用作阴影。

Answer 2

参考此

enter image description here

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<!-- Bottom 2dp Shadow -->
<item>
    <shape  android:shape="rectangle">

        <solid android:color="#d8d8d8" />
        <corners android:radius="7dp" />

    </shape>
</item>

<!-- White Top color -->
<item android:bottom="3px">

    <shape  android:shape="rectangle">

    <solid android:color="#FFFFFF" />
    <corners android:radius="7dp" />


    </shape>

</item>


</layer-list>

Answer 3

使用this在线制作工具，这将有助于您制作形状

在边界半径

Answer 4

应用此代码。根据您的要求设置按钮

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <layer-list>
            <item android:right="5dp" android:top="5dp">
                <shape>
                    <corners android:topRightRadius="40dp"
                        android:bottomLeftRadius="10dp"
                        android:bottomRightRadius="10dp"
                        android:topLeftRadius="10dp"/>
                    <solid android:color="#D6D6D6" />
                </shape>
            </item>
            <item android:bottom="2dp" android:left="2dp">
                <shape>
                    <gradient android:angle="270"
                        android:endColor="@android:color/holo_orange_dark" android:startColor="@android:color/holo_orange_dark" />
                    <stroke android:width="1dp" android:color="#BABABA" />
                    <corners android:topRightRadius="40dp"
                        android:bottomLeftRadius="10dp"
                        android:bottomRightRadius="10dp"
                        android:topLeftRadius="10dp"/>

                    <padding android:bottom="10dp" android:left="10dp"
                        android:right="10dp" android:top="10dp" />
                </shape>
            </item>
        </layer-list>
    </item>

</selector>

Android的海拔不适用于不同的圆角矩形

4 个答案: