如何在Composable中使用样本数据?

How to use sample data in Composable?(如何在Composable中使用样本数据?)

本文介绍了如何在Composable中使用样本数据?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在XML中,我们通过使用@Tools:Sample/First_Names这样的属性来使用示例名称、日期等。 是否有类似的方法可以使用预览合成中的@Tools:Sample中的示例数据?

推荐答案

您可以使用@PreviewParameter

例如:

data class Obj(val name :String,val count:Int)

@Composable
fun ObjCard(obj:Obj) {
    Card(
        Modifier.width(100.dp).height(50.dp)){
        Column(
            verticalArrangement = Arrangement.Center,
            horizontalAlignment = Alignment.CenterHorizontally)
        {
            Text("Name = " +obj.name)
            Text("Count = " +obj.count)
        }
    }
}

在这种情况下,您可以实现PreviewParameterProvider接口并创建如下内容:

class SampleObjProvider: PreviewParameterProvider<Obj> {
    override val values = sequenceOf(
         Obj("Obj1",10),
         Obj("Obj2",70))
    override val count: Int = values.count()
}    

最后将@PreviewParameter应用于ObjCard可组合:

@Preview(showBackground = true)
@Composable
fun ObjCard(@PreviewParameter(SampleObjProvider::class)  obj:Obj) {
    //..same code 
}

这篇关于如何在Composable中使用样本数据?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:如何在Composable中使用样本数据?

基础教程推荐