logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

HarmonyOS7 多线程:Worker 让耗时任务不再卡 UI

你有没有遇到过这种情况:列表页加载 5000 条数据,排序逻辑一跑,整个页面直接冻住?用户疯狂点击屏幕没反应,心想这 App 怎么跟死机了一样。根本原因就是耗时任务占了主线程,UI 没机会刷新。解决方案很简单——把耗时任务扔到子线程去跑,Worker 就是干这个的。JavaScript 天生是单线程的,ArkTS 也没逃掉这个基因。但 HarmonyOS7 给了两个多线程方案:Worker 和 T

文章图片
HarmonyOS7 WebView 混合开发:原生和 H5 通信的 4 种姿势

做移动开发,纯原生的项目越来越少了。老板要快、要省钱、要热更新,H5 混合开发基本是标配。但混合开发最头疼的事就是——原生和 H5 怎么通信?H5 要调原生的支付,原生要往 H5 里塞数据,登录态怎么同步?HarmonyOS7 的 WebView 组件提供了好几种通信方式,我整理了 4 种最常用的姿势,帮你一次搞明白。H5 调原生 → javaScriptProxy(注入原生对象)原生调 H5 →

文章图片
#开发语言
HarmonyOS7 视频播放:Video 组件从入门到自定义控制器

视频播放这功能,看着简单——不就是个 Video 组件嘛。但真要做得像样,自定义控制器、全屏切换、手势控进度,一个比一个折腾。HarmonyOS7 自带的 Video 组件默认控制器功能有限,样式也不可控。想要自己的播放器 UI,就得手动搞一套。这篇文章从最基础的用法讲起,一路到自定义控制器 + 手势控制,够你做出一个像样的视频播放器。我的目标是:看完这篇,你能做出一个带自定义进度条、播放/暂停按

文章图片
HarmonyOS7 UI 自动化测试:UiTest 框架从 0 到 1

你有没有试过改了一行代码,结果三个页面炸了?我上个月就干过这事——改了个按钮颜色,把整个订单流程搞崩了。手动测了两天才把问题找全,人都麻了。要是有一套自动化测试能替我点点点,该多好。折腾了一周 UiTest 框架,终于跑通了第一个 UI 自动化测试用例。今天把整个过程分享出来,帮你少踩坑。HarmonyOS7 提供了官方的 UI 自动化测试框架UiTest,专门用来对 ArkUI 页面做自动化验证

文章图片
HarmonyOS7 工具栏设计:MenuBar + Toolbar 搭建高效操作区

一个 App 用起来爽不爽,很大程度取决于操作区设计得好不好。顶部菜单栏放什么操作,底部工具栏怎么排列,这些细节直接影响用户的操作效率。HarmonyOS7 给我们提供了 MenuBar 和 Toolbar 两套组件,一个管菜单一个管工具栏,搭配起来用效果拔群。之前做工具类 App,每次到了操作区设计就头疼。手写一堆按钮排列,状态管理乱七八糟,多级菜单更是一团糟。后来发现 ArkUI 自带 Too

文章图片
#ArkUI
HarmonyOS7 暗黑模式:3 步让你的 App 支持深色主题

我之前上架一个 App,审核直接打回来了——原因就是没适配暗黑模式。说实话当时挺不爽的,但用了几天暗黑模式后真香了。HarmonyOS7 的暗黑模式适配其实没那么难,3 步就能搞定,今天手把手教你。暗黑模式不是"换个黑色背景"那么简单。文字颜色、图片资源、分割线、阴影——所有视觉元素都得跟着调。如果硬编码颜色值,适配起来就是灾难。核心思路是:所有颜色和图片都走资源引用,系统自动帮你切换。把所有硬编

文章图片
#ArkUI
HarmonyOS7 底部导航栏:Tabs 组件 5 分钟搞定多页签切换

做 App 首页,十有八九要用到底部导航栏。我之前用自己写的方式实现,代码一堆,切换动画还卡。后来发现 HarmonyOS7 的 Tabs 组件,5 分钟就能搞定,而且自带丝滑切换。这篇聊聊 Tabs 组件怎么用,从基础布局到自定义 TabBar,再到懒加载和 Navigation 联动,一次讲清楚。说实话,我一开始没把 Tabs 当回事。觉得不就是个底部导航嘛,自己画几个图标不就完了?结果自己写

文章图片
HarmonyOS7 滑动手势:ListItem 滑出删除按钮,交互体验直接拉满

你用过微信吧?聊天列表左滑一下,删除按钮就出来了,手指一松直接点,不用长按也不用找菜单。这种交互简直丝滑到上瘾。我之前做消息列表,产品非要这个效果,翻了一圈文档才发现ListItem自带,根本不用自己画手势。swipeAction 一配,滑动交互 10 分钟搞定。今天从基础到自定义,把 ListItem 的滑动玩法全讲一遍。@Entry@Component@State items: string[

文章图片
HarmonyOS7 SVG 与图标:SymbolGlyph + 自定义 SVG 图标库搭建

之前做项目图标都是切 PNG,1x 2x 3x 一堆文件塞得资源目录乱七八糟。后来发现 HarmonyOS7 的 SymbolGlyph 直接用系统图标,爽到飞起——直到产品说"这个图标系统里没有,要自定义的"。好吧,自定义 SVG 图标这条路迟早得走。今天把从系统图标到自定义 SVG 的完整方案梳理一遍。图标是 UI 里看着不起眼但特别重要的东西。一个 App 动辄几十上百个图标,管理不好就是灾

文章图片
#ArkUI
HarmonyOS7 状态管理全家桶:@State、@Prop、@Link 到底怎么选?

刚学 ArkUI 的时候,状态管理那几个装饰器把我搞懵了——@State、@Prop、@Link,长得像亲兄弟,用起来完全不一样。照着官方文档抄了一遍代码,数据就是不同步,debug 了两个小时才发现用错了装饰器。选错装饰器,轻则数据不同步,重则整个组件不刷新。今天把这三个装饰器掰碎了讲,看完你就知道每个场景该用谁。数据谁拥有,修改权就归谁。子组件要改父组件的数据,要么用 @Link 双向绑定,要

文章图片
    共 738 条
  • 1
  • 2
  • 3
  • 74
  • 请选择