程序猿追的博客

手机里总有一些东西是“看一眼就想删”的。浏览器的历史记录、购物车的过期商品、备忘录里半年前写的草稿。如果一条一条删，光是点删除按钮再确认，就足够让人烦躁得想把手机扔出窗外。但如果是手势左滑删除，速度会快不少；如果能多选几条然后一键清空，那种快感就更强烈了——就像一口气撕掉冰箱上所有过期的便签，爽快。我一直觉得，“多选删除”是列表控件从“能用”到“好用”的一道分水岭。它不复杂，但实现起来涉及状态同步、复选框的批量联动、以及删除时的数组安全性。

你有没有注意过，很多 App 的顶部都有一排选项卡？比如新闻 App 的“推荐”“热点”“科技”，电商 App 的“首页”“分类”“购物车”。这些选项卡有一个共同的特点：点一下某个标签，它就会高亮变色，同时其他标签恢复默认状态。这个交互叫“选项卡切换”，是所有 UI 设计师工具箱里最基础的模式之一。通常，实现选项卡需要用到复杂的容器或专门的控件。但在 HarmonyOS 里，有一个更轻巧的方式：就用普通的Text组件，加上onClick事件，配合@State状态管理，几行代码就能搭出一个漂亮的选项卡。

家里的冰箱门上贴着十几张便利贴，有提醒买牛奶的、有写着周末聚餐地址的、还有一句“别忘浇花”。这些纸条过不了多久就卷边了，字迹被水汽洇糊，看着像出土文物。我一度想买个软木板挂墙上，后来转念一想：手机天天揣兜里，为什么不直接在上面写？于是打开 DevEco Studio 6.1.1 Beta1，在 Pura X Max 模拟器上攒了个最简单的留言板——上面敲字，点发送，下面自动生成一排小卡片，每条留言都带着时间戳，不要的还能划掉。整个过程没用到任何复杂的组件，就用TextInputButton和List。

小时候在红白机上玩“小蜜蜂”和“雷电”，屏幕上的飞机从左移到右，子弹向上飞，敌机从顶部落下。手指按着方向键，眼睛盯着碰撞的那一刻，那种紧张感现在还记得。如今手机性能已经足够强，但这类简单的射击游戏依然让人上瘾——它们规则直白、反馈即时，三五分钟就能打一局。我一直想试试用 HarmonyOS 的 Canvas 写一个这类游戏。不需要花哨的素材，就几个几何图形代表飞机、子弹和敌机，加上一套简单的运动逻辑和碰撞检测，就能在模拟器上跑起来。

你有没有过这种经历：在 App 里填完个人信息，点“提交”，弹出一句“提交成功”，然后所有输入框还傻傻地留着刚才的内容，仿佛在说“你可以走了，但这些字我们留着慢慢看”。这让我有点不舒服。我填完了，成功了，就应该清空——这是一种数字时代的“谢幕礼”。既然走了，就把痕迹擦掉，把输入框还给下一个使用者，也还给空白。但很多应用并没有这么做。于是那天下午，我打开 DevEco Studio 6.1.1 Beta1，在 Pura X Max 模拟器上，用两个TextInput和一个Button。

上周三，产品经理突然在群里说：“我们的 App 列表项能不能加个长按菜单？就像微信那样，长按可以弹出‘删除’‘置顶’‘标记已读’。”我盯着屏幕，脑海里第一反应是自己写一个 Popup 组件，监听长按手势，计算弹出位置——但转念一想，HarmonyOS 应该提供了现成的 Menu 组件吧？翻了下文档，果然有，而且用起来比我想象的简单得多。一个Menu，几个MenuItem，再往按钮上一绑，菜单就出来了。

