开发台组件功能实现扩展——按钮

关注

原创 2022-04-02 10:37:00 602 阅读 AI 写同款· GEO 优化 ›

VB实现右键扩展菜单以及按钮触发扩展菜单功能开发全自动液体工作站的过程，需要用到点击扩展菜单功能，经过摸索终于实现了一个Demo，现分享出来。 1、扩展菜单大致原理：利用PopUpMenu功能，事先做好扩展菜单以及子菜单，设置为隐藏属性，通过一定条件触发显示。 2、源码如下，供参考。 '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 阅读详情

开发台组件功能实现扩展——按钮

一、监听状态
二、绑定功能——设定模式
三、绑定功能——其他
- - xml文件：
  - kt文件：

基于现有按钮的转换规则，增加以下内容

一、监听状态

操作示例

开发台新建按钮，配置监听状态为

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

                    {
                        "events": {},
                        "iconName": "wk-icon-widget-btn",
                        "uuid": "Eo00yIIi4",
                        "isLock": false,
                        "areaState": false,
                        "ID": 0,
                        "component": "brick-button",
                        "style": {
                            "borderRadius": 0,
                            "rotate": 0,
                            "color": "#000000",
                            "height": 80,
                            "textValue": "按钮",
                            "fontSize": 14,
                            "top": 0,
                            "borderWidth": 0,
                            "backgroundStatus": false,
                            "borderColor": "#ffffff",
                            "textStatus": true,
                            "mouseDownColor": "#000000",
                            "mouseDownTextValue": "按钮",
                            "width": 80,
                            "borderStyle": "solid",
                            "left": 0,
                            "backgroundColor": ""
                        },
                        "control": {
                            "controlUsage": "ChangeScreen",
                            "actImgUrl": "",
                            "changeScreen": "",
                            "switchStyle": 1,
                            "controlBind": "",
                            "longpressDelay": 100,
                            "binding_fun": "",
                            "clickable": false,
                            "modelval": "",
                            "imgUrl": "",
                            "listener": "Light",	//监听状态：照明
                            "switchState": 0
                        },
                        "title": "按钮",
                        "name": ""
                    }

转换规则

xml文件：

保持现有规则，不变

kt文件：

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

            //按钮：监听数据变化改变显示状态
            vm.lightLiveData.observe(this@MainFragment.viewLifecycleOwner) {
                widgetBtnR53vkhchq.isSelected = it == 1
            }

转换规则下图所示，结合注释文字：
在这里插入图片描述

二、绑定功能——设定模式

操作示例

如下，配置用户可点击为是，绑定功能为“设定模式”（SetModel），模式值输入“1”时

在这里插入图片描述

此时配置属性如下：

                        "control": {
                            "controlUsage": "ChangeScreen",
                            "actImgUrl": "",
                            "changeScreen": "",
                            "switchStyle": 1,
                            "controlBind": "",
                            "longpressDelay": 100,
                            "binding_fun": "SetModel",
                            "clickable": "true",
                            "modelval": "1",
                            "imgUrl": "",
                            "listener": "",
                            "switchState": 0
                        },

转换规则

xml文件：

同上不变

kt文件：

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

            //按钮：绑定点击事件——绑定功能（设定模式）
            widgetBtnR53vkhchq.setOnClickListener {
                lifecycleScope.launch {
                    vm.dealEvent("SetModel", 1) // 1 是模式值——modelval的值
                }
            }

转换规则下图所示：
在这里插入图片描述

三、绑定功能——其他

xml文件：

同上不变

kt文件：

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

            //按钮：绑定点击事件——绑定功能（其他）
            widgetBtnR53vkhchq.setOnClickListener {
                lifecycleScope.launch {
                    vm.dealEvent("StartWork")   //StartWork 是绑定功能——binding_fun的值
                }
            }