【问题标题】:Android's elevation not working with different rounded-corners rectangleAndroid海拔不适用于不同的圆角矩形
【发布时间】:2018-04-16 06:58:43
【问题描述】:

编辑:这里建议的解决方案让我可以自己绘制阴影。一世 不希望这样,因为视图将被动画化(translationZ 会改变 随着时间的推移),我想避免自己渲染阴影 在动画期间。我想要帮助的一些解决方案 android-system 将我的形状识别为高程的背景。 如果找不到这样的解决方案,那么困难的方法将是子类化 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>

我尝试在 rounded_rect.xml&lt;corners&gt; 标记中添加 android:radius="5dp",但没有添加阴影。

任何帮助将不胜感激!

图片使用默认半径为所有角工作:

图片在每个角落都使用不同的半径 - 没有阴影:

【问题讨论】:

    标签: android xml android-layout


    【解决方案1】:

    参考这个

    <?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>
    

    【讨论】:

    • 感谢您的解决方案。这对我没有帮助,因为我需要更改视图并为其设置动画,以便阴影需要动态更改,并且在这里它们在创建时静态呈现。我只需要安卓系统来识别我的形状。
    【解决方案2】:

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

    【讨论】:

    • 请添加一些网址
    【解决方案3】:

    使用this在线制作工具这将帮助您制作形状

    在边界半径处

    【讨论】:

    • 创建形状没有问题。我只需要他们投下阴影
    【解决方案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>
    

    【讨论】:

    • 感谢您的解决方案。这对我没有帮助,因为我需要更改视图并为其设置动画,以便阴影需要动态更改,并且在这里它们在创建时静态呈现。我只需要安卓系统来识别我的形状。
    猜你喜欢
    • 1970-01-01
    • 2015-08-18
    • 2018-01-13
    • 1970-01-01
    • 2016-05-22
    • 1970-01-01
    • 2017-10-15
    • 2017-07-13
    • 2011-08-28
    相关资源
    最近更新 更多