在Android Studio中的EditText的四个边上投下阴影

Muh*_*sal 3 android android-layout android-edittext android-studio

据我的知识帮助我,没有任何属性可以在EditText字段周围删除阴影,可以在布局文件中设置.我搜索了问题并找到了解决方案,我要提供自定义背景xml drawable.

我的drawable/background_with_shadow看起来像这样:

<?xml version="1.0" encoding="utf-8"?>
<layer-lis xmlns:android="http://schemas.android.com/apk/res/android">
    <item >
        <shape
            android:shape="rectangle">
            <solid android:color="@android:color/darker_gray" />
            <corners android:radius="5dp"/>
        </shape>
    </item>
    <item android:right="1dp" android:left="1dp" android:bottom="2dp">
        <shape
            android:shape="rectangle">
            <solid android:color="@android:color/white"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
</layer-list>
Run Code Online (Sandbox Code Playgroud)

我正在为我的设置此属性LinearLayout包含一个EditText

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background_with_shadow">
<EditText>
.
.
</EditText>
<LinearLayout>
Run Code Online (Sandbox Code Playgroud)

然而,它只是在底部和底部角落下降阴影.我怎么能在四个方面都做到这一点?

我正在努力实现这个目标: 在此输入图像描述

Ash*_*jan 11

有一些更好的方法可以在编辑文本周围使用阴影而不使用layer-list:

#1

包装你EditTextCardView这样的:

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardElevation="7dp"
    android:layout_margin="10dp"
    app:cardCornerRadius="0dp">

        <EditText
            android:id="@+id/msg_box"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:hint="Write a message"
            android:paddingLeft="5dp"
            android:paddingStart="5dp"
            android:textColorHint="#c7c7c7"
            android:textSize="15dp" />

</android.support.v7.widget.CardView>
Run Code Online (Sandbox Code Playgroud)

输出:

使用CardView的阴影

2

使用9补丁作为您的背景EditText:

    <EditText
        android:id="@+id/msg_box"
        android:padding="20dp"
        android:background="@drawable/shadow"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:lines="5"
        android:gravity="top"
        android:hint="Enter your complaint..."
        android:textColorHint="#a7a7a7"
        android:textSize="15dp" />
Run Code Online (Sandbox Code Playgroud)

OUTPUT

9patch阴影

在这里阅读更多关于9patch的信息.

是一个很棒的在线工具,可以生成9个补丁阴影.


Kun*_*unu 5

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

    <item>
        <shape>
            <!-- set the shadow color here -->
            <stroke
                android:width="2.5dp"
                android:color="@color/darker_gray" />

            <!-- setting the thickness of shadow (positive value will give shadow on that side) -->

            <!--Set shadow width as per your requirement -->
            <padding
                android:bottom="2dp"
                android:left="0.5dp"
                android:right="2dp"
                android:top="0.5dp" />

            <corners android:radius="2dp" />
        </shape>
    </item>

    <!--White Background -->
    <item>
        <shape>
            <solid android:color="#fff" />  
            <corners android:radius="2dp" />
        </shape>
    </item>
</layer-list>
Run Code Online (Sandbox Code Playgroud)

将此布局设置为您的LinearLayout背景。