android打开本地html

一般打开url有以下几种方式：

• 调用默认浏览器
• 用WebView
• 用CustomTabsIntent

默认浏览器的话，是跳转到别的app，我方app就切换到后台了，至于什么时候返回回来就不确定了，且在后台有被回收的风险，不利于业务开展，如果是打开浏览器之后就完成任务的情况，可以使用。

WebView是我们比较常用的，如果页面可控，且需要交互的，还是建议使用webview的。

CustomTabs在用户的默认浏览器中显示网页，相当于在自己的app中用默认浏览器打开网页，效果类似WebView，但使用起来比WebView轻量，也更安全，性能更好。

今天主要说说CustomTabs。

效果：

这是打开应用宝的一个App下载链接。可以看到加载速度还是很快的，就像打开activity一样。

引入

customtabs其实是browser包下的，browser是jetpack下的，现在统一纳入到androidx。

dependencies { implementation "androidx.browser:browser:1.3.0" } 

使用

简单使用的话，只要一行代码

CustomTabsIntent.Builder().build().launchUrl(context, uri) 

就这么简单。

上面提到效果图中打开网页像打开activity一样，如果更像呢，主题一直是不是更像了。

定制ui

CustomTabsIntent也支持定制ui

//设置颜色方案 val schemeParams = CustomTabColorSchemeParams.Builder() .setToolbarColor(ContextCompat.getColor(context, R.color.colorPrimary)) .setSecondaryToolbarColor(ContextCompat.getColor(context, R.color.colorPrimaryDark)) .build() CustomTabsIntent.Builder() .setDefaultColorSchemeParams(schemeParams) .build().launchUrl(context, uri) 

CustomTabColorSchemeParams支持

• toolbarColor
• secondaryToolbarColor
• navigationBarColor
• navigationBarDividerColor

看看效果

菜单

比如setActionButton

val bitmap = BitmapFactory.decodeResource(this.resources, R.mipmap.ic_setting) val intent = Intent(context, LoginActivity::class.java) val activity = PendingIntent.getActivity(context, 0, intent, 0) //内置启动 CustomTabsIntent.Builder() .setActionButton(bitmap, "自定义Action", activity) .setDefaultColorSchemeParams(schemeParams) .build().launchUrl(context, uri) 

这里用PendingIntent指定后续操作，比如打开一个页面或者发送一个广播。

可以看到右上角多了一个设置的小图标。

除此之外还有很多别的api，比如：

• addMenuItem(String label, PendingIntent pendingIntent)
• setCloseButtonIcon(Bitmap icon)
• setShowTitle(boolean showTitle)
• 等等

完整代码

 btn_launch.setOnClickListener { openWebPage(this, Uri.parse("https://www.baidu.com")) } ... private fun openWebPage(context: Context, uri: Uri) { if (context.isChromeSupported()) { //设置颜色方案 val schemeParams = CustomTabColorSchemeParams.Builder() .setToolbarColor(ContextCompat.getColor(context, R.color.colorPrimary)) .setSecondaryToolbarColor(ContextCompat.getColor(context, R.color.colorPrimaryDark)) .build() val bitmap = BitmapFactory.decodeResource(this.resources, R.mipmap.ic_setting) val intent = Intent(context, LoginActivity::class.java) val activity = PendingIntent.getActivity(context, 0, intent, 0) //内置启动 CustomTabsIntent.Builder() .setActionButton(bitmap, "自定义Action", activity) .setDefaultColorSchemeParams(schemeParams) .build().launchUrl(context, uri) } else { //启动默认浏览器 context.startActivity(Intent(Intent.ACTION_VIEW, uri)) } } private fun Context.isChromeSupported(): Boolean { val serviceIntent = Intent(CustomTabsService.ACTION_CUSTOM_TABS_CONNECTION) serviceIntent.setPackage("com.android.chrome") val resolveInfos = packageManager.queryIntentServices(serviceIntent, 0) return !resolveInfos.isNullOrEmpty() } 

感谢

• 官方文档
• 提升体验-支持Chrome Custom Tabs