摘要: 1. 固定高度设置 直接指定容器的绝对或相对高度值: RelativeContainer() { // 子组件... } .width('100%') .height(200) // 固定高度 200vp .backgroundColor('#F0F0F0') 2. 百分比高度 基于父容器高度的百分 阅读全文
posted @ 2025-03-05 17:27 jio-deng 阅读(113) 评论(0) 推荐(0)
摘要: 在ArkTS中若要匹配转码后的空格形式(如URL编码、HTML实体等) 和原生空格字符,需要构建复合正则表达式。以下是增强版实现方案: // 包含原生空格和多种转码空格的测试字符串 let encodedStr = "原始空格 url%20空格+号 html 实体  转义 阅读全文
posted @ 2025-03-05 17:17 jio-deng 阅读(89) 评论(0) 推荐(0)
摘要: 写在前面 突然想到写这么一篇文章,是因为周围人时常都会提起星座相关的话题,而我对此了解甚少,又不知从何开始学起。 正值大模型兴起之时,最近又学习了很多相关知识和用法,便想到用上一用:用大模型来写出一篇文章。即使我不懂星座,只要通过不断的询问的引导大模型,也可以完成文章的编写。 第一阶段:基础概念与框 阅读全文
posted @ 2025-02-27 17:41 jio-deng 阅读(1184) 评论(0) 推荐(0)
摘要: 在 ArkTS(基于 TypeScript 的华为 HarmonyOS 开发框架)中,打乱数组顺序可以通过 Fisher-Yates 洗牌算法 或 sort 结合随机数 实现。以下是两种方法的详细实现和示例: 方法 1:Fisher-Yates 洗牌算法(推荐) 这是最经典、效率最高的打乱数组算法, 阅读全文
posted @ 2025-02-13 14:23 jio-deng 阅读(114) 评论(0) 推荐(0)
摘要: 问题场景 外层控件加了borderRadius,内层控件是默认撑满容器的,实际显示时没有出现圆角。 问题原因 优先显示内层,内层没设置圆角。如果希望内层随着外层的圆角设置,那需要在外层设置.clip(true) 修改 .clip(true) .borderRadius({ topLeft: 15, 阅读全文
posted @ 2025-02-08 14:19 jio-deng 阅读(74) 评论(0) 推荐(0)
摘要: 问题场景 页面的标题要求超长情况下能够折行显示,且后面跟随着一个标签;折行显示时若使用两个Text控件,无法做到文案连续排布的效果,故选择使用Span进行显示。 调研后发现,Span和ContainerSpan均无法设置padding属性,标签的背景显示不正常;需使用CustomSpan进行自定义控 阅读全文
posted @ 2025-01-23 14:48 jio-deng 阅读(54) 评论(0) 推荐(0)
摘要: 问题场景 在page页中,定义了@State status;在实现时发现,将status传入builder,并不能触发改变时的更新。 问题定位 打日志发现,没有发生修改;通过查询资料: @Builder装饰器:自定义构建函数 按引用传递参数 https://developer.huawei.com/ 阅读全文
posted @ 2025-01-04 14:19 jio-deng 阅读(99) 评论(0) 推荐(0)
摘要: 问题描述 官方给出的增加自定义弹窗的动画的方法如下: https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkui-223-V5 1.在弹窗的布局上,通过.transition(…)设置布局的动画 2.通过一个变量 阅读全文
posted @ 2025-01-04 14:16 jio-deng 阅读(68) 评论(0) 推荐(0)
摘要: 场景描述 1.当Text组件长度不固定,设置了ellipsisMode;文本长度很长,超出了显示的范围 2.需要和其他同级组件放置在同一个容器中 3.父容器长度不固定,通过weight计算得出 此时Text组件的长度计算有问题,会直接与父容器的大小一致,将其他组件顶到父容器外去显示。 问题解决 官方 阅读全文
posted @ 2025-01-03 10:17 jio-deng 阅读(73) 评论(0) 推荐(0)
摘要: 场景描述 # 接口 export interface Event { onChange: (type: string, item: Item) => void; } # 实现 event: Event = { onChange(type: string, item: Item): void { .. 阅读全文
posted @ 2025-01-02 20:31 jio-deng 阅读(40) 评论(0) 推荐(0)