当前位置:主页 > android教程 > AndroidView Compose

AndroidView与Compose框架交互实现介绍

发布:2023-03-06 11:30:01 59


给寻找编程代码教程的朋友们精选了相关的编程文章,网友贾雁易根据主题投稿了本篇教程内容,涉及到AndroidView、Compose、AndroidView、Compose交互、AndroidView Compose相关内容,已被734网友关注,涉猎到的知识点内容可以在下方电子书获得。

AndroidView Compose

1、在ComposeUI中加载AndroidView控件

Compose中可以加载AndroidView还是比较简单的,直接引入AndroidView来加载AndroidView布局文件。

@Composable
fun Greeting(name: String) {
    Column {
        Text(text = "Hello $name!")
        LoadAndroidView(name)
    }
}
/**
 * Compose中加载AndroidView
 */
@Composable
fun LoadAndroidView(name: String) {
    var tvTittle: TextView? = null
    AndroidView(factory = {
        //加载AndroidView布局。
        LayoutInflater.from(it).inflate(R.layout.activity_main, null).apply {
            tvTittle = findViewById(R.id.tvTittle)
        }
    }) {
        //更新UI数据
        tvTittle?.text = name
    }
}

factory参数主要是用来初始化AndroidView布局,将AndroidView布局通过工厂模式转换成ComposeUI加载到Compose中,只会执行一行,第二个回调函数,主要是用来更新UI数据,ReCompose可能会执行,所以我么初始化AndroidView的代码应该放在factory参数中。

2、在AndroidView中加载ComposeUI

AndroidView中引入ComposeView直接在AndroidView的布局文件中加入androidx.compose.ui.platform.ComposeView

控件,在代码中初始化ComposeView,调用setContent方法,就可以使用ComposeUI了。



    
    
class LoadComposeActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        findViewById(R.id.composeView).apply { 
            setContent { 
                Column {
                    Text(text = "我是ComposeView")
                }
            }
        }
    }
}

3、LiveData数据转换成State数据

LiveData是JetPack组件的一部分,主要是在AndroidView中用来监听数据的变化,并且具有生命感知的,只有在Activity等处于活动才会触发数据更新。

State是Compose中特有的用来更新Ui的数据框架。比如常用的mutableStateOf , mutableListStateOf等。

当AndroidView和Compose交互,将会可能涉及到LiveDataState数据的交换问题。

由于在AndroidView中常用LiveData来进行数据的订阅,而在Compose中使用的是Compose特有的mutableStateOf或者mutableListStateOf等来进行ReCompose ,UI更新,所以当同时存在两者的时候,需要将

LiveData转换成Compose中的State对象,然后才能在Compose中实现订阅功能。

Compose库中提供了一个扩展函数来进行LiveDataState之间进行转换:

1、导入runtime-livedata库

implementation 'androidx.compose.runtime:runtime-livedata:1.2.0'

2、将LiveData数据转换成State数据

private val tittleLv = MutableLiveData("Android")
private fun initView() {
    findViewById(R.id.composeView).setContent {
        val tittle by tittleLv.observeAsState()
        Column {
            Text(text = tittle.orEmpty(),Modifier.clickable {
                tittleLv.value="测试LiveData转换State"
            })
        }
    }
}

调用observeAsState扩展函数可以将LiveData对象直接转换成State对象,在Compose中使用。

上面代码给Text加了个点击事件改变LiveData数据,Compose中的文本同步改变是成功的。

需要注意的是,observeAsState函数只能在Compose方法中调用。

到此这篇关于AndroidView与Compose交互实现介绍的文章就介绍到这了,更多相关AndroidView Compose内容请搜索码农之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持码农之家!


参考资料

相关文章

  • composer错误使用的问题与解决方法

    发布:2019-08-29

    这篇文章主要给大家介绍了一次因composer错误使用引发的问题与解决方法,文中通过示例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一


  • 如何在windows环境下使用Composer安装ThinkPHP5

    发布:2020-03-07

    本文给大家分享的是在windows环境下使用Composer安装ThinkPHP5的具体步骤和方法,非常的简单实用,有需要的小伙伴可以参考下


  • Jetpack Compose布局的使用详细介绍

    发布:2023-03-06

    Jetpack Compose是用于构建原生Android界面的新工具包。它可简化并加快Android上的界面开发,使用更少的代码、强大的工具和直观的 Kotlin API,快速让应用生动而精彩


  • 安装docker-compose的两种最简方法

    发布:2021-05-09

    在本篇文章里小编给各位整理的是关于安装docker-compose的具体方法总结,有需要的朋友们参考下。


  • Android开发Compose集成高德地图实例

    发布:2023-03-02

    这篇文章主要为大家介绍了Android开发Compose里使用高德地图实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


  • JetPack Compose底部导航栏的实现方法详解

    发布:2023-03-06

    开发一个新项目,底部导航栏一般是首页的标配,在以前的xml布局中,我们可以很轻松的是用谷歌提供的BottomNavigationView或者自定义来实现底部导航的功能,在Compose中也有也提供了一个类似的控件androidx.compose.material.BottomNavigation


  • Android开发Compose框架使用开篇

    发布:2023-03-05

    这篇文章主要为大家介绍了Android开发Compose框架使用开篇,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


  • Android中分析Jetpack Compose动画内部的实现原理

    发布:2023-03-04

    这篇文章主要介绍了Android中分析Jetpack Compose动画内部的实现原理,文章围绕主题展开详细的内容介绍,具有一定的参考价值,感兴趣的小伙伴可以参考一下


网友讨论