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

【鸿蒙实战开发教程】HarmonyOS开发中常用组件TextInput 有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术?也不知道鸿蒙开发的知识点重点掌握的又有哪些?自学时频繁踩坑,导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙(HarmonyOS NEXT)全栈开发资料用来跟着学习是非常有必要的。这份鸿蒙(HarmonyOS NEXT)资料包含了鸿蒙开发必掌握的核心知识要点,内容包含了。 阅读详情


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

准备工作

  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)
            }

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

基于 Vue 的富文本编辑器组件开发 Quill 支持自定义格式,例如我们可以添加一个自定义的高亮格式。在// 其他代码methods: {modules: {toolbar: [// 其他格式按钮});// 监听内容变化});},// 其他方法content: '高亮';content: '高亮';通过本文的介绍,我们详细阐述了如何使用 Vue 和 Quill.js 开发一个功能丰富的富文本编辑器组件。从需求分析、技术选型、项目搭建到组件实现、功能扩展、性能优化以及兼容性处理,涵盖了开发过程的各个方面。 阅读详情

相关推荐

【tkinter组件专栏】Text:功能强大的文本框

tkinter组件专栏之Text,功能强大的文本框!

nilvya的博客 2716

创建第一个Android Kotlin应用

本教程将创建一个Android Basic Activity Kotlin工程,添加组件完成简单的事件响应,主要展示Kotlin应用的基本面貌。

llfjfz的专栏 1万+

【vue2】文本自动省略组件,支持单行和多行省略,超出显示tooltip

基于element ui 的文字展示组件,自适应宽度,展示省略号啊和提示框el-tooltip

毛毛的博客 1431

vue实现的随意拖拽的自定义表单,用于医院文书开发,提高实施效率

技术交流QQ:349074086 最近由于项目需求要开发医院麻醉记录单功能以及手术室相关文书,由于目前项目比较多,不同的医院文书内容基本都不一样,如果定制开发会造成研发人员需要不停的修改不停的部署前端程序,可能目前市场上B/S版本手麻系统都会遇到同样的问题,之前C/S版本的都是实施在现场通过拖拽实现表单,文书的打印也通过现场拖拽完成。在网上查找了好多资料,目前还没有类似的组件能实现文书自定义拖拽功能。没办法最后公司小伙伴自己开发了一套强大的随意拖拽的自定义表单功能。 下面是我...

yuchen_0515的专栏 3912

微信小程序原生开发功能合集六:富文本组件的封装

本章实现小程序富文本编辑组件的实现,使用editor组件实现富文本输入,引入iconfont实现操作按钮的图标,实现富文本的扩展开发。

Java、前端、小程序学习笔记、问题汇总、项目实例分享,有需要请联系。 555

Vue.js 文本输入组件实战源码

Vue.js是目前流行的前端JavaScript框架之一,因其简单易学、灵活高效而受到开发者的广泛青睐。它的设计哲学是通过尽可能简单的API实现响应式的数据绑定和组合的视图组件。Vue.js诞生于2014年,由尤雨溪(Evan You)创建,其设计理念受到Angular和React等现代前端框架的影响。Vue的最大特点是渐进式:开发者可以在现有项目中逐步引入Vue的特性和组件,而不必完全重构。Vue的核心库只关注视图层,易于上手,而且可以与现有的库或项目整合。

weixin_42443533的博客 954

组件开发方案

npm组件化开发的背景 随着技术的发展,开发的复杂度也越来越高,传统开发模式总是存在着==开发效率低,维护成本高==等的弊端。(界面开发太多,风格样式随时都可能调整,如果要调整,可能所有的项目都需要调整,牵一发而动全身) 项目越来越多,针对项目进度以及时间要求==每个人对项目样式的支持度==不是很高,需要一个统一的模式进行管理,提升开发人员的工作效率以及减少bug的产生,让开发人员能够...

bangongzan0053的博客 521

微信小程序多功能输入组件开发指南

微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。小程序可以实现应用的跨平台性,只需一次开发,就可以在安卓、iOS等多个平台使用。在微信小程序中,<camera>组件和<image>组件是实现图片选择功能的核心组件。<camera>组件提供了一个实时的视频预览界面,用户可以通过这个界面选择摄像头拍摄图片或视频。而<image>组件则用于显示用户选择的图片。用户可以通过点击<camera>

weixin_42323064的博客 581

后台组件功能开发

后台组件功能开发 配置组件后台子级菜单: ------------------------- 安装组件包前,在后台组件的安装XML里修改submenu节点,安装后会自动在menu与组件节点添加对面的名称。安装组件包后如有修改需求,可以在#__component表中修改submenu   -------------------------   工具栏(Too

wang544831183的博客 1997

Delphi开发者的文本编辑器组件库UniSynEdit源代码大全

UniSynEdit作为一个高度可定制的文本编辑组件,其强大的API接口是实现各种自定义功能的关键。用户可以通过这些API接口来扩展编辑器的功能,从而满足特定的需求。在实现自定义功能时,首先需要了解UniSynEdit提供的核心API接口。例如,类是UniSynEdit中最重要的类,它提供了大部分的编辑和显示功能。TSynEdit类则是基于扩展的,它提供了语法高亮、代码折叠、自动完成等高级特性。下面是使用TSynEditAPI的一个简单示例代码:usesvar。

weixin_42600128的博客 900

开源有限元dealii学习——step-1

#简介 dealii是一款开源的求解偏微分方程的有限元软件,它优点: 1.多种单元类型 2.可以自适应网格 3.文档和范例齐全 4.与其它库有良好的接口 5.使用c++编写 #安装 dealii可以在官网上或者github上下载源码,解压后进入源文件目录安装。 mkdir build cd build cmake -DCMAKE_INSTALL_PREFIX=/path/to/install...

