如何使用形状和图层来获得渐变边缘？

Question

我想创建一个带有实心填充和边缘的搜索栏。我想要一个小的渐变映射。

我接近的唯一解决方案是边缘的纯色和笔触。 但是那个笔画不能附加一个渐变图，或者它可以吗？我可以在我已经拥有的那个旁边画第二个第三和第四个笔画吗？

我的代码：

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:id="@android:id/background" >
            <shape>
                <corners android:radius="10dip"/>
                <solid android:color="#5fbcff" />
                <stroke android:width="2px" android:color="#9bd0f7" />
                <padding android:left="2px" android:top="2px" android:right="2px" android:bottom="2px" />
            </shape>

        </item>
        <item android:id="@android:id/progress" >
            <clip android:clipOrientation="vertical" android:gravity="bottom" >
                <shape>
                    <corners android:radius="10dip"/>
                    <solid android:color="#f0f0f0" />
                    <stroke android:width="1px" android:color="#9bd0f7" />
                    <padding android:left="1px" android:top="1px" android:right="1px" android:bottom="1px" />
                </shape>
            </clip>
        </item>
    </layer-list>

以下是我希望它如何展示以及我现在如何拥有它的链接：Link