【鸿蒙样式初探】多个组件如何共用同一样式

server/2024/10/21 10:13:48/

最近开发鸿蒙,刚接触难免二和尚摸不着头脑,尤其是样式......

背景

在做银行卡显示的一个小需求时:

每个Text都需要设置fontColor:'#FFFFFF"

想着是否可以简单点

解决历程

思路一:(拒绝)

使用@Styles 提取封装公共样式(感觉如果样式多的时候较为方便,就一个字体颜色样式大可不必)

思路二:(采纳)

使用@Builder封装函数传参(感觉很是不错,相当于封装了一个白色的Text直接用)

PS:我还加了fontSize这个参数,嘿嘿

 然而,发现点击小眼睛显示完整数据时没有反应(点眼睛没用了)

原来是因为:this问题,我传入的text文本content有的是三元表达式this.xxx ? xx : xx

最终解决方案:使用@Builder升级版

最后,点击小眼睛也可以正常使用啦!

新的疑惑

  1. 使用whiteText({content:xxx,size:xx})时不能直接在外面再.width()等设置其他样式了,在想是否有更加灵活的解决方法。
  2. 发现Text设置透明样式opacity时整体透明(包括文字、背景色),而backgroundColor里又似乎不能使用ragb形式的颜色,在Text外面套了一个Row在Row上设置背景色及透明最后仍然是整体透明......所以在鸿蒙开发中怎样才能实现仅Text背景色透明而字体颜色不透明呢?

一些小九九:

鸿蒙啊,感觉真的写起来有点麻烦,希望写多了能够熟能生巧......

鸿蒙里对于类型的要求比TS要严格,不能简单的使用any或者Object,必须得用interface啥的定义一波类型......

ForEach()也很神奇......啥啥都得string比如key

Resource类型转string啥的也很神奇......


http://www.ppmy.cn/server/106984.html

相关文章

Python(R)均方根误差平均绝对误差导图

🎯要点 回归模型评估指标评估薪水预测模型评估员工倦怠率模型评估大气分析生成式对抗模型目标对象缺失下,性能估算法追踪模型误差指标降尺度大气学模拟模型准确性评估蛋白染色质相互作用模型评估 Python回归误差指标 平均绝对误差表示数据集中实际值和…

python-opencv读写图像中文路径的问题

在使用python的opencv库处理图像时,通常使用cv2.imread()函数读取图像,然而如果图像路径包含中文,则会读取失败。对此,需要作以下修改,即可读取中文路径的图像。 cv2.imwrite(filename, img) 修改为 cv2.imencode(.jp…

Megatron 自然语言处理实战指南

这个项目的Table of Contents(目录)提供了一个全面的指南,涵盖了Megatron及其相关工具、技术和应用的多个方面。以下是各部分的简要介绍: 1. Megatron Overview(Megatron概述) 本部分介绍Megatron项目的总体情况,包括其目标、特点以及在大规模语言模型训练中的应用。2.…

【ShuQiHere】用类来实现LSTM:让你的模型拥有更强的记忆力

【ShuQiHere】 欢迎回到ShuQiHere!今天我们要来聊一聊LSTM(Long Short-Term Memory),一种非常流行的循环神经网络(RNN)变种。LSTM以其卓越的记忆能力和处理长序列数据的强大性能而闻名。今天,我…

实现Kruskal算法连通游戏地图地牢

前置知识 c分享|并查集从入门到出门 - 力扣(LeetCode) 彻底搞懂克鲁斯卡尔(Kruskal)算法(附C代码实现) - QuanHa - 博客园 (cnblogs.com) 白色点矩形是地牢,其中白线是按照krsukal…

【无标题】如何实现数据列表的滚动效果,快速处理

如何实现某个数据列表滚动效果&#xff0c;快速处理。 <div class"tableData" id"tableData"><div class"tables" id"tables"><div class"dataLine"><div class"appcation"></div>…

【FESCO福利专区-注册安全分析报告-无验证方式导致安全隐患】

前言 由于网站注册入口容易被黑客攻击&#xff0c;存在如下安全问题&#xff1a; 1. 暴力破解密码&#xff0c;造成用户信息泄露 2. 短信盗刷的安全问题&#xff0c;影响业务及导致用户投诉 3. 带来经济损失&#xff0c;尤其是后付费客户&#xff0c;风险巨大&#xff0c;造…

【MATLAB学习笔记】绘图——自定义标记(Marker)形状,实现与MATLAB自带标记基本一致的功能(自适应缩放、自适应裁剪)

目录 前言自定义标记函数自定义标记函数的说明纵横比调整将图形大小按磅数设置平移标记点绘制标记点边界标记点不裁剪 拓展功能——标记点自适应绘图区的缩放绘图区缩放回调函数标记点大小自适应标记点裁剪自适应 示例基本绘图自定义标记函数的使用 总代码主函数自定义标记函数…