weixin_42312251的博客 4385

【iVX 开发 - 入门】UI 组件介绍及实操详解

iVX 各 UI 组件的介绍,包含实操演示,快速掌握各个组件的使用方法。

商务合作 | 共同学习 | 携手共进 1万+

新手避坑指南:从GEO数据库下载单细胞测序数据的5个关键步骤(附实操截图)

本文为单细胞测序数据下载新手提供5个关键避坑步骤,涵盖数据搜索准备、样本量评估、文件选择决策、元数据诊断及高效下载技术。通过实操截图和代码示例,帮助研究者快速锁定GEO数据库中的优质单细胞测序数据,避免常见错误。

weixin_30296405的博客 658

鸿蒙API14开发【Web组件的菜单功能】ArkTS组件

Web组件菜单交互摘要 Web组件提供三类核心菜单交互方式:文本选中菜单、上下文菜单和自定义菜单。文本选中菜单在用户长按文本时触发,支持增减标准化菜单项但样式不可改;上下文菜单通过右键或长按富文本触发,需应用完全自定义实现,支持获取点击元素的HTML信息;自定义菜单针对特定元素(如图片)设计,提供完整定制能力。三类菜单分别对应不同交互场景,通过菜单组件与Web控件的绑定实现,显著提升了Web应用的操作便捷性和用户体验。开发时需注意文本菜单仅支持项增减,而上下文和自定义菜单支持样式和行为的完全定制。

bbq的博客 936

Doris存储层设计介绍2——数据写入及删除流程

Doris存储层设计介绍2——数据写入及删除流程

爱吃辣条的博客 4583

瑞萨单片机-硬件I2C从设备

瑞萨单片机上实现I2C从机,根据主机发来的数据,从机返回或者保存数据2、R5F1115AxFL最多支持3个从设备地址(即可以作为三个从设备)3、从接收模式:直接将数据保存到RAM中,接收完再处理4、从发送模式:按照I2C读取传感器数据经验,主机读取从设备时,从设备需要立刻返回数据的,但是程序要如何实现一收到指令就返回特定的数据?(时钟拉伸)这里先跳过,我们先实现返回固定的数据。

qq_27893147的博客 3219

鸿蒙代码实战【实现ArkUI组件功能】

本示例集合了ArkUI组件库中组件类、通用类、动画类和全局类模块,帮助开发者掌握多种ArkUI组件和事件的使用方法。

zhenggaoxiao232的博客 1160

互联网人提高效率必备软件合集

很多的时候我们解决不了问题,只是因为没有找到对的工具,实际上,很多好的工具就在那里,只是你不用而已。这点上,信息壁垒是一个很大的原因,因此我希望兄伙伴们多出去走走,不要只是局限在一个圈层;

zhonglunshun的专栏 3484

九层之台,起于累土:码良组件开发

九层之台,起于累土:码良组件 本文为“码良系统的使用及设计实现”系列文章的第三篇。 我们会提供一些列介绍码良实现的文章 开篇: 码良的正确打开方式 码良是如何设计高扩展的在线网页制作平台的 神笔已开,我该如何使用 当我们谈论组件时我们在谈论什么 上篇文章给出了大量码良编辑器的使用实例,相信读者对于码良编辑器已经有了直观的认识。 下图是码良编辑器的结构图, 可以看到,整个编辑器的核心是组件,其...

t7jn56rtf8的专栏 363

【EB-03】 AUTOSAR builder与EB RTE集成

打开EB工具后,在EB的步骤是:执行MultiTask(2)-> Mapping Component to Partitions(4)->Task Mapping(5)-> SvcAs_Trigger(7)-> Code Generation(8)如涉及新增BSW Module,也需要重复以上步骤。

libuping2023的博客 960

A100 NVLink集群极致优化指南

《A100 NVLink集群通信优化指南》摘要:针对A100 80G SXM机型NVLink 3.0集群,提供硬件配置检查方法(nvidia-smi topo -m)和强制启用指令。重点介绍NCCL参数调优(算法选择、低延迟协议配置)、GPUDirect RDMA启用步骤,以及单机/多机场景下的通信模式选择。包含PyTorch all_reduce基准测试方法,并给出带宽异常排查方案(dmesg检查、NCCL缓存重置)。通过CUDA Graph通信重叠和混合精度优化,可实现90%+带宽利用率。附猿界算力监控

2401_89353317的博客 583

使用 VSCode 开发 Vue 3 文本组件:详细教程

在这篇文章中,我们将一步步展示如何在 Vue 3 环境中使用 VSCode 开发一个简单的文本组件。这个组件允许用户输入文本,并且会实时显示输入的内容。环境准备首先,确保你的开发环境已经安装了以下工具:Node.js:Vue 3 需要 Node.js 环境。可以通过 Node.js 官网 下载并安装。VSCode:推荐使用 Visual Studio Code(VSCode)作为开发工具,它拥有丰富的插件和强大的调试功能。

堇以无笙的博客 2065

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

鸿蒙API14开发【文本通用】ArkTS组件

文本通用属性目前只针对包含文本元素的组件,设置文本样式。

bbq的博客 892

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

鸿蒙开发之ArkUI组件常用组件文本输入

TextInput、TextArea是输入框组件,通常用于响应用户的输入操作,比如评论区的输入、聊天框的输入、表格的输入等,也可以结合其它组件构建功能页面,例如登录注册页面。TextInput为单行输入框、TextArea为多行输入框。

iOSbird的博客 1442

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

上一篇: 开发台组件功能实现扩展——按钮
下一篇: 开发台组件扩展——矩形 和 圆
LiePy
博客等级 码龄7年 1927粉丝 33原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值