2013-12-12 18 views
1

我正在嘗試在EditText的內部邊界內創建一個像陰影一樣的漸變。這是我所取得的成就: - enter image description here如何將內部淡入像陰影在edittext?

我已經用了兩個EditText上這些XML的,但我們關注的只是上面: -

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

+0

給包含您的edittext的佈局填充 – Piyush

+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> 

我知道這仍然沒有達到你正在尋找的結果,但有人可能會得到啓發如何使用漸變屬性解決。