android - Android 按钮边框阴影

Question

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

Answer 1

你可以试试。我在我的项目中使用它。我给按钮的右侧和底部边框提供阴影。

按钮 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 2

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

btn_normal.9.png：

btn_pressed.9.png：

btn_focused.9.png：

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 3

这是我发现并可以提供帮助的 blob 帖子。它只能在相对布局中工作。创建一个与您的按钮大小相同的 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>

将阴影创建为可绘制对象 (drop_shadow.xml)：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android=”http://schemas.android.com/apk/res/android”&gt;    
    <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。这应该部分完成。