资讯专栏INFORMATION COLUMN

Android 炫酷的多重水波纹 MultiWaveHeader

468122151 / 778人阅读

摘要:自去年第一次发布开源库以来,深刻的感受到了开源的乐趣。下载项目地址特性是一个可以高度定制每一条水波且随意增加水波数量的水波开源库。目前能搜索到的比较流行的水波开源库,如等目前看起来对水波本身的可定制程度不高,都是固定两条水波。

自去年第一次发布开源库 SmartRefreshLayout 以来,深刻的感受到了开源的乐趣。
所以打算以后开发过程中把一些自己实现的实用开源库也开源出来,供大家使用、讨论、升级。
MultiWaveHeader 便是第二个发布的开源库!先来看看下面的展示效果吧。

Demo

下载 APK-Demo

项目地址:
github.com/MultiWaveHeader

特性

MultiWaveHeader 是一个可以高度定制每一条水波、且随意增加水波数量的 Android 水波开源库。
从而通过使用者自己的创意定制,可以使用在不同的页面场景。
目前 github 能搜索到的比较流行的水波开源库,如:tangqi92/WaveLoadingView、john990/WaveView、gelitenight/WaveView 等目前看起来对水波本身的可定制程度不高,都是固定两条水波。

控制台 方向
顶部 底部
数量
一对 单一
使用 1.在 build.gradle 中添加依赖
compile "com.scwang.wave:MultiWaveHeader:1.0.0-alpha-1"
2.在XML布局文件中添加 MultiWaveHeader
属性 可以配置一些基本的属性. java
    MultiWaveHeader waveHeader = findViewById(R.id.waveHeader);

    waveHeader.setStartColor(R.color.colorPrimary);
    waveHeader.setCloseColor(R.color.colorPrimaryDark);
    waveHeader.setColorAlpha(.5f);

    waveHeader.setWaveHeight(50);
    waveHeader.setGradientAngle(360);
    waveHeader.setProgress(.8f);
    waveHeader.setVelocity(1f);
    waveHeader.setScaleY(-1f);

    waveHeader.setWaves("PairWave");

    waveHeader.start();
    waveHeader.stop();
    waveHeader.isRunning();
xml
    
精准定制

MultiWaveHeader 可以精准定制每一条水波的参数:偏移量、拉伸量、运动速度和方向。

java
    MultiWaveHeader waveHeader = findViewById(R.id.waveHeader);


    String[] waves = new String[]{
        "70,25,1.4,1.4,-26",//wave-1:offsetX(dp),offsetY(dp),scaleX,scaleY,velocity(dp/s)
        "100,5,1.4,1.2,15",
        "420,0,1.15,1,-10",//wave-3:水平偏移(dp),竖直偏移(dp),水平拉伸,竖直拉伸,速度(dp/s)
        "520,10,1.7,1.5,20",
        "220,0,1,1,-15",
    };
    waveHeader.setWaves(TextUtils.join(" ", Arrays.asList(waves)));// custom
    waveHeader.setWaves("PairWave");// default two waves
    waveHeader.setWaves("MultiWave");// default five waves
xml
    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/69162.html

相关文章

  • [Android] View动画特效(一)

    摘要:开源特效常用链接大集合自定义满足你所有水波纹加载需求贝塞尔曲线开发的艺术自定义满足你所有头像显示需求自定义未读消息数角标自定义一个广告倒计时仿即刻猜你喜欢切换控件模仿小米的进度控件模仿饿了么加载效果五八同城,也都有这个效果自定义签到磁翻点阵 Android开源特效常用链接大集合 自定义WaveProgressView满足你所有水波纹加载需求 showImg(https://segmen...

    pakolagij 评论0 收藏0

发表评论

0条评论

468122151

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<