如何在Android中实现超出按钮边界、圆角更小的涟漪效果？

完全可以实现你要的效果——让涟漪的圆角小于按钮，同时允许涟漪超出按钮边界。核心思路是将按钮的可视外观与涟漪效果分离，用一个容器承载涟漪，按钮只负责展示自身的圆角背景，这样涟漪就能不受按钮边界限制扩散。

实现步骤： #

1. 定义按钮的可视背景（button_bg.xml）

这个drawable保留你原本想要的按钮外观（大圆角、填充色、边框）：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="100dp" /> <!-- 按钮的大圆角 -->
    <solid android:color="#1BFF1E" />
    <stroke android:width="10dp" android:color="#FF0000" />
</shape>

2. 定义独立的涟漪效果（ripple_effect.xml）

这里单独设置涟漪的圆角（比按钮小），并且不绑定按钮的边界：

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#005DFF">
    <!-- 用shape限定涟漪的圆角形状，圆角半径小于按钮 -->
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="50dp" /> <!-- 涟漪的小圆角 -->
            <solid android:color="@android:color/transparent" /> <!-- 仅作为形状掩码，不显示颜色 -->
        </shape>
    </item>
</ripple>

3. 布局结构设计

用一个尺寸略大于按钮的FrameLayout作为涟漪的载体，按钮居中放置在容器内：

<FrameLayout
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:background="@drawable/ripple_effect"
    android:layout_column="1"
    android:layout_row="0">

    <Button
        android:id="@+id/test"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:background="@drawable/button_bg"
        android:text="button" />
</FrameLayout>

效果说明： #

• FrameLayout的尺寸比按钮大，涟漪会在整个容器范围内扩散，自然超出按钮的可视边界。
• 涟漪的圆角由ripple_effect.xml里的shape控制，设置为比按钮更小的半径即可实现需求。
• 按钮本身的外观完全保留，点击时的涟漪效果会从点击位置开始，以更小的圆角向外扩散并超出按钮。

内容的提问来源于stack exchange，提问作者user21603351