最近项目里的采用免费的 Bugly 应用升级功能,由于默认的 UI 非常的简陋且与项目整体风格不搭,所以需要自定义 UI,本篇文章记录在实现过程中的一些注意事项。根据官方文档可知,自定义升级界面有以下两种方式。
一、固定控件 ID
这种方式比较简单,只需要自己编写布局,并设置控件的 Tag 即可。
<img src="https://bugly.qq.com/docs/img/beta/advance/1467275423177.png" style="zoom:50%;" />
<TextView android:layout_width="match_parent" android:layout_height="@dimen/dp_62" android:gravity="center" android:tag="beta_title" //按要求设置Tag即可 android:textSize="@dimen/sp_16" android:textColor="@color/white" android:text="发现新版本"/>
复制代码
这里有个需要注意的地方就是beta_title beta_upgrade_info beta_upgrade_feature beta_cancel_button beta_confirm_button 这几个控件 Tag 缺一不可,缺了会导致整个页面是黑色的。
通过以上设置,基本就可以展示自己的 UI 了,但随即也会发现一个问题:状态栏是黑色,下方还有一条灰色的类似 ActionBa r 的东西。
查阅文档发现,可以注 Bugly 弹窗的生命周期回调,如下所示。
Beta.upgradeDialogLifecycleListener = object :UILifecycleListener<UpgradeInfo>{ override fun onCreate(p0: Context?, p1: View?, p2: UpgradeInfo?) { }
override fun onStart(p0: Context?, p1: View?, p2: UpgradeInfo?) { }
override fun onResume(p0: Context?, p1: View?, p2: UpgradeInfo?) { }
override fun onPause(p0: Context?, p1: View?, p2: UpgradeInfo?) { }
override fun onStop(p0: Context?, p1: View?, p2: UpgradeInfo?) { }
override fun onDestroy(p0: Context?, p1: View?, p2: UpgradeInfo?) { }
}
复制代码
对应的就是 BetaActivity 的生命周期,于是只需要在 onCreate 回调中,设置沉浸式状态即可。
至于怎么设置可以按照自己项目里的来,我设置了沉浸式,但有一条灰色的还是去不掉。而且这个方式无法满足我
们项目产品的要求,需要有进度条显示。于是可以用另外一种自定义 Activity 的方式。
二、自定义 Activity
使用这种方式虽然比第一种稍微复杂了一点点🤏,但是可定制的范围却大了很多。弹窗界面的绘制与生命周期均由自己维护,Bugly 负责下载时回调与事件上报,并提供相关接口控制任务下载,获取任务状态等。
1.设置接收更新策略回调
Beta.upgradeListener = object : UpgradeListener { override fun onUpgrade(p0: Int, p1: UpgradeInfo?, p2: Boolean, p3: Boolean) { p1?.let { startActivity(Intent(applicationContext, UpdateActivity::class.java).apply { flags = Intent.FLAG_ACTIVITY_NEW_TASK }) } } }
复制代码
注意这一步要写在 init 之前。在这里判断了 如果 UpgradeInfo 不会 null 的话,说明有更新了,于是跳转到自定义的 Activity 即可。
更新一般都是弹窗,然后我们跳转到 Activity,就无法看见下方 Activity,跳转动画也比较生硬,符合习惯的应该是像普通弹窗一样弹出即可。所以这里需要将 Activity Dialog 化。
2. 设置 Activity 透明
只需要自定义一个 Style 即可,如下。
<style name="updateStyle" parent="Theme.AppCompat.Light.NoActionBar"> <item name="android:windowFrame">@null</item> <!-- 半透明 --> <item name="android:windowIsTranslucent">true</item> <!-- 无标题 --> <item name="android:windowNoTitle">true</item> <!-- 背景透明 --> <item name="android:windowBackground">@color/transparent</item> <!-- 是否允许对话框的背景变暗 --> <item name="android:backgroundDimEnabled">true</item></style>
复制代码
然后给自定义的 Activity 设置上即可。
<activity android:name=".activity.setting.UpdateActivity" android:exported="false" android:theme="@style/updateStyle" android:screenOrientation="portrait"/>
复制代码
<img src="https://img-blog.csdnimg.cn/5ae9ce0aa2384015a4f0e1f9a6ed7ea3.png" style="zoom: 25%;" />
如图所示,Activity 已经变得和 Dialog 一模一样了。
3.获取策略信息
val upgradeInfo = Beta.getUpgradeInfo()binding.run { if (upgradeInfo.upgradeType==2){//如果是强制升级 betaCancelButton.gone()//隐藏下次再说按钮 } betaUpgradeFeature.text = upgradeInfo.newFeature //显示更新内容}
复制代码
UpgradeInfo 包含如下信息,如果是强制升级的话,需要隐藏相应按钮,并且屏蔽掉返回按键。
public String id = "";//唯一标识 public String title = "";//升级提示标题 public String newFeature = "";//升级特性描述 public long publishTime = 0;//升级发布时间,ms public int publishType = 0;//升级类型 0测试 1正式 public int upgradeType = 1;//升级策略 1建议 2强制 3手工 public int popTimes = 0;//提醒次数 public long popInterval = 0;//提醒间隔 public int versionCode; public String versionName = ""; public String apkMd5;//包md5值 public String apkUrl;//APK的CDN外网下载地址 public long fileSize;//APK文件的大小 pubilc String imageUrl; // 图片url
复制代码
4.获取下载任务
var strategyTask = Beta.getStrategyTask()
复制代码
在 strategyTask 对象中,我们可以判断之前是否已经下载完了。
strategyTask?.let { if (it.saveFile!=null){ betaCancelButton.gone() betaConfirmButton.text = "安装" isFileSave = true } }
复制代码
如果存在之前下载好但没安装的 Apk ,就可以直接去安装即可。
Beta.installApk(strategyTask?.saveFile)
复制代码
4.下载
//首先 Activity 实现 DownloadListener 接口class UpdateActivity : AppCompatActivity(), DownloadListener { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) Beta.registerDownloadListener(this)//注册下载事件回调 } override fun onDestroy() { super.onDestroy() Beta.unregisterDownloadListener()//取消监听下载事件 } override fun onBackPressed() { //屏蔽返回按钮 }
//下载接收中 override fun onReceive(p0: DownloadTask?) { p0?.let { binding.pb.setProgress(((it.savedLength.toDouble()/it.totalLength.toDouble())*100).toInt()) } } //下载完成 override fun onCompleted(p0: DownloadTask?) { binding.betaConfirmButton.text = "安装" binding.betaConfirmButton.isClickable = true isFileSave = p0?.saveFile!=null } //下载失败 override fun onFailed(p0: DownloadTask?, p1: Int, p2: String?) { }}
复制代码
我们先注册回调,直接调用Beta.startDownload()就可以开始下载了,在 onReceive 中可以获取下载进度。下载完成后会自定安装。也可以设置 Beta.autoInstallApk = false手动安装
三:显示小红点
在 App 关于中,一般都有一个版本显示,点击可以手动检查更新,或者又更新的话显示一个小红点提醒用户去点击,用 Bugly 其实也可以实现,步骤如下。
Beta.getUpgradeInfo()?.let { ivRedDot.show() }?:let { ivRedDot.gone() }
复制代码
获取升级信息,不为 null 就说明又更新策略,显示小红点即可。
下面是点击检查升级,注意第二个参数,是是否显示弹窗。
rlCheckUpdate.click { Beta.checkUpgrade(true,false)}
复制代码
以上就是关于 Bugly 应用升级相关功能的实现记录。
评论