附:按压水波纹效果 【Android基础学习】

附 【Android基础学习】

前言

以下内容源自《【Android】》
仅供学习交流使用

版权

禁止其他平台发布时删除以下此话
本文首次发布于CSDN平台
作者是CSDN@日星月云
博客主页是https://jsss-1.blog.csdn.net
禁止其他平台发布时删除以上此话

推荐

【天哥】Android开发视频教程最新版 Android Studio开发

图片资源来自:
https://github.com/jinjungle/skypan-yes-code

开源

日星月云 / 安卓基础学习https://gitee.com/jsss-1/android-basic-learning
jsss-1 / android-basic-learninghttps://github.com/jsss-1/android-basic-learning

如果是直角的

android:background="#06CD5D"
android:foreground="?selectableItemBackground"

TextView 代码如下

    <TextView
        android:id="@+id/tv_login"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginStart="40dp"
        android:layout_marginTop="80dp"
        android:layout_marginEnd="40dp"
        android:background="#06CD5D"
        android:foreground="?selectableItemBackground"
        android:elevation="8dp"
        android:gravity="center"
        android:text="微信登录"
        android:textColor="@color/colorWhite"
        android:textSize="18sp" />

如果按钮是圆角的
这样的效果按压纹是直角的

    <TextView
        android:id="@+id/tv_login"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginStart="40dp"
        android:layout_marginTop="80dp"
        android:layout_marginEnd="40dp"
        android:background="@drawable/btn_green_round"
        android:foreground="?selectableItemBackground"
        android:elevation="8dp"
        android:gravity="center"
        android:text="微信登录"
        android:textColor="@color/colorWhite"
        android:textSize="18sp" />


btn_green_round.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#06CD5D" />
    <corners android:radius="25dp" />
</shape>

如果想要圆角按钮,按压纹也是圆角的话。
需要ripple标签:水波纹效果

ripple_btn_wechat.xml

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

TextView 代码如下:

    <TextView
        android:id="@+id/tv_login"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginStart="40dp"
        android:layout_marginTop="80dp"
        android:layout_marginEnd="40dp"
        android:background="@drawable/ripple_btn_wechat"
        android:elevation="8dp"
        android:gravity="center"
        android:text="微信登录"
        android:textColor="@color/colorWhite"
        android:textSize="18sp" />

WaveActivity
btn_green_round.xml
ripple_btn_wechat.xml
activity_wave.xml

2024-6-11 21:27:20

最后

2024-6-11 21:27:20

迎着日光月光星光,直面风霜雨霜雪霜。

猜你喜欢

转载自blog.csdn.net/qq_51625007/article/details/140442229