如何在edittext中放置像阴影一样的内在褪色?

时间:2013-12-12 07:56:22

标签: android android-layout layer-list

我试图在EditText的内部边界内创建一个类似渐暗的阴影。这是我取得的成就: - enter image description here

这些xml我已用于EditText,但我们只关注上述内容: -

username_shape.xml     

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

        <corners
            android:topLeftRadius="7dp"
            android:topRightRadius="7dp" />
    </shape>
</item>

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

        <corners
            android:topLeftRadius="10dp"
            android:topRightRadius="10dp" />
    </shape>
</item>

password_shape.xml     

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

            <corners
                android:bottomLeftRadius="7dp"
                android:bottomRightRadius="7dp" />
        </shape>
    </item>

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

            <corners
                android:bottomLeftRadius="10dp"
                android:bottomRightRadius="10dp" />
        </shape>
    </item>

</layer-list>

我希望达到如下图所示的效果。请注意内部阴影(不介意蓝色背景)。它正在逐渐消失。这就是我想要实现的目标。 enter image description here

1 个答案:

答案 0 :(得分:1)

虽然这个问题已经有将近一年的历史了,但我正在寻找类似的东西,但仍然无法找到一个“褪色”的例子。阴影。我最接近的是对用于阴影的项目应用渐变,类似于

  <item>
    <shape android:shape="rectangle" >
        <gradient
        android:startColor="#ef4444"
        android:endColor="#992f2f"
        android:angle="270" />

        <corners
            android:bottomLeftRadius="7dp"
            android:bottomRightRadius="7dp" />
    </shape>
</item>

我知道这仍然无法达到你想要的结果,但有人可能会受到如何使用渐变属性解决的启发。