向EditText字段添加阴影效果

时间:2012-06-01 12:56:00

标签: android xml android-edittext effects dropshadow

我正在尝试设计一个 EditText Field ,其中包含阴影(底部和右侧)

enter image description here

尝试谷歌搜索&他们讨论了许多SO讨论,但都是针对TextView而不是EditText。

这是我的代码,它将阴影添加到输入文本,但不添加到TextField

<EditText android:id="@+id/txtpin" 
        android:maxLength="4" 
        android:layout_marginLeft="10dp" 
        android:layout_height="37dp" 
        android:gravity="center_horizontal" 
        android:inputType="textPassword" 
        android:longClickable="false" 
        android:layout_width="160dp" 

        android:shadowColor="@color/Black"
        android:shadowDx="1.2"
        android:shadowDy="1.2"
        android:shadowRadius="1.5" 

        android:background="@color/White">
            <requestFocus></requestFocus>
        </EditText>

我想它需要一些自定义的xml视图在drawable中,但没有得到确切的想法。 实现这一目标的逻辑是什么。

任何帮助都将不胜感激。

3 个答案:

答案 0 :(得分:24)

嗯.. @ Shalini的答案以这种方式帮助了我,但我仍然有另一种方法来使用EditText Field实现2D阴影,我将与你分享。

  

我们需要为EditText创建三层自定义XML视图,   底影和右侧阴影

以下是我的代码。

RES /抽拉/ edittext_shadow.xml

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

<!-- most important is order of layers -->

    <!-- Bottom right side 2dp Shadow -->
    <item >
        <shape android:shape="rectangle">
            <solid android:color="#000000" />           
        </shape>
    </item>

    <!-- Bottom 2dp Shadow -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#000000" />   
        </shape>
    </item>

    <!-- White Top color -->
    <item android:bottom="3px" android:right="3px">
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />           
        </shape>
    </item> 
</layer-list>

现在我们可以使用“Background”属性

将此阴影视图设置为TextField 像这样

RES /布局/ main.xml中

<EditText android:layout_width="wrap_content" 
            android:id="@+id/txtpin"  
            android:maxLength="4" 
            android:layout_height="37dp" 
            android:gravity="center_horizontal" 
            android:longClickable="false" 
            android:padding="2dp"

            android:inputType="textPassword|number" 
            android:password="true" 
            android:background="@drawable/edittext_shadow" 
            android:layout_weight="0.98" 
            android:layout_marginLeft="15dp">
                <requestFocus></requestFocus>
   </EditText>

结果屏幕就像我上面发布的那样。

感谢SO,分享知识。

答案 1 :(得分:9)

这对我有用..

   <EditText 
       android:layout_width="fill_parent" 
       android:shadowRadius="2"  
       android:shadowColor="#0000ff"
       android:shadowDx="2"
       android:shadowDy="4" 
       android:id="@+id/EditText01" 
       android:layout_height="wrap_content" />

希望有所帮助:)

答案 2 :(得分:2)

Shadow Effect for a Text in Android?开始,您可能会考虑使用

android:shadowColor, 
android:shadowDx,
android:shadowDy,
android:shadowRadius;

可替换地:

setShadowLayer()