那天晚上十一点，手机屏幕亮起，产品经理的消息弹出来：“首页加个横滑推荐，就像淘宝那种，圆角卡片，左右滑，今晚能出吗？”我盯着天花板叹了口气。这种需求，说难不难，说简单也有坑：横滑怎么做？滚动条要不要隐藏？卡片之间间距怎么控制？会不会影响纵向滚动？我在 DevEco Studio 里新建了个项目，对着 Pura X Max 模拟器，从Scroll组件开始，一步一步踩过来。最终只用了四十多行代码，五个圆角卡片就安静地躺在那里，手指滑过，它们像放在抽屉里的明信片，一张接一张地露出来。

发微博的时候，你有没有被那个右下角的数字制裁过？你正写得文思泉涌，突然“198 / 200”变成了“205 / 200”，那串数字变红了，输入框也像被施了咒一样，再多敲一个字都吞不进去。你只好停下来，回去删掉几个“的”字，把“哈哈哈哈”改成“笑死”，小心翼翼地把字数压回 200 以内。这个限制无处不在：微博 140 字（后来放宽了），短视频标题 50 字，短信 70 字，小程序简介 100 字……监听输入内容、计算字符数、比较上限、决定是否允许继续输入。

九十年代的网页上，有一种东西叫<marquee>。你写一段话，用这个标签一包，它就像一条虫子一样从屏幕右边爬到左边，周而复始。那个时候的个人主页，恨不得把所有欢迎词都设成跑马灯，再配上闪烁的彩色字体和背景音乐，气势上不能输。后来这个标签被 W3C 废弃了，因为它太“不严肃”了。但跑马灯本身没有消失——地铁站的电子屏、银行门头的 LED 滚动字、手机通知栏的消息提醒，本质上都是跑马灯的变体。字太多，屏幕太窄，怎么办？HarmonyOS 的 ArkUI 里，Text组件自带了一个marquee属性。

本文介绍了HarmonyOS中的TextClock组件，它能自动更新时间显示而无需手动维护定时器。通过设置format属性可灵活控制时间格式（24/12小时制），结合Preferences持久化用户偏好。示例代码展示了如何创建自更新的数字时钟，包括日期显示和时间制式切换功能，体现了声明式UI的便利性，相比手动实现更简洁可靠。该组件简化了时间显示开发，是框架提供的高效解决方案。

上个月帮朋友调一张海报，设计师甩过来一串#3F7CAC，让我在另一款软件里用 RGB 数值复刻。我盯着那六个字符，在调色板里拖了半天，结果色差大到朋友以为我是色盲。后来我才知道，那款软件只认 HSL，而我对这三个字母的理解仅限于“H 好像是色相”。那天晚上我翻出了色彩科学的资料，把 RGB、HEX、HSL 的换算公式老老实实推导了一遍。弄明白之后我忽然觉得，这种互转其实很适合做成一个随身小工具——三个滑块拖一拖，颜色就在屏幕上实时变化，对应的六种格式（RGB 数值、HEX 字符串、HSL 数值）自动同步。

您的密码太弱，请包含大写字母、数字和特殊符号。”每次注册新账号，看到这行红字我都想翻白眼。不是我不想设强密码，是我的大脑真的记不住这种东西。直到有一天我认真研究了一下：到底什么样的密码才算强？多长才够？那些网站是怎么在一瞬间给出“弱、中、强”评价的？结论是，规则其实很简单，但普通用户从没被好好解释过。于是那个周末，我打开 DevEco Studio 6.1.1 Beta1，在 Pura X Max 模拟器上写了一个密码强度实时检测工具。

上周末收拾旧物，翻出一张塑料棋盘和半盒黑白棋子。记得小时候，这副棋是我和表弟打发午后时光的神器，从入门到互有胜负，后来我悄悄背了几个定式，连胜三局之后他就不跟我玩了。现在想想，那时候所谓的“定式”不过是几个开局套路，离真正的棋理还差得远。可那是我第一次感受到“算计”的乐趣——不是算计人，而是算计棋盘上的可能性。那个下午，我把棋盘收进抽屉，打开了 DevEco Studio 6.1.1 Beta1。Pura X Max 模拟器亮着屏，我忽然觉得，与其怀念儿时的对手，不如自己造一个。

