Flutter for OpenHarmony: Flutter 三方库 duration 让鸿蒙应用的时间长度处理变得灵动而具人情味(语义化时长专家)

Flutter for OpenHarmony: Flutter 三方库 duration 让鸿蒙应用的时间长度处理变得灵动而具人情味(语义化时长专家)

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net

在这里插入图片描述

前言

在进行 OpenHarmony 的 UI 开发时,我们经常需要处理“时长(Duration)”:

  1. 视频播放器:如何将 Duration(seconds: 3661) 显示为漂亮的 01:01:01
  2. 任务管理:如何让用户输入 2d 4h 就能自动识别为 2 天 4 小时?
  3. 社交动态:如何精确显示为“剩余 5 小时 30 分钟”而不是干巴巴的数字?

duration 软件包正是为了解决这些“最后 1 公里”的显示与解析问题。它弥补了 Dart 原生 Duration 类在格式化方面的空白,为鸿蒙应用提供了专业的语义化时长处理能力。


一、时长语义化转换模型

该库支持在“机器时间(ms)”、“短文本(2h 3m)”与“长描述(2 hours …)”之间自由切换。

Duration(7200s)

duration 格式化器

'2h 0m' (精简)

'2 hours' (语义)

'1d 12h'

duration 解析器


二、核心 API 实战

2.1 将 Duration 转为漂亮的字符串

