Android L波纹触控效果如何？

Posted 2023-01-19

我有一个带有高程的圆角矩形投射阴影，就像这里的例子：http://developer.android.com/preview/material/views-shadows.html#shadows

这是我的形状：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/white" />
    <corners android:radius="6dp" />
</shape>

我希望获得其他所有内容的漂亮“涟漪”触摸效果，但是如果将其设置为视图的背景，则不会给出触摸反馈。形状保持白色。

所以，我把它变成了layer-list：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid android:color="@android:color/white" />
            <corners android:radius="6dp" />
        </shape>
    </item>
    <item android:drawable="?android:selectableItemBackground" />
</layer-list>

现在，当我点击它时，我得到了很好的触摸反馈，但是有一个问题。

圆角矩形的轮廓丢失了。它仍然可以将白色圆角矩形绘制得很精细，但是阴影会被渲染为非圆角矩形（方形边缘），并且波纹会一直延伸到角落之外：

它在这里看起来并不太可怕，但在设备上它非常丑陋和令人反感。

有没有办法来解决这个问题？第一个链接的Outline部分似乎是我想要的，但我无法弄清楚如何实现它。

答案

试试那个：

ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple android:color="@color/COLOR_WHILE_PRESSING" xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:drawable="@drawable/background"></item>
</ripple>

background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <solid android:color="@color/BACKGROUND_COLOR" />
 <corners android:radius="6dp" />
</shape>

或许这篇文章可以帮到你：Android L FAB Button shadow

我在那里解释过，如何实现新的FAB按钮，我也使用了大纲。

另一答案

click here获取完整的源代码

在drawable文件夹中创建button.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/colorPrimaryDark"/>
    <item android:drawable="@color/colorPrimary"/>
</selector>

在drawable-v21文件夹中创建button.xml

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item android:drawable="@color/colorPrimary" />
</ripple>

您可以将button.xml设置为视图的背景。

<TextView android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    android:background="@drawable/button"
    android:clickable="true"
    android:gravity="center"
    android:padding="16dp"
    android:text="Android Ripple Effect Custom"
    android:textColor="#fff"
    android:textSize="18sp" />

如果你想为涟漪效果而不是默认灰色自定义颜色，那么你可以通过在你的风格中添加colorControlHighlight来存档它。

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="colorControlHighlight">@color/colorPrimaryDark</item>
    </style>

</resources>

另一答案

<RelativeLayout
 android:foreground="?android:attr/selectableItemBackground">
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
</RelativeLayout>

另一答案

android studio中的波纹触摸效果按钮

       <com.xgc1986.ripplebutton.widget.RippleButton
        android:id="@+id/Summit"
        android:layout_width="260dp"
        android:layout_height="50dp"
        android:text="Login"
        android:textColor="@color/white"
        android:textStyle="bold"
        app:buttonColor="@color/Button"
        app:rippleColor="@color/white" />

如需更多参考，请点击此处http://androiddhina.blogspot.in/2015/04/android-ripple-touch-effect-example.html

另一答案

这是ripple和layer-list。

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/colorRipple">
<item>
    <layer-list>
        <item>
            <shape android:shape="rectangle">
                <solid android:color="#349F37" />
                <corners android:radius="6dp" />
                <stroke
                    android:width="2dp"
                    android:color="#50E751" />
            </shape>
        </item>
    </layer-list>
</item>

</ripple>