美文网首页实用
Android加载进度条 (仿ios)效果

Android加载进度条 (仿ios)效果

作者: 玖玖君 | 来源:发表于2019-08-07 19:57 被阅读39次
    Tag: image

    项目介绍:

    • 问题1:在iOS开发中,各种优秀的开源控件总是源源不断的涌出,但是在Android开发中虽然开源的东西也不少,但是能拿来直接用到项目中的控件有几个呀?(可能是我没找到O__O "…)

    • 问题2:项目中经常要求Android和iOS的UI效果一致,然而提示控件现在还真TM没找到跨平台效果一致的,这可咋整?(其实你也可以找你UI设计师去商量……)

    • 问题3:我终于找到了一个提示控件的开源代码工程,可是里面的提示控件和我们的UI给出的样式不一样呀!这可咋办,改源代码吗?(……)

    • 问题4:开源控件有bug怎么办,找谁解决啊?自己读源码,改?(OH MY GOD,好多代码,从哪下手?)

    等会,废话有点多了,用这行做下分割,下面开始讲我们的主角:LemonBubble......

    LemonBubble,中文名称:柠檬泡泡,现支持:Android、iOS-Objc、iOS-Swift三个平台

    版本名称 Github地址
    LemonBubble4Android https://github.com/1em0nsOft/LemonBubble4Android
    LemonBubble4iOS https://github.com/1em0nsOft/LemonBubble

    先来看看我们的Sample运行效果图吧:


    LemonBubble4Android

    效果图中这只是几个小例子供大家看看哦,其实在LemonBubble中,有一个模型对象,叫LemonBubbleInfo,它里面有若干个属性,你可以通过创建一个LemonBubbleInfo对象,然后修改其属性的方式来自定义任意效果的泡泡控件哦!

    那么,怎么将LemonBubble集成到你的项目当中呢?你可以使用Gradle,需要首先在你的Project build.gradle文件中(allprojects ->repositories节点)加入如下代码:

    allprojects {   
     repositories {   
         jcenter()        
    // 加入下面这行 
           maven { url 'https://jitpack.io' }   
         }
    }
    

    然后在你的Module(xxx e.g:app) build.gradle中(dependencies节点)加入如下代码:

    dependencies {    
             // ...  你的其他依赖   
             // 然后加入下面这行    
            compile 'com.github.1em0nsOft:LemonBubble4Android:1.0.0'
    }
    

    最后重新build一下就可以啦。

    接下来,我们验证一下我们是否集成成功,随便找一个Activity,在onCreate方法里面我们加上如下一行代码:

    LemonBubble.showRight(this, "集成成功!", 2000);
    

    运行一下,可以看到如下界面,说明我们集成成功咯!

    图片描述

    LemonBubble默认自带了三种泡泡样式,带有一个绿色的对号的成功泡泡,带有一个红色X错号的错误泡泡,带有蓝色无限旋转的等待控件,你可以使用如下三种方式调用他们:

    LemonBubble.showRight(this, "成功啦!", 2000);
    LemonBubble.showError(this, "出错啦", 2000);
    LemonBubble.showRoundProgress(this, "等待中...");
    

    上面三个方法中,showRight和showError可以通过传入的第三个参数来控制泡泡显示的时间,单位ms。当你弹出了一个泡泡控件之后你也可以随时使用LemonBubble.hide()进行关闭当前正在显示的泡泡控件。

    如果你想自定义样式的话,你只需要新建一个LemonBubbleInfo对象,然后对其进行修改属性即可,你也可以分别通过

    LemonBubble.getRightBubbleInfo()
    LemonBubble.getErrorBubbleInfo()
    LemonBubble.getRoundProgressBubbleInfo()
    

    三个方法来获取我们预先为您写好的包含正确、错误、等待信息的LemonBubbleInfo对象,然后通过修改其属性的方式来快速自定义自己的泡泡控件,比如,我们现在通过如下代码自定义泡泡信息对象:

    // 获取默认的正确信息的泡泡信息对象LemonBubbleInfo myInfo = LemonBubble.getRightBubbleInfo();
    // 设置图标在左侧,标题在右侧myInfo.setLayoutStyle(LemonBubbleLayoutStyle.ICON_LEFT_TITLE_RIGHT);
    // 设置泡泡控件在底部myInfo.setLocationStyle(LemonBubbleLocationStyle.BOTTOM);
    // 设置泡泡控件的动画图标颜色为蓝色myInfo.setIconColor(Color.BLUE);
    // 设置泡泡控件的尺寸,单位dpmyInfo.setBubbleSize(200, 80);
    // 设置泡泡控件的偏移比例为整个屏幕的0.01,myInfo.setProportionOfDeviation(0.01f);
    // 设置泡泡控件的标题myInfo.setTitle("自定义泡泡控件");
    // 展示自定义的泡泡控件,并显示2s后关闭LemonBubble.showBubbleInfo(this, myInfo, 2000);
    

    一顿乱改,我们运行一下程序,发现泡泡控件已经按我们修改的样式显示出来啦:

    图片描述

    怎么样,是不是很简单?快来体验一下吧~

    相关文章

      网友评论

        本文标题:Android加载进度条 (仿ios)效果

        本文链接:https://www.haomeiwen.com/subject/ohgadctx.html