使用自定义可绘制xml的波纹效果?

时间:2017-05-22 07:00:40

标签: android xml-drawable rippledrawable

我需要为所有控件添加涟漪效果,以便为应用程序添加活力。由于我的最低api级别为18,所以我无法在drawable xml中使用<ripple>。此外,我的所有控件都可以自定义绘制为XML。

我的自定义抽屉控件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <padding
                android:bottom="2dp"
                android:left="2dp"
                android:right="2dp"
                android:top="2dp"/>
            <solid android:color="@color/border1"/>
        </shape>
    </item>
    <item>
        <shape>
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp"/>
            <corners android:radius="15dp"/>
            <solid android:color="@color/border2"/>
        </shape>
    </item>
    <item>
        <shape>
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp"/>
            <corners android:radius="15dp"/>
            <solid android:color="@color/border3"/>
        </shape>
    </item>
    <item>
        <shape>
            <padding
                android:bottom="2dp"
                android:left="2dp"
                android:right="2dp"
                android:top="2dp"/>
            <corners android:radius="15dp"/>
            <solid android:color="@color/border4"/>
        </shape>
    </item>
    <item>
        <shape>
            <padding
                android:bottom="2dp"
                android:left="2dp"
                android:right="2dp"
                android:top="2dp"/>
            <corners android:radius="15dp"/>
            <solid android:color="@color/border5"/>
        </shape>
    </item>

    <!-- Background -->
    <item>
        <shape>
            <solid android:color="@color/menu_bg"/>
            <corners android:radius="15dp"/>
        </shape>
    </item>
</layer-list>

如果我使用android:background="?attr/selectableItemBackgroundBorderless"来控制涟漪效果效果很好。但问题是,我有所有控件的自定义背景,所以我无法使用attr / selectableItemBackgroundBorderless。

如何使用自定义可绘制背景的attr / selectableItemBackgroundBorderless?我不想用框架布局或任何其他布局包装控件.. 还有其他办法吗?

等待回复,提前致谢

1 个答案:

答案 0 :(得分:5)

使用前景功能,使可点击和可聚焦为真。

<Button
   android:layout_width="match_parent"
   android:layout_height="wrap_content"                             
   android:background="@drawable/custom_button_disable_fill"
   android:foreground="?android:attr/selectableItemBackground"
   android:text="Login"
   android:saveEnabled="true"
   android:focusable="true"
   android:textAllCaps="false"
   android:textColor="@color/black_bold_medium"
   android:textSize="@dimen/text_large"
   app:font_name="@string/sourcesanspro_semi_bold"/>