数字时钟看久了总觉得冷冰冰的。固定的七段数码管，黑底白字，一秒跳一下，像在催促什么。我一直想做一个“活的”时钟——那些构成数字的笔画不是静止的，而是由一群小光点组成的，它们从四面八方飞来，落到正确的位置上，拼出当前的时间。每当秒钟跳动，那些光点就重新飞起来，找到新的位置安顿下来。整个过程像一群萤火虫在夜空中排队，既有秩序感，又带着一点点随机的美感。这个想法搁在心里很久了。上周晚上闲着，我打开 DevEco Studio 6.1.1 Beta1，在 Pura X Max 模拟器上把这个粒子时钟写了出来。

前几天帮朋友设置路由器，在局域网配置里看到一行字：“IP 地址 192.168.1.100，子网掩码 255.255.255.0”。朋友问我：“这个 255 到底是干嘛的？为什么同一个办公室的电脑 IP 都是 192.168.1.xxx？”我解释了半天网络位和主机位，发现越说越绕。回家之后我打开 DevEco Studio 6.1.1 Beta1，想着干脆写一个小工具，把 IP 和掩码输进去，网络地址、广播地址、可用 IP 范围一次性全算出来，还能把掩码翻译成“/24”这种 CIDR 格式。

中午十二点，办公室里总会响起那句魔咒：“今天吃什么？这种选择困难，本质上不是没得吃，而是选项太多，大脑宕机。有天我实在不想再纠结了，打开 DevEco Studio 6.1.1 Beta1，在 Pura X Max 模拟器上写了个抽签工具。它把午餐拆成主食、肉类、蔬菜三大类，每类里面放着常吃的食物，点一下按钮，随机给你搭出一套组合，还能手动排除不想要的食材——比如我今天就是不想吃香菜。

手机用久了，就会得一种“老年病”：打开个应用要转三圈，拍张照提醒存储空间不足，系统更新包永远下不来。我妈的手机就是这样，她问我：“这手机是不是内存不够了？”我说：“是存储空间快满了，内存和存储是两码事。”她一脸茫然。那一刻我发现，很多人分不清 RAM 和 ROM，也看不懂设置里那些 GB、MB 到底是个什么概念。于是我打开了 DevEco Studio 6.1.1 Beta1，在 Pura X Max 模拟器上写了一个简单的小工具，它能把手机的存储空间和内存使用情况摊开来看——总容量、已用、可用，一目了然。

最近接了个小活，要在一份报告中展示用户来源分布。甲方给了个 Excel 表格，里面有七组数据，每个数据配一个标签。我盯着那堆数字看了半天，忽然意识到他们真正想要的不是表格，是一张饼图——大块儿的“自然流量”一眼就能看出来，小块的“付费广告”也不会被忽略。饼图这东西，就是给数字穿上戏服，让它们在一张圆饼上争地盘。市面上画图表的库不少，但 HarmonyOS 应用里，我更喜欢自己用 Canvas 画。

你有没有这样的经历：后端接口返回的字段是，前端偏偏要用驼峰，数据库里存的又是全大写。你手动复制粘贴，一个个字母改，改到第三个变量的时候已经忘了原本是什么。更要命的是，有些团队规范要求常量全大写加下划线、类名大驼峰、方法名小驼峰。一个词在项目里以四五种面孔出现，改名改到怀疑人生。我就是被这种重复劳动折磨够了，打开 DevEco Studio 6.1.1 Beta1，在 Pura X Max 模拟器上花了一晚上写了个文本转换工具箱。

去年公司年会，行政小姐姐拿着一摞写满名字的小纸条进进出出，让我们轮流从纸箱里摸。我摸到一只蓝牙耳机，坐我旁边的同事摸到一枚回形针——她说那是“安慰奖”。那场面，多少有点尴尬。今年年会前我主动请缨，说别用纸条了，我给你们写个抽奖程序吧。于是上周日，我打开 DevEco Studio 6.1.1 Beta1，对着 Pura X Max 模拟器，用几个和，搭出了一个滚动抽奖器。名字能在屏幕上飞快跳转，像老虎机一样，点“停止”就定格在某个幸运儿头上。全程不用联网，不用纸笔，名单还能随时编辑。

