文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android 自定义view实现水波纹动画效果

2023-05-31 14:04

关注

在实际的开发中,很多时候还会遇到相对比较复杂的需求,比如产品妹纸或UI妹纸在哪看了个让人兴奋的效果,兴致高昂的来找你,看了之后目的很明确,当然就是希望你能给她;

在这样的关键时候,身子板就一定得硬了,可千万别说不行,爷们儿怎么能说不行呢;

好了,为了让大家都能给妹纸们想要的,后面会逐渐分享一些比较比较不错的效果,目的只有一个,通过自定义view实现我们所能实现的动效;

今天主要分享水波纹效果:

标准正余弦水波纹;

非标准圆形液柱水波纹;

虽说都是水波纹,但两者在实现上差异是比较大的,一个通过正余弦函数模拟水波纹效果,另外一个会运用到图像的混合模式(PorterDuffXfermode);

先看效果:   

Android 自定义view实现水波纹动画效果       Android 自定义view实现水波纹动画效果                                       

自定义View根据实际情况可以选择继承自View、TextView、ImageView或其他,我们先只需要了解如何利用Android给我们提供好的利刃去满足UI妹纸;

这次的实现我们都选择继承view,在实现的过程中我们需要关注如下几个方法:

onMeasure():最先回调,用于控件的测量;

onSizeChanged():在onMeasure后面回调,可以拿到view的宽高等数据,在横竖屏切换时也会回调;

onDraw():真正的绘制部分,绘制的代码都写到这里面;

既然如此,我们先复写这三个方法,然后来实现如上两个效果;

一:标准正余弦水波纹

这种水波纹可以用具体函数模拟出具体的轨迹,所以思路基本如下:

确定水波函数方程

根据函数方程得出每一个波纹上点的坐标;

将水波进行平移,即将水波上的点不断的移动;

不断的重新绘制,生成动态水波纹;

有了上面的思路,我们一步一步进行实现:

正余弦函数方程为:

y = Asin(wx+b)+h ,这个公式里:w影响周期,A影响振幅,h影响y位置,b为初相;

根据上面的方程选取自己觉得中意的波纹效果,确定对应参数的取值;

然后根据确定好的方程得出所有的方程上y的数值,并将所有y值保存在数组里:

// 将周期定为view总宽度 mCycleFactorW = (float) (2 * Math.PI / mTotalWidth); // 根据view总宽度得出所有对应的y值 for (int i = 0; i < mTotalWidth; i++) {  mYPositions[i] = (float) (STRETCH_FACTOR_A * Math.sin(mCycleFactorW * i) + OFFSET_Y); }

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 资料下载
  • 历年真题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