核心属性： background-attachment这个属性就牛逼了， 它可以定义背景图片是相对视口固定，还是随着视口滚动， 加上这个属性网页瞬间就从屌丝变成高大上。我们来看个例子：html: <div class="attach view"></div>
<div class="text view">I WANT FLY</div>
<d
当布局没有设置 background属性的时候给其布局中加入一下代码就是系统默认的水波纹效果比如在recyclerview的item布局中，或者其他任意布局中。android:background="?android:attr/selectableItemBackground"
android:clickable="true"
android:focusable="true"当UI
转载
2023-05-22 20:41:54
464阅读
有时候需要有一些动画效果，可以直接用css动画来实现。
原创
2022-08-29 23:14:46
1199阅读
这篇文章特别介绍如何使用CSS来完成水波纹的效果。div的层层叠叠虽然webkit具有遮罩的能力(webkit mask)，不过webkit虽然强大，但在跨浏览器上总是它的罩门，况且在性能上也是往往会造成困扰(这也是为什么chrome要这么吃资源了)，因此撇开webkit不谈，我们该用什么方法，才可以做出水波纹的效果呢？答案就是用“叠”的方式，这个水波纹效果的原理其实就是用六个div叠在一起，接着
前言水波纹特效，想必大家或多或少见过，在我的印象中，大致有如下几种：支付宝 "咻咻咻" 式流量球 "荡漾" 式真实的水波纹效果，基于Bitmap处理式话不多说，先来看看效果：填充式水波纹，间距相等非填充式水波纹，间距相等非填充式水波纹，间距不断变大填充式水波纹，间距不断变小想必大家已经知道基本的原理了，就是用Canvas来画嘛，但可不是简单的画哦，请往下看。分析这种类型的水波纹，其实无非就是画圆而
关于 button，textView，等点击效果API 21之前：
在drawable里建一个xml文件，里面写：<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
转载
2023-05-24 17:41:43
218阅读
关于按钮水波纹的点击效果，这个是我在这篇文章读到的。写得真心不错，我只是站在巨人的肩上而已。我加了一些注释，以至于我们更好的理解这篇不错的文章下面是主要源代码：public class RevealLayout extends LinearLayout implements Runnable
{
private Paint mPaint = new Paint(Paint.ANTI_ALIAS
前言在之前的博客android如何给整个视图view圆角显示中有提到过如何实现对View显示进行圆角裁剪，其原理其实也比较简单。这里先看看动画效果。View负责绘制显示的draw方法因为View的draw方法是负责View绘制显示的，并且它是负责整体显示的，包括View的背景，内容，以及子View的递归显示等，因此要使当前View以及它包含的子View也实现裁剪的效果，就需要重写draw方法，而不
这是我这个系列的目录，有兴趣的可以看下： android 动画系列 - 目录说波纹是动画其实是有点勉强的，应该叫波纹触摸反馈。废话不多说，先看看效果图，再细说：ezgif.com-video-to-gif.gif看着熟悉吧，一般人很少有提到 ripple 的，我也是偶然才看到这方面的资料的。ripple 是在5.0版本才提供的交互效果，本意是优化 android 体验，以抗衡IOS。看到5.0本能
Android自定义水波纹动画Layout源码是双11的时候就写好了，但是我觉得当天发不太好，所以推迟了几天，没想到过了双11女友就变成了前女友，桑心。唉不说了，来看看代码吧。展示效果Hi前辈话不多说，我们先来看看效果：这一张是《Hi前辈》的搜索预览图，你可以在这里下载这个APP查看更多效果：http://www.wandoujia.com/apps/com.superlity.hiqianbei
转载
2023-08-31 16:06:05
317阅读
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=n
转载
2016-09-15 11:58:00
504阅读
2评论
# 在 Android 中实现水波纹点击效果的教程
水波纹点击效果是一种常见的用户交互反馈，它不仅提升了用户体验，还使应用看起来更加现代化。在这篇文章中，我将指导你如何在 Android 应用中实现这一效果。我们将分步骤进行讲解，并提供详细的代码示例。
## 流程概述
在实现水波纹点击效果之前，我们首先需要了解整体流程。下面是实现该效果的基本步骤：
| 步骤编号 | 步骤描述
Android5.0后各种炫的效果纷纷出来，写这篇博客主要是讲的是按钮点击效果带有的水波纹(波浪式)。当然我写的这个是自定义来实现的，在低版本(5.0一下)也可以实现点击效果。看看效果图：上图可看出 点击有抖动效果和不抖动效果。布局代码：xmlns:ripple="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schema
需求如下，实现一个圆形水波纹，带进度，两层水波纹需要渐变显示，且外围有一个圆弧进度。思路外围圆弧进度：可以通过canvas.drawArc()实现。由于圆弧需要实现渐变，可以通过给画笔设置shader(SweepGradient)渲染，为了保证圆弧起始的颜色值始终一致，需要动态调整shader的参数。具体参见SweepGradient(centerX.toFloat(), centerY.toFl
转载
2023-10-24 00:49:16
260阅读
html <div class="point"></div> css .point,.point::before,.point::after { position: absolute;/*必须设置*/ margin-top: -22px; margin-left: 5px; width: 30px; ...
转载
2021-08-10 17:04:00
3075阅读
2评论
效果图镇楼一：先一步一步来分解一下实现的过程需要绘制一个正弦曲线(sin)或者余弦曲线(cos)通过水平平移曲线来的到像水波波动的效果水平移动的同时还需要有水位上涨，也就是向上平移裁剪画布为圆形，在圆形区域绘制曲线通过上面4步就可以实现了二：现在就来实现第一步，绘制一个sin曲线；这里画了一张图来帮助理解，在PhotoShop中我们绘制一个贝塞尔曲线可以清楚的看到它的控制点如图：&nb
在日常生活中，大家都曾用手机拍摄过电脑屏幕或其他电子屏，这时我们会发现，拍出来的照片会有像“水波纹”一样的图案，而且在我们缩小或放大图片的时候，波纹的形状也会发生变化，很大程度上影响拍摄的效果。今天，小翼就带大家一起探索“水波纹”的奥秘吧。第一种：显示器上的亮点或亮线这种情况是因为我们手机拍摄的快门频率超过了显示器的刷新频率。那么，刷新频率是什么呢？在物理单位上，我们把它叫做赫兹，比如说
转载
2023-08-07 12:21:08
312阅读
先来贴一下要实现的最终效果： 由于截图软件的原因所以上图看着有些卡，在实际中是比较流畅滴，下面开始来一步步实现它。特殊字体处理：新建工程，然后先来显示一下特殊字体，对于android中如何使用自定义字体这里不多赘述了，比较简单，先将字体文件放至到asserts目录当中： 然后新建一个自定义View，在新建之前需要针对这个效果进行一个思考：是直接继承View开搞么？当然是毫无
转载
2023-08-01 12:31:40
163阅读
# 实现Android点击水波纹效果教程
## 背景
作为一名经验丰富的开发者，我将教你如何在Android应用中实现点击水波纹效果。这是一种常见的交互动画效果，可以让用户在点击屏幕时有更直观的反馈。
## 教程流程
下面是整个实现点击水波纹效果的流程，我们将使用XML和Java代码完成。
```mermaid
classDiagram
点击 -> 水波纹效果
```
### 步骤
# Android按钮点击水波纹效果实现指南
## 介绍
在Android开发中，按钮点击水波纹效果可以提升用户体验，使按钮的交互更加直观和友好。本篇文章将指导你如何实现Android按钮点击水波纹效果。
## 整体流程
下面是实现Android按钮点击水波纹效果的整体流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 创建一个新的Android项目 |
| 2 | 在布
