自定义可绘制对象 xml 的涟漪效应?
Ripple Effect with custom drawable xml?
我需要为所有控件添加波纹效果以增加应用程序的活力。由于我的最低 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 自定义可绘制背景?我不想用框架布局或任何其他布局包装控件..
还有其他办法吗?
等待回复,提前致谢
使用前景功能,实现可点击和可聚焦。
<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"/>
我需要为所有控件添加波纹效果以增加应用程序的活力。由于我的最低 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 自定义可绘制背景?我不想用框架布局或任何其他布局包装控件.. 还有其他办法吗?
等待回复,提前致谢
使用前景功能,实现可点击和可聚焦。
<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"/>