事情是这样的。一个朋友快过生日，我想送点不一样的。贺卡太俗，红包太冷，琢磨半天，忽然想起大学高数课上老师随手在黑板上画过一条心形曲线。那条公式我至今记得：x = 16 sin³ t, y = 13 cos t - 5 cos 2t - 2 cos 3t - cos 4t。当年只觉得神奇，现在想想，这不就是现成的“程序员的浪漫”吗？打开 DevEco Studio 6.1.1 Beta1，在 Pura X Max 模拟器上，我花了一晚上把这条公式从数学课本搬进了手机屏幕。这篇文章就是那个晚上的记录。

有次翻手机相册，发现一些从论坛下载的图片名字怪怪的——比如。不是拍摄时间，不是序号，就是一串赤裸裸的数字。我盯着那串数字看了半晌，突然想起 Unix 时间戳这玩意儿：从 1970 年 1 月 1 日零点开始的秒数。1714809600？那到底是个什么日子？当时我切出相册，打开浏览器搜了个在线转换工具，才解了惑。但这件事让我老惦记着：明明是个很简单的算术问题，为什么每回都得打开网页？如果手机里躺着一个利索的小工具，输入数字就蹦出日期，选个日期就吐出那串数字，该多顺手。

春节回老家，亲戚们围在一起打牌。我负责发牌，手一滑牌撒了一地，捡起来随便拢了拢就接着发，结果那一局小姨连抓三把“王炸”，被怀疑作弊。我说这是手气，但心里也犯嘀咕：到底怎样才算真的把一副牌“洗乱”了？后来学编程，才知道有一种叫 Fisher-Yates 的洗牌算法，专治各种“洗不匀”。正好手边 DevEco Studio 开着，模拟器里那台 Pura X Max 亮着屏，我心想不如用 HarmonyOS 写一个发牌器，把洗牌的每一步都摊开在屏幕上。

念中学的时候，数学课本上那个“勾三股四弦五”的三角形旁边，往往还配着一张图：直角三角形三条边上各长出一个正方形。那时候盯着图看了很久——倒不是题目难，而是觉得这种“边长平方加起来相等”的关系很奇妙，像某种自然法则。后来知道，这个图继续画下去，从直角边上再生出新的直角三角形和正方形，一层层往上堆，就能长成一棵大树。它就是毕达哥拉斯树，一棵完全由勾股定理浇灌出来的分形树。我一直想在手机屏幕上亲眼看着这棵树从一根树干开始，慢慢分出枝丫，越长越密。

国际象棋里有个老谜题：能不能在 8×8 的棋盘上摆 8 个皇后，让她们谁也不敢动谁？皇后攻击范围是整行、整列、整条对角线，所以这要求每行每列每条斜线上都只能有一个皇后。这个问题放在 1848 年就被人提出来了，后来成了计算机系教“回溯算法”的保留曲目——92 组解，全是靠“试试看、不行就退”的笨办法筛出来的。我一直觉得回溯很抽象，直到有一次在纸上手动画了四皇后的搜索树：放一个，检查一下，冲突了就擦掉挪一格，再冲突再擦……忽然就通了。

小时候冬天在窗边呵气，玻璃上的霜花总是长成对称的树状图案——一片叶子分出更小的叶子，小叶子再分出更小的，无穷无尽。后来才知道，那种“自己像自己”的结构在数学里叫分形。分形里最出名的一张脸，就是科赫雪花。它的画法简单到三句话就能说清，却能在有限面积里挤出无限长度的边界线，像一桩完美的数学魔术。我一直想在手机屏幕上亲手把这片雪花“种”出来——不是贴一张静态图片，而是用滑块一层层控制递归深度，看它从三角形变成六角星，再慢慢长出越来越细的毛刺。

