莫张周刘王 发表于 2026-1-29 19:24:55

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

近来开发鸿蒙,刚打仗不免二僧人摸不着头脑,尤其是样式......
配景

在做银行卡表现的一个小需求时:
每个Text都必要设置fontColor:'#FFFFFF"
想着是否可以简朴点
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvNDRkM2I0ZmQzZjBlNGNjM2I0MzNkZjVhNWM5ODI5MDUucG5n

办理历程

思绪一:(拒绝)
利用@Styles 提取封装公共样式(感觉如果样式多的时间较为方便,就一个字体颜色样式大可不必)
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvMGUwMDQxYTE0YWViNGExYTk3ZjI4ZjIyZDdkMmIyNDAucG5n
思绪二:(采取)
利用@Builder封装函数传参(感觉非常不错,相称于封装了一个白色的Text直接用)
PS:我还加了fontSize这个参数,嘿嘿
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvZWViMmI0NDQzZjAxNDI5NWJkMzhhMjlmMmVlNDhjMjgucG5n
 然而,发现点击小眼睛表现完备数据时没有反应(点眼睛没用了)

https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvNjNjMzk1ZDJmNGJiN2RjNGE0ZjcwNjRkYTUzZTMzNzkucG5n
原来是由于:this标题,我传入的text文本content有的是三元表达式this.xxx ? xx : xx
终极办理方案:利用@Builder升级版
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvNDUzNmZmZTBlYmJjNDU5OWE4YzA3OGMxN2Q4MDgwNWQucG5n
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvNWQ2OWVjYmE0YjhjNDA4MWIzNmY1MzM2OTQxYjlkYTAucG5n
末了,点击小眼睛也可以正常利用啦!
新的疑惑


[*]利用whiteText({content:xxx,size:xx})时不能直接在表面再.width()等设置其他样式了,在想是否有更加机动的办理方法。
[*]发现Text设置透明样式opacity时团体透明(包罗笔墨、配景致),而backgroundColor里又好像不能利用ragb情势的颜色,在Text表面套了一个Row在Row上设置配景致及透明末了仍旧是团体透明......以是在鸿蒙开发中怎样才华实现仅Text配景致透明而字体颜色不透明呢?
backgroundColor可以利用rgba()!!! 对不起,错怪你了,鸿蒙。。。https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvNTI1OWNhOWI4OTNiNGFmOGE3Mzc0Y2U1NWQ0OGIxZTUucG5n
 https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvYmJiOTYwZWZmNDZiNDliMGE3YTFlOGNjYWQ3NzgxYjAucG5n
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvZDM3OTcwMzQyMGZmNDMwYmFiOGUxYTg3MzNkOTFmZjQucG5n
一些小九九:
鸿蒙啊,感觉真的写起来有点贫苦,渴望写多了可以大概熟能生巧......
鸿蒙里对于范例的要求比TS要严格,不能简朴的利用any大概Object,必须得用interface啥的界说一波范例......
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvZWJiZDUzZDE3NmI3NGMyZjg0MTEzYjA2ZjcwNjZjM2MucG5n
ForEach()也很神奇......啥啥都得string好比key
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvOTE1MTEyMWRjMTI1NDU5OTk3OTRlMzFmZTNiYWU5ODYucG5n
Resource范例转string啥的也很神奇......

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!qidao123.com:ToB企服之家,中国第一个企服评测及软件市场,开放入驻,技术点评得现金
页: [1]
查看完整版本: 【鸿蒙样式初探】多个组件怎样共用同一样式