V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
sciel
V2EX  ›  程序员

请问 MUI button 组件的点击涟漪效果是如何实现的呢?有哪位大佬能写个 demo 么 ^_^

  •  
  •   sciel · 2022-03-15 09:39:45 +08:00 · 1888 次点击
    这是一个创建于 987 天前的主题,其中的信息可能已经有所发展或是发生改变。
    5 条回复    2022-03-15 12:09:01 +08:00
    BingoXuan
        1
    BingoXuan  
       2022-03-15 09:51:06 +08:00   ❤️ 1
    sciel
        2
    sciel  
    OP
       2022-03-15 09:54:29 +08:00
    @BingoXuan 多谢~
    efaun
        3
    efaun  
       2022-03-15 09:56:12 +08:00
    这不是 react 自带的效果吗, rn 上我知道是 touchablenativefeedback
    ChefIsAwesome
        4
    ChefIsAwesome  
       2022-03-15 10:26:50 +08:00
    我之前试过的方法是:点击的时候在目标元素上面画一个涟漪。不难,无非是计算下目标的位置和大小。好处是这个效果是后加的,任何可点击目标都可以有,不用动他们的 html 结构。坏处是如果点击之后目标移动了,比方讲点了之后有动画,那这个涟漪不会跟着动,不好处理。
    sakuraSou
        5
    sakuraSou  
       2022-03-15 12:09:01 +08:00 via iPhone
    点击的时候用伪元素生成,borderradius
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3504 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 10:52 · PVG 18:52 · LAX 02:52 · JFK 05:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.