摘要 本文介绍了如何使用HarmonyOS的Canvas绘制斐波那契螺旋线。斐波那契数列（1,1,2,3,5,8...）相邻数比值趋近黄金比例0.618，通过将数列值作为正方形边长依次排列，并在每个正方形内绘制四分之一圆弧，即可形成近似黄金螺旋的曲线。文章详细讲解了实现步骤：1）生成斐波那契数列；2）确定正方形摆放位置和方向；3）计算缩放比例使图形居中；4）使用HSL颜色空间实现彩虹渐变效果。提供的完整代码可在DevEco Studio 6.1.1 Beta1中运行，通过滑块控制迭代次数（2-10），实时生

本文分享了在HarmonyOS NEXT环境下开发高性能代码比对工具的核心经验。作者通过DevEco Studio 6.0.2环境，重点解决了PC端开发中的性能瓶颈问题，包括： 采用TaskPool多线程计算实现Myers差分算法，避免主线程阻塞 设计双List同步滚动机制，通过Scroller对象实现像素级精准同步 优化渲染性能，包括固定行高、禁用回弹效果、使用等宽字体等技巧 深入HarmonyOS底层特性，如NAPI通信、权限管理等PC端开发要点 文章展示了如何通过ArkTS的声明式UI与原生能力结合，

在大厂卷了这么多年底层架构，我发现很多开发者在做地图应用时，最容易陷入一个惯性思维：地图给什么，我们就喂给用户什么。不管是高德、百度还是谷歌，传统的导航逻辑本质上是一套“中心化的路径规划算法”。你输入 A 点和 B 点，后台服务器通过复杂的 Dijkstra 或者 A* 算法给你算出几条线，你只能在其中选一条。但这真的是骑行者想要的吗？作为一个周末经常出没在妙峰山或者环二环的骑行老炮儿，我深知传统导航在骑行场景下的“低能”。

《用HarmonyOS Canvas实现跳一跳小游戏》摘要：本文详细介绍了如何利用HarmonyOS Canvas组件从零开发类似"跳一跳"的小游戏。作者通过DevEco Studio 6.0.2环境，基于ArkTS语言实现核心功能：1) 使用触摸事件处理蓄力逻辑；2) 运用高中物理抛物线公式模拟小球运动；3) 通过Canvas组件实现动画渲染。文章重点解析了重力加速度模拟、触摸事件处理和Canvas绘制等关键技术点，展示了如何用不到200行代码实现完整的游戏物理引擎。该项目不仅验证了H

不知道你有没有留意过一个现象：现在的手机备忘录里几乎都自带涂鸦功能，开会时随手画个示意图，比打字快得多。但你有没有想过，这个功能背后到底是怎么实现的？手指在玻璃上划过的轨迹，是如何被“翻译”成屏幕上一条条彩色线条的？这篇文章打算用 HarmonyOS 原生的 Canvas 组件，从零开始搭一个能跑在华为手机模拟器上的简易画板。代码不复杂，但每一步的原理我都会拆开来讲清楚。四个核心功能——画线、换色、调粗细、清空——写完之后，你对 ArkTS 里自定义绘制这件事会有一个非常具体的认知。

用手机测量距离这件事，很多人第一个想到的是打开地图 App，长按起点再长按终点，等系统算出一条蓝线。这当然可以，但如果只想简单测一下“我离某个地方大概多远”，地图的操作链条显得有点长。那能不能自己动手做一个小工具？不依赖地图 SDK，不用加载复杂的瓦片图层，就用系统自带的定位能力，拿到当前位置的经纬度，再和预设的几个“虚拟地标”算一算球面距离，完事。正好 HarmonyOS 的 Location Kit 提供了完整的定位服务，从权限申请到坐标获取再到状态监听，接口设计得相当清晰。

有时候，“打电话”这件小事还挺磨人。打开电话应用，在通话记录里找半天，或者从通讯录里翻上好几页——手指滑来滑去，眼睛盯着屏幕，两三秒的操作硬生生拖成十几秒。单手操作时更是手忙脚乱，拇指够不着，误触是家常便饭。有没有办法把最常用的几个联系人放在“手边”，点一下就能拨出去？答案是有。鸿蒙系统已经内置了“联系人”小工具，长按桌面就能添加。但如果我们想自己动手做一个呢？不需要多复杂，三五个最常用的号码，点一下直接跳拨号盘，马上就能呼出。

