Question

Button视图中的Shadow属性为文本提供阴影。如何为按钮的右下边框提供阴影？如下图所示：

enter image description here

Answer 1

尝试使用选择器制作自己的按钮9补丁图像：

btn_normal.9.png ： Normal

btn_pressed.9.png ： Pressed

btn_focused.9.png ： Focused

<强> btn_selector.xml ：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@drawable/btn_focused" />
    <item android:state_focused="true" android:drawable="@drawable/btn_focused" />
    <item android:state_pressed="true" android:drawable="@drawable/btn_pressed" />
    <item android:drawable="@drawable/btn_normal" />
</selector>

并在按钮的属性中添加android:background="@drawable/btn_selector"。

Answer 2

你可以尝试一下。我在我的项目中使用它。我给Button的右边和下边框赋予阴影。

按钮xml

<Button
      android:id="@+id/buttonSignIn"
      android:layout_width="fill_parent"
      android:layout_height="50dp"
      android:background="@drawable/button_dropshadow"
      android:textColor="000000"
      android:text="Sign In" />

在可绘制文件中添加button_dropshadow.xml

<?xml version="1.0" encoding="utf-8"?>
<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" />
                <solid android:color="#000000" />
            </shape>
        </item>
        <item android:bottom="2dp" android:right="2dp">
            <shape>
                <gradient android:angle="270" 
                    android:endColor="#ffffff" android:startColor="#ffffff" />
                <stroke android:width="1dp" android:color="#000000" />
                <corners android:radius="4dp" />
                <padding android:bottom="10dp" android:left="10dp" 
                    android:right="10dp" android:top="10dp" />
            </shape>
        </item>
    </layer-list>
</item>

</selector>

谢谢。

Answer 3

Here是我发现并可以提供帮助的blob帖子。它只能在RelativeLayout中使用。创建一个与按钮大小相同的View组件，并将其放在下面：

<Button
    android:id="+@id\my_button"
    android:layout_below="@id/some_layout_item"
    android:layout_width="100dp"
    android:layout_height="5dp"
    >
</Button>
<View
    android:layout_below="@id/my_button"
    android:layout_width="100dp"
    android:layout_height="5dp"
    android:background="@drawable/drop_shadow"
    >
</View>

将阴影创建为drawable（drop_shadow.xml）：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android=”http://schemas.android.com/apk/res/android”>    
    <gradient
        android:startColor="@color/cream_dark"
        android:endColor="@color/cream"
        android:angle="270"
        >
    </gradient>
</shape>

Answer 4

我的按钮背景设置如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient
     android:startColor="@android:color/holo_green_dark"
     android:endColor="@android:color/holo_green_light"
     android:angle="90">
   </gradient>
     <stroke
     android:width="1px"
     android:color="@android:color/darker_gray" />
</shape>

阴影的效果可以通过在原始按钮形状下添加第二个形状，将其颜色更改为较暗的颜色（黑色或灰色）来完成。但阴影的形状应与按钮的形状相同。

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

     <solid android:color="@android:color/darker_gray"/>

 </shape>

要重叠不同的项目，我们必须使用“图层列表”资源并包含以前的形状。阴影应该出现在第一个位置，然后是原始按钮，有一些位移。在这个例子中，我们在按钮底部创建阴影，偏移量为4px。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
   <item android:drawable="@drawable/shadow"/>
   <item
     android:drawable="@drawable/button"
     android:bottom="4px" 
     android:right="4px"
     />  
 </layer-list>

现在将按钮的背景设置为layerlist drawable。这应该部分地完成。

Android按钮边框阴影

4 个答案: