问题描述
据我所知,没有任何属性可以在 EditText 字段周围放置阴影,可以在布局文件中设置.我搜索了这个问题并找到了我必须提供自定义背景
我的 drawable/background_with_shadow 看起来像这样:
<layer-lis <solid android:color="@android:color/darker_gray"/><corners android:radius="5dp"/></形状></项目><item android:right=1dp"机器人:左=1dp"机器人:底部=2dp"><形状机器人:形状=矩形"><solid android:color="@android:color/white"/><corners android:radius="5dp"/></形状></项目></层列表>
我正在为我的 LinearLayout
设置这个属性,它包含一个 EditText
<编辑文本>..</EditText><线性布局>
然而,它只会在底部和底部角落周围留下阴影.我将如何处理所有四个边和角?
我正在努力实现这一目标:
有一些更好的方法可以在不使用 layer-list
的情况下在编辑文本周围添加阴影:
#1
将您的 EditText
包裹在 CardView
中,如下所示:
2
使用 9 补丁作为 EditText
的背景:
输出
在此处阅读有关 9patch 的更多信息.
这里是一个很棒的在线工具,可以生成 9 个补丁阴影.
As far as my knowledge aids me, there isn't any property to drop shadow around an EditText field, that can be set in the layout file. I searched for the problem and found solution that I've to provide a custom background
My drawable/background_with_shadow looks like this:
<?
and I'm setting this property for my LinearLayout
which contains an EditText
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background_with_shadow">
<EditText>
.
.
</EditText>
<LinearLayout>
However it just drops the shadow around the bottom and bottom corners.How would I do it for all the four sides and corners?
I'm trying to achieve this:
解决方案 There are some better ways to get shadow around your edit text without using layer-list
:
#1
Wrap your EditText
in a CardView
like this :
<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>
OUTPUT :
2
Use a 9 patch as the background of your 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" />
OUTPUT
Read more about 9patch here.
Here's a great online tool to generate 9 patch shadow.
这篇关于在 Android Studio 中在 EditText 的所有四个边上投下阴影的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!