本文介绍了如何利用HarmonyOS开发一个"废话生成器"应用。该应用通过输入标题自动生成800字左右的文章，涵盖了文本输入、状态管理、随机算法等核心功能。文章详细讲解了HarmonyOS开发的关键技术点：使用@Entry和@Component定义组件，@State实现数据驱动UI更新，Column和Scroll进行布局，TextInput和Button处理交互，以及promptAction提供操作反馈。通过这个实用案例，读者可以快速掌握HarmonyOS应用开发的基础知识，同时获得一个

本文介绍了如何使用HarmonyOS开发一个"复制历史回溯器"应用，主要功能包括：1. 监听系统剪贴板变化，自动记录复制内容；2. 保存历史记录到本地数据库；3. 支持一键回填和长按复制功能。文章详细讲解了HarmonyOS剪贴板API的使用方法，包括权限申请、监听剪贴板变化、读写剪贴板内容等核心功能实现，以及使用Preferences进行数据持久化存储的技术要点。同时提供了完整的代码实现和测试方法，帮助开发者快速掌握HarmonyOS剪贴板开发的核心流程。

开会的时候，你有没有过这种冲动——眼睛盯着领导，手在桌子底下悄悄划拉着什么？手机太显眼，电脑屏幕会反光，但手腕上的那块小屏幕，谁也注意不到你在干嘛。没错，今天我们要在 HarmonyOS 手表上写一个贪吃蛇游戏。这事儿听起来挺酷的，做起来其实也不难——你只需要了解 Canvas 绘图、定时器、方向控制这几样东西，一两个小时就能搞定。写完之后你就会发现，手表开发没想象中那么玄乎，那些用来水文章的时间，不如用来水个游戏。

HarmonyOS PC 版的未来，不在于复刻手机体验，而在于突破手机的性能上限。通过直接触达底层媒体流并构建自定义图形管线，我们能够创造出专业、精细、极具视觉冲击力的生产力辅助工具。本文展示的音频视觉化引擎，仅仅是鸿蒙图形与媒体能力的一个缩影。当开发者开始思考如何“超越 UI”去构建应用时，鸿蒙生态才真正释放了其大屏端的澎湃动力。

HarmonyOS PC 版的未来，不在于复刻手机体验，而在于突破手机的性能上限。通过直接触达底层媒体流并构建自定义图形管线，我们能够创造出专业、精细、极具视觉冲击力的生产力辅助工具。本文展示的音频视觉化引擎，仅仅是鸿蒙图形与媒体能力的一个缩影。当开发者开始思考如何“超越 UI”去构建应用时，鸿蒙生态才真正释放了其大屏端的澎湃动力。

/ 统一响应格式（约定后端返回这个结构）data: T;// 请求配置method?params?// URL 查询参数data?: object;// 请求体headers?// 额外请求头timeout?: number;// 错误类型为什么要定义泛型？实际项目里，后端接口通常都有一个统一的外层结构，比如。定义泛型包装类型之后，调用方拿到的data就是已经类型安全的具体业务数据，不需要每次都手动取再断言类型。IDLE = 'idle', // 初始状态。

说来话长。某天下午摸鱼，突然想在鸿蒙上做个小游戏练练手。Canvas 绘图、动画帧循环、碰撞检测、手势交互，一个项目全搞定，学得也扎实。花了个周末搓出来了，效果还不错，代码也不算太复杂。这篇文章把整个开发过程完整记录下来，代码每一块都会解释思路，不只是甩代码走人那种。一个弹来弹去的小球一块玩家控制左右移动的挡板上方一排可以被打碎的砖块打完一排自动补充，计分，有最高分记录球掉下去扣命，三条命游戏结束话不多说，开始。// 二维向量，用来表示位置和速度x: number;