如何解决如何在 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。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。