【三角函数之美-水波纹载入LoadingView】的更多相关文章

三角函数之美-水波纹载入LoadingView

一.前言 学习是要总结的.近期几天学习了画图相关的,可是使用的机会较少,如今又快要遗忘了,这次看了水波纹的绘制.认为十分有意思,还是 把实现的方法记录下来.技术无他,为手熟尔.还是要多练习,空淡误国,实干兴邦,让我们看看今天的三角函数之美吧. 二.概述 肯定大家对中学学习的三角函数都不陌生吧.只是学习的sin.cos是超越函数一类函数.是初等函数的一种,借用维基百科的一张图:         一个完整的正弦函数应该是这种:>y=Asin(ωx+φ)+h,A决定峰值,ω决定周期.φ表示初相位,h表…

手把手教你画一个 逼格满满圆形水波纹loadingview Android

才没有完结呢o(￣︶￣)n .大家好,这里是番外篇. 拜读了爱哥的博客,又学到不少东西.爱哥曾经说过: 要站在巨人的丁丁上. 那么今天,我们就站在爱哥的丁丁上来学习制作一款自定义view(开个玩笑,爱哥看到别打我). 上一篇 带领大家做了一款炫酷的loading动画view 手把手带你做一个超炫酷loading成功动画view  不知道大家跟着做了一遍没有呢? 在开始之前,首先来说说预备知识,这些知识在爱哥的博客上都有详细的介绍:点我进入爱哥自定义view系列 效果图如下:  应用场景很多..比…

OC语言编写：为视图添加丝滑的水波纹

先看一下最终效果图: 首先我们可以把如此丝滑的水波纹拆分一下下: 一条规律的曲线. 曲线匀速向右移动. 曲线下方的位置用颜色填充. 于是先来一条曲线吧. 对于需要产生波动如此规律的曲线,我们首先想到的应该就是三角函数了. 例如我们熟悉的正弦曲线: 及其公式: f(x) = Asin(ωx+φ)+k 而SDK也为我们提供了这个正弦函数: extern double sin(double); 于是乎通过一个循环就能轻易地获取到这条曲线了: CGFloat y = 0.f; for (CGFloat…

android 5.0 默认水波纹背景属性,可设置不论什么View

actionBarItemBackground   5.0以上超出边界圆形水波纹 selectableItemBackground  5.0以上边界内圆形水波纹 这两个属性在5.0下面是默认的灰色效果,个人认为也非常唯美 使用方法 android:background="?android:attr/actionBarItemBackground" android:background="?android:attr/selectableItemBackground"…

jquery ripples水波纹效果( 涟漪效果)

这个效果是我从bootstrap-material-design上面分离下来的,bootstrap-material-design的一些组件样式我不太不喜欢,但是非常喜欢这个水波纹效果,所以就有了这篇文章: 先上效果图: 点击按钮后,会有一道波纹扩散开来 下面是资源地址:http://pan.baidu.com/s/1pL6LGBh 提取密码: 7y6x 就两文件: 下面是使用教程: 第一步:引入rippels.css 和rippels.js <link rel="stylesheet&q…

如何使用 HTML5 Canvas 制作水波纹效果

今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果.水波效果以图片为背景,点击图片任意位置都会触发.有时候,我们使用普通的 Javascript 就可以创建一个很有趣的解决功能. 在线演示      源码下载 Step 1. HTML 和以前一样,首先是 HTML 代码: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title…

兼容Android的水波纹效果

Android的水波纹效果只有高版本才有,我们希望自己的应用在低版本用低版本的阴影,高版本用水波纹,这怎么做呢?其实,只要分drawable和drawablev21两个文件夹就好了. 普通情况下的selector: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"&…

android自定义控件(4)-自定义水波纹效果

一.实现单击出现水波纹单圈效果: 照例来说,还是一个自定义控件,观察这个效果,发现应该需要重写onTouchEvent和onDraw方法,通过在onTouchEvent中获取触摸的坐标,然后以这个坐标值为圆心来绘制我们需要的图形,这个绘制过程就是调用的onDraw方法. 1.新建一个工程,定义一个WaterWave的类,继承自View,作为一个自定义控件:在清单文件中将这个自定义控件写出来,直接填满父窗体. 2.在WaterWave类中,实现它的两参构造函数: package com.examp…

android 5.0 水波纹 实现

1. 定义一个普通圆角背景的xml; rounded_corners.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#F…

VC_MFC水波纹控件，开源

代码和效果图: https://github.com/wjx0912/MfcWaterEffect 集成以下5个文件即可: watereffect\DIB.hwatereffect\DIB.cppwatereffect\stdex_vector.hwatereffect\WaterEffect.hwatereffect\WaterEffect.cpp 使用说明: 资源文件里面添加位图例如IDB_BITMAP_TEST,然后在OnInitDialog()添加水波纹初始化代码,以及OnTimer()…