如何在 android 中的 LinearLayout 或 EditText 内创建阴影边框？

问题描述

如何在如图所示的编辑文本的 4 边添加阴影边框？应用下面的代码，但它只在单面创建一个阴影。

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#FFBDBDBD"
        android:centerColor="#65FFFFFF"
        android:endColor="#00FFFFFF"
        />
    <stroke
        android:width="1dp"
        android:color="#C3C3C3" />
    <corners
        android:radius="5dp" />
</shape>

解决方法

您可以使用高程，如：-

android:elevation="5dp"

高程用作 Z-index。

,

您可以尝试在 width 标签内添加 color 和 shape。

它看起来像这样：

<stroke android:width="3dp" android:color="#bfafb2"/>

,

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <solid android:color="#CABBBBBB"/>
        <corners android:radius="2dp" />
    </shape>
</item>

<item
    android:left="2dp"
    android:right="2dp"
    android:top="2dp"
    android:bottom="2dp">
    <shape android:shape="rectangle">
        <solid android:color="@android:color/white"/>
        <corners android:radius="2dp" />
    </shape>
</item>

,

首先使用 drawable、圆形 rectangle 和灰色的 corner 创建此背景 stroke。被称为background_drawable.xml：

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

    <solid android:color="#ffffff"/>
    <corners android:radius="5dp" />
    <stroke android:width="1dp"
        android:color="#C3C3C3"/>
</shape>

之后，您在 android:background="" 和 LinearLayout 中将其设置为 EditText，这两个小部件都有 android:elevation="2dp"，因为它在与 stroke 匹配的每个站点上的阴影rectangle。这是名为 activity_main.xml 的布局：

<LinearLayout
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:elevation="2dp"
        android:id="@+id/linear_layout"
        android:background="@drawable/background_drawable"
        android:layout_centerInParent="true"
        android:orientation="horizontal" />

    <EditText
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:id="@+id/edit_text"
        android:elevation="2dp"
        android:layout_marginTop="10dp"
        android:background="@drawable/background_drawable"
        android:layout_below="@+id/linear_layout"
        android:layout_centerHorizontal="true"
        android:padding="10dp"/>

最终结果看起来像这样 image。