您的位置:首页 > 移动开发 > Android开发

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

2016-12-29 16:35 330 查看
Tag:




项目介绍:

问题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地址
LemonBubble4Androidhttps://github.com/1em0nsOft/LemonBubble4Android
LemonBubble4iOShttps://github.com/1em0nsOft/LemonBubble
先来看看我们的Sample运行效果图吧:



效果图中这只是几个小例子供大家看看哦,其实在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);
// 设置泡泡控件的尺寸,单位dp
myInfo.setBubbleSize(200, 80);
// 设置泡泡控件的偏移比例为整个屏幕的0.01,
myInfo.setProportionOfDeviation(0.01f);
// 设置泡泡控件的标题
myInfo.setTitle("自定义泡泡控件");
// 展示自定义的泡泡控件,并显示2s后关闭
LemonBubble.showBubbleInfo(this, myInfo, 2000);


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



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

现在回到文章开始的那几个问题,问题1和问题3已经解决啦,可以使用能任意自定义的LemonBubble作为你项目的泡泡控件替代方案,那么现在解决问题2,Android平台已经找到解决方案了,那iOS平台我用啥呀?不要惊慌,LemonBubble同时支持Android、iOS-ObjectiveC、iOS-Swift三个平台哦!(其实两个月前iOS的两个平台已经支持了,Android版本因为个人实在忙一拖再拖,才发布出来)三个平台的开源项目地址在文末可以找到哦!

那么现在解决问题4,如果有一天你发现LemonBubble出问题了,有惊人的BUG影响你的使用!!!怎么办?答案是来找我!(^o^)/,欢迎您加入LemonKit技术交流群,无论是LemonBubble还是之前发布的LKAcionSheet,来这里,告诉我(群主),我帮你改bug!,或者你可以通过以下任意一种方式联系到我哦!

QQ: 188443213

Email: liuri@lemonsoft.net

LemonKitQQ群:370157608

在这里顺便打一下广告,文中提到的LemonKit是一款全平台的开源极速开发框架,他正在被设计中,也正在开发中,LemonBubble就是其中的一个子项目,致力于打造全平台的函数库、UI库、工具库等等,麻烦各位去Github点一下stars哦!
版本名称Github地址
LemonBubble4Androidhttps://github.com/1em0nsOft/LemonBubble4Android
LemonBubble4iOShttps://github.com/1em0nsOft/LemonBubble
LemonKit Android版本https://github.com/1em0nsOft/LemonKit4Android
LemonKit iOS ObjC版本https://github.com/1em0nsOft/LemonKit4iOS
LemonKit iOS Swift版本https://github.com/1em0nsOft/LemonKit4iOS-Swift


相关源码推荐:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