import'package:duration/duration.dart';voidformatDuration(){final d =Duration(hours:2, minutes:34, seconds:12);// 💡 极简输出: 2:34:12 (非常适合鸿蒙视频进度条)print(printDuration(d, abbreviated:true, spacer:''));// 💡 全称输出: 2 hours 34 minutes 12 secondsprint(printDuration(d, locale:DurationLocale.fromLanguageCode('zh')!));}
在这里插入图片描述

2.2 字符串解析为 Duration

voidparseInput(){// 💡 直接解析用户输入的文字Duration d =parseDuration('2h 45m');print('总分钟数: ${d.inMinutes}');// 165}
在这里插入图片描述

三、常见应用场景

3.1 鸿蒙运动健康应用的“累计时长”展示

在统计用户本周的运动总时长(如 15000 秒)时,通过 duration 库自动转换为“4 小时 10 分钟”,并能根据鸿蒙系统的多国语言设置,自动适配为英语、阿拉伯语等对应的语义格式,提升应用的国际化档次。

在这里插入图片描述

3.2 鸿蒙智能家居的“延时关机”配置

用户在鸿蒙平板上设置空调“3h 30min”后关机。利用该库强大的解析能力,开发者无需编写复杂的正则表达式,一行脚本即可将其转化为 Dart 原生 Duration,直接对接鸿蒙系统的计时器服务。

在这里插入图片描述

四、OpenHarmony 平台适配

4.1 适配鸿蒙的本地化语言包

💡 技巧duration 库支持多语言。在进行鸿蒙出海开发时,建议通过 DurationLocale 注入对应的本地化翻译。特别是在处理波斯语、日语等具有特殊计数语序的语言时,利用该库内置的国际化算法,能保证鸿蒙应用显示的时长语法绝对无误,避免“5 小时 3 分”被错显示为“3 分 5 小时”的尴尬。

4.2 适配鸿蒙多分辨率的“简繁”控制

在鸿蒙智能手表的微小屏幕上,通过 abbreviated: true 输出极简形式(如 4m 3s);而在鸿蒙平板或电视的大屏上,通过 printDuration 输出全称语义描述。通过该库的灵活参数调优,你可以实现一套代码、多端感知、最优展示。


五、完整实战示例:鸿蒙工程“任务倒计时”渲染器

本示例展示如何生成一个符合中文审美的高级时长描述。

import'package:duration/duration.dart';classOhosTimerFormatter{/// 💡 将秒数转化为鸿蒙精美 UI 可用的时长标签StringformatForOhos(int seconds){final d =Duration(seconds: seconds);print('🎨 正在为鸿蒙页面美化时间载荷...');returnprintDuration( d, delimiter:' ',// 元素间的分隔符 conjugation:'又',// 最后两个元素的连接词 abbreviated:false,// 是否简写 locale:DurationLocale.fromLanguageCode('zh')!,);}}voidmain(){final formatter =OhosTimerFormatter();// 模拟输出:1 小时 10 分钟 又 5 秒print('任务剩余: ${formatter.formatForOhos(4205)}');}
在这里插入图片描述

六、总结

duration 软件包是 OpenHarmony 开发者打理“时间美学”的专业工具。它将冰冷的毫秒数值转化为带有温度、符合人类自然语言习惯的描述。在构建追求极致用户体验、追求极致多端适配能力的鸿蒙原生应用生态中,引入这样一套精细化的时长管理逻辑,能让您的应用交互体验在细微处见真章。

Read more

继续实践OpenClaw,好不容易把web 管理面板调通,再给它配上一个大模型

继续实践OpenClaw,好不容易把web 管理面板调通,再给它配上一个大模型

OpenClaw小龙虾是github 获得星标最多的项目,OpenClaw之所以能在GitHub上获得极高的关注度,主要原因在于它提供了一个功能强大、易于扩展的AI助手开发平台。把整个操作系统,打造成AI! OpenClaw官网:OpenClaw — Personal AI Assistant 以前的安装记录:https://skywalk.blog.ZEEKLOG.net/article/details/157554991 本来感觉OpenClaw安装是挺简单的,没想到巨坑,有一台机器装好后没有web管理面板.....所以本来很简短的文档,写成了巨幅文档。 安装OpenClaw 先在192.168.1.12安装,但是它没有systemd服务,导致OpenClaw的服务无法自动启动。需要手工执行openclaw gateway命令启动。 后在192.168.1.19安装。但是装好后没有web管理面板,反复删除重装也没有,最后是安装的openclaw-cn ,才解决了问题。参见这个文档:https://skywalk.blog.ZEEKLOG.net/article/

By Ne0inhk
Flutter 组件 inappwebview_cookie_manager 适配 鸿蒙Harmony 实战 - 驾驭核心大 Web 容器缓存隧道、构建金融级政企应用绝对防串号跨域大隔离基座

Flutter 组件 inappwebview_cookie_manager 适配 鸿蒙Harmony 实战 - 驾驭核心大 Web 容器缓存隧道、构建金融级政企应用绝对防串号跨域大隔离基座

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net Flutter 组件 inappwebview_cookie_manager 适配 鸿蒙Harmony 实战 - 驾驭核心大 Web 容器缓存隧道、构建金融级政企应用绝对防串号跨域大隔离基座 前言 在鸿蒙(OpenHarmony)生态的全面爆发元年、特别是涉及到极高密级强网大盾政务信创办公大系统、亦或是动辄流水千万级每日亿级请求的极金融极支付级别的大应用沙盘之中。“如何绝对安全且极其严密地在原生系统底层、Flutter 大前台视图甚至与那些及其脏乱差极不可控的第三方或者内部历史遗留极大旧有 Web H5 容器之间进行身份 Cookie 或者重大利益 Token 的极其安全单向大透传与绝对防死净清理?”这绝对是一扇只要微微由于你的无知或者偷懒漏出那么一丝极小门缝,就会在极短时间导致全应用甚至全行业发生恶性串号、极大账本混乱甚至直接导致极大数据严重越权被全面极光大拉库漏底的核爆级架构黑洞死命门。如果你带领的 0308 批次前端依然只能极其粗糙地开一个极其简陋粗暴且

By Ne0inhk
【数据结构】八大排序之快速排序:分而治之的艺术

【数据结构】八大排序之快速排序:分而治之的艺术

文章目录 * 快速排序 * 1.hoare版本 * 算法优化 * 三数取中法 * 小区间优化 * 完整代码如下 * 算法分析 * 时间复杂度 * 空间复杂度 * 2.前后指针法 * 排序过程 * 3.非递归(栈模拟) * 实现思路 * 总结 快速排序 快速排序是Hoare于1962年提出的一种二叉树结构的交换排序方法,其基本思想为:任取待排序元素序列中 的某元素作为基准值,按照该排序码将待排序集合分割成两子序列,左子序列中所有元素均小于基准值,右 子序列中所有元素均大于基准值,然后最左右子序列重复该过程,直到所有元素都排列在相应位置上为止。 1.hoare版本 简单来说就是选某个元素为基准值(这里先默认第一个),然后把比基准值小的都放到基准值的左边,比基准值大的都放到基准值的右边 以下图为例 先以6为基准 然后左边找大,右边找小,之后互换 进行这么一趟后,6左边就都比它小,右边都比它大 然后以6为分界线,再分成两个区间,类似于二叉树 vo

By Ne0inhk
LeetCode——双指针(初阶)

LeetCode——双指针(初阶)

文章目录 * 简要介绍 * 对撞指针 * 快慢指针 * 相关例题 * 移动零 * 题目描述 * 实现思路 * 版本一 * 版本二 * 最终版 * 复写零 * 题目描述 * 实现思路 * 版本一 * 版本二 简要介绍 我们的双指针算法是算法题中比较常见的一种算法,常见的双指针实际上是有两种的,一种是对撞指针,一种就是我们的快慢指针。 对撞指针 一般用于我们的顺序结构当中,也叫左右指针。 实现思路: 1、对撞指针就是从序列两端向中间移动。 2、终止条件一般就是两个指针相遇了或是错开了。 快慢指针 这个指针又叫龟兔赛跑算法,就是使用两个移动速度不同的指针在序列上移动。常用于我们的环形链表或是数组中。 实现思路: 1、研究问题是不是有循环往复的现象出现。 2、设置一个快指针和一个慢指针,比如让快指针移动两步,慢指针移动一步。 相关例题 移动零 题目描述 给定一个数组 nums,编写一个函数将所有 0 移动到数组

By Ne0inhk