如何提供阴影按钮

Question

正如你可以看到图片，我想Button背后的阴影。我创建了带圆角的Button。但问题是我无法在该Button后面生成一个影子。我怎样才能做到这一点？

Answer 1

使用这种方法来获得你想要的样子。
button_selector.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item> 
    <layer-list> 
     <item android:right="5dp" android:top="5dp"> 
      <shape> 
       <corners android:radius="3dp" /> 
       <solid android:color="#D6D6D6" /> 
      </shape> 
     </item> 
     <item android:bottom="2dp" android:left="2dp"> 
      <shape> 
       <gradient android:angle="270" 
        android:endColor="#E2E2E2" android:startColor="#BABABA" /> 
       <stroke android:width="1dp" android:color="#BABABA" /> 
       <corners android:radius="4dp" /> 
       <padding android:bottom="10dp" android:left="10dp" 
        android:right="10dp" android:top="10dp" /> 
      </shape> 
     </item> 
    </layer-list> 
</item> 

</selector> 

而在你的XML布局：

<Button 
    android:background="@drawable/button_selector" 
    ... 
    .. 
/> 

Answer 2

试试这个，如果这对你的作品

android:background="@drawable/drop_shadow" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:paddingLeft="3dp" 
     android:paddingTop="3dp" 
     android:paddingRight="4dp" 
     android:paddingBottom="5dp" 

Answer 3

为Android 5.0版以上&

尝试Elevation其它视图..

android:elevation="10dp" 

对于按钮，

android:stateListAnimator="@anim/button_state_list_animator" 

button_state_list_animator.xml - https://android.googlesource.com/platform/frameworks/base/+/master/core/res/res/anim/button_state_list_anim_material.xml

低于5.0版本，

对于所有视图，

android:background="@android:drawable/dialog_holo_light_frame" 

我的输出：

Answer 4

如果你的目标前棒棒堂的设备，你可以使用Shadow-Layout，因为它容易，你可以在不同类型的布局使用它。

添加阴影布局到您的摇篮文件：

dependencies { 
    compile 'com.github.dmytrodanylyk.shadow-layout:library:1.0.1' 
} 

顶部的XML布局，你有你的按钮，添加到顶部：

xmlns:app="http://schemas.android.com/apk/res-auto" 

它将提供自定义属性。

然后你把一个布局的影子在你身边按钮：

<com.dd.ShadowLayout 
     android:layout_marginTop="16dp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     app:sl_shadowRadius="4dp" 
     app:sl_shadowColor="#AA000000" 
     app:sl_dx="0dp" 
     app:sl_dy="0dp" 
     app:sl_cornerRadius="56dp"> 

     <YourButton 
      .... /> 

</com.dd.ShadowLayout> 

然后，您可以调整的app:设置，以符合您的要求的影子。

希望它有帮助。

Answer 5

我已经尝试了上面的代码，并创建了自己的影子，它与我正在尝试实现的目标稍微接近。也许它也会帮助别人。

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <layer-list> 
      <item android:left="5dp" android:top="5dp"> 
       <shape> 
        <corners android:radius="3dp" /> 
        <gradient 
         android:angle="315" 
         android:endColor="@android:color/transparent" 
         android:startColor="@android:color/black" 
         android:type="radial" 
         android:centerX="0.55" 
         android:centerY="0" 
         android:gradientRadius="300"/> 
        <padding android:bottom="1dp" android:left="0dp" android:right="3dp" android:top="0dp" /> 
       </shape> 
      </item> 
      <item android:bottom="2dp" android:left="3dp"> 
       <shape> 
        <corners android:radius="1dp" /> 
        <solid android:color="@color/colorPrimary" /> 


       </shape> 
      </item> 
     </layer-list> 
    </item> 

</selector> 

Answer 6

这里是下drawable文件夹

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="false"> 
     <layer-list> 
      <!-- SHADOW --> 
      <item> 
       <shape> 
        <solid android:color="@color/red_400"/> 
        <!-- alttan gölge --> 
        <corners android:radius="19dp"/> 
       </shape> 
      </item> 
      <!-- BUTTON alttan gölge 
       android:right="5px" to make it round--> 
      <item 
       android:bottom="5px" 
       > 
       <shape> 
        <padding android:bottom="5dp"/> 
        <gradient 
         android:startColor="#1c4985" 
         android:endColor="#163969" 
         android:angle="270" /> 
        <corners 
         android:radius="19dp"/> 
        <padding 
         android:left="10dp" 
         android:top="10dp" 
         android:right="5dp" 
         android:bottom="10dp"/> 
       </shape> 
      </item> 
     </layer-list> 
    </item> 

    <item android:state_pressed="true"> 
     <layer-list> 
      <!-- SHADOW --> 
      <item> 
       <shape> 
        <solid android:color="#102746"/> 
        <corners android:radius="19dp"/> 

       </shape> 
      </item> 
      <!-- BUTTON --> 
      <item android:bottom="5px"> 
       <shape> 
        <padding android:bottom="5dp"/> 
        <gradient 
         android:startColor="#1c4985" 
         android:endColor="#163969" 
         android:angle="270" /> 
        <corners 
         android:radius="19dp"/> 
        <padding 
         android:left="10dp" 
         android:top="10dp" 
         android:right="5dp" 
         android:bottom="10dp"/> 
       </shape> 
      </item> 
     </layer-list> 
    </item> 
</selector> 

如何使用我的阴影cw_button_shadow.xml按钮。在按钮XML，你可以调整你的身高和体重

<Button 
       android:text="+ add friends" 
       android:layout_width="120dp" 
       android:layout_height="40dp" 
       android:background="@drawable/cw_button_shadow" /> 

Answer 7

你可以试试这个：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:state_pressed="true"> 
<layer-list> 
     <item android:left="1dp" android:top="3dp"> 
      <shape> 
       <solid android:color="#a5040d" /> 
       <corners android:radius="3dip"/> 
      </shape> 
     </item> 
    </layer-list> 
    </item> 
<item> 
    <layer-list> 
     <item android:left="0dp" android:top="0dp"> 
      <shape> 
        <solid android:color="#99080d" /> 
       <corners android:radius="3dip"/> 
      </shape> 
     </item> 
     <item android:bottom="3dp" android:right="2dp"> 
      <shape> 
       <solid android:color="#a5040d" /> 
       <corners android:radius="3dip"/> 
      </shape> 
     </item> 
    </layer-list> 
</item> 

Answer 8

Sample 9 patch image with shadow

一个大量的研究后，我找到了一个简单的方法。

创建一个9补丁图像并将其应用为按钮或任何其他视图的背景。

使用此website，您可以使用阴影创建9个修补图像。

将9补丁图像放入您的可绘制目录中，并将其应用为按钮的背景。

mButton.setBackground(ContextCompat.getDrawable(mContext, R.drawable.your_9_patch_image);