什么是Compose

Jetpack Compose是谷歌官方推荐的Android UI实现方式，避免了Android传统View在绘制、编写、性能等方面的种种缺点，具体使用方法请参考官方文档。

Compose与插件化

想必大家都接触过或者了解过插件化开发，没接触过的小伙伴们要补补课啦。在以往插件化开发过程中，清单文件中要有Activity（宿主中）占位，还要hook、反射手段把宿主的Activity生命周期传递到插件中,这一过程往往因为Android碎片化，机型适配问题严重，对插件化开发造成重重阻碍，采用ComposeUI方式，所有视图都是composable-widget（这一点和跨平台的Flutter很像）,ComposeUI给插件化也带来了优化空间,在宿主中加载插件的某一个Composable组件更为灵活，性能更高。注意：Android View方式也可以实现本文的功能，但是View绘制效率低，性能差。利用Compose实现插件化的原理与传统插件化是一致的，主要是省略了黑科技创建Activity,传递生命周期的过程。

项目创建

  1. 创建一个项目，没什么新鲜东西，这里就不放图了
  2. 创建插件项目：在项目里新增module,我这里命名为plugin了，在项目根目录gradle.properties文件中新增变量配置runAlone=true用于配置管理plugin是否可以独立运行
  3. 修改plugin模块的gradle配置如下：
plugins {
    id 'org.jetbrains.kotlin.android'
}
def aloneRun = runAlone.toBoolean()
//根据runalone配置，动态添加gradle的plugin
if (aloneRun) {
    plugins.apply('com.android.application')
} else {
    plugins.apply('com.android.library')
}
...
  defaultConfig {
        if (aloneRun) {
            //plugin模块作为application时的applicationId
            applicationId "tech.wcw.compose.plugin"
        }
  }
...
        //plugin模块作为application时添加源文件目录和清单文件，方便开发和测试（compose方式可以通过@Preview预览，按需添加）
        if (aloneRun) {
            sourceSets {
                main.java.srcDirs += 'src/alone/java'
                main.manifest.srcFile 'src/alone/AndroidManifest.xml'
            }
        }

插件实现

  • 方式一： 此处有坑！！！声明的Composable组件编译后携带（Composer,Int）参数，后一个参数与重组息息相关，在调用时如果不能正确传参，可能会产生奇怪的bug。 直接声明Composable组件，通过@Composable注解声明了Composable组件。
@Composable
 fun pluginView(param: String) {
     Log.i(tag, "pluginView v1 重组")
     Box(
         modifier = Modifier
             .background(Color.Red)
             .fillMaxWidth()
             .height(40.dp)
     ) {
         Text(text = "收到宿主传参 $param")
     }
 }
  • 方式二： lambda表达式间接调用,即将Composable组件声明为一个函数表达式，在编译后，java中表示为FunctionN(0~23),此处与Composable组件是否传参有关，可以在编译后的文件中查看具体类型
val pluginView: (@Composable () -> Unit) = {
    Log.i(tag, "pluginView v2 重组")
    Box(
        modifier = Modifier
            .background(Color.Blue)
            .fillMaxWidth()
            .height(40.dp)
    )
}

宿主实现

  1. 将plugin打包放入assets中（demo演示用，实际开发应该是从服务器下载）
  2. 获取dex,创建classLoader (demo简单处理，未进行合并dex)
fun loadPlugin(context: Context) {
    val inputStream = context.assets.open("plugin.apk")
    val filesDir = context.externalCacheDir
    val apkFile = File(filesDir?.absolutePath, "plugin.apk")
    apkFile.writeBytes(inputStream.readBytes())

    val dexFile = File(filesDir, "dex")
    if (!dexFile.exists()) dexFile.mkdirs()
    println("dexPath: $dexFile")
    pluginClassLoader = DexClassLoader(
        apkFile.absolutePath,
        dexFile.absolutePath,
        null,
        this.javaClass.classLoader
    )
}

3.加载插件，通过ClassLoader获取到Class,通过反射得到对应的方法，传参调用即可。 注意：方式一自己传参Composer和changed,后者会对重组有影响，一定要注意！ 方式二不用自己传参，交给compose黑科技处理了。

private fun applyPluginV1() {
    val plugin = PluginManager.loadClass("tech.wcw.compose.plugin.PluginV1")
    plugin?.let {
        val method: Method =
            plugin.getDeclaredMethod(
                "pluginView",
                String::class.java,
                Composer::class.java,
                Int::class.java
            )
        method.isAccessible = true
        pluginV1Obj = plugin.newInstance()
        pluginV1Method = method
        applyV1Success = true
    }
}

private fun applyPluginV2() {
    val plugin = PluginManager.loadClass("tech.wcw.compose.plugin.PluginV2")
    plugin?.let {
        val method: Method = plugin.getDeclaredMethod("getPluginView")
        method.isAccessible = true
        val obj = plugin.newInstance()
        pluginV2Compose = method.invoke(obj) as (@Composable () -> Unit)
        applyV2Success = true
    }
}