You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Kotlin中为Android按钮添加指定样式的阴影效果?

实现该样式按钮的几种方案

方案一:使用Material Button(推荐)

Material Button原生支持圆角、图标配置、背景渐变,无需额外自定义View,直接通过属性配置即可实现需求:

  1. 先确保项目依赖Material组件,在模块级build.gradle中添加:
implementation 'com.google.android.material:material:1.9.0'
  1. 在布局文件中使用MaterialButton:
<com.google.android.material.button.MaterialButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="立即体验"
    android:textColor="#FFFFFF"
    android:textSize="16sp"
    app:cornerRadius="24dp"
    app:icon="@drawable/ic_your_icon"
    app:iconGravity="start"
    app:iconPadding="8dp"
    app:backgroundTint="@drawable/button_gradient" />
  1. 创建渐变背景的drawable文件res/drawable/button_gradient.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#FF6B81"
        android:endColor="#FF4D67"
        android:angle="0" />
    <corners android:radius="24dp" />
</shape>

方案二:普通Button+自定义背景

如果不依赖Material组件,可通过普通Button配合XML背景实现:

  1. 创建按钮背景res/drawable/button_bg.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#FF6B81"
        android:endColor="#FF4D67"
        android:angle="0" />
    <corners android:radius="24dp" />
    <padding
        android:left="16dp"
        android:top="12dp"
        android:right="16dp"
        android:bottom="12dp" />
</shape>
  1. 布局中使用普通Button并配置图标:
<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="立即体验"
    android:textColor="#FFFFFF"
    android:textSize="16sp"
    android:background="@drawable/button_bg"
    android:drawableLeft="@drawable/ic_your_icon"
    android:drawablePadding="8dp" />

补充提示

  • 图标需替换为项目内的资源文件,可通过android:drawableSize调整图标大小适配按钮
  • 渐变颜色、圆角半径可根据设计需求修改对应数值
  • 如需添加点击态效果,可将背景改为<selector>,分别配置正常、按下状态的背景样式

内容的提问来源于stack exchange,提问作者Zos

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 13:32:19