开发台组件功能实现——文本组件


基于现有文本组件的转换规则,增加以下内容

准备工作

  1. 将util文件夹移至java/com/kaida/myapplication目录下
  2. 在fragment.kt的文件中增加导入以下方法:
    import com.kaida.myapplication.util.bindingContextValueToString

一、绑定内容

操作示例

开发台新建文本,配置绑定内容为当前温度(WorkTemp)

此时开发台配置参数如下:

{
                        "events": {},
                        "iconName": "wk-icon-widget-text",
                        "uuid": "xwmKE5e0c",
                        "isLock": false,
                        "areaState": false,
                        "ID": 0,
                        "component": "brick-text",
                        "style": {
                            "width": 100,
                            "color": "#000000",
                            "textValue": "",
                            "fontSize": 16,
                            "rotate": 0,
                            "textAlign": "left",
                            "top": 0,
                            "fontWeight": "normal",
                            "left": 0,
                            "verticalAlign": "top",
                            "height": 50
                        },
                        "control": {
                            "binding_context": "WorkTemp",	//绑定内容:当前温度
                            "inputMode": false
                        },
                        "title": "文本",
                        "name": ""
                    }

转换规则

xml文件:

保持现有规则,不变

kt文件:

在该页面的fragment.kt中,onViewCreated方法内,with(binding){ }代码段内,增加如下代码:

            //文本:绑定内容显示————监听数据变化更新文字
            vm.workTempLiveData.observe(this@MainFragment.viewLifecycleOwner){
                widgetTextVcjh9hpvw.text = bindingContextValueToString("WorkTemp", it)
            }

转换关键处如下图红圈所示:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值