
鸿蒙 x AI 产品实战
文章平均质量分 57
鸿蒙 x AI 产品实战
前端付豪3号
强大的前端知识体系和实践体系
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HarmonyOS 5.0.0 或以上:实现对话气泡弹出与消失的渐变动画
本篇将实现一个对话气泡组件的弹出与消失动画,结合缩放(scale)+ 透明度(opacity)变化,适用于即时消息、聊天助手、提示浮层等场景中的对话交互视觉设计。原创 2025-05-24 09:14:21 · 393 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现弹性拖拽卡片动效与归位缓动反馈
本篇将实现卡片组件的自由拖拽与释放后回弹归位动效,通过手势识别与位移动画模拟“弹性反馈感”,常用于卡片浏览、任务操作、可交互物理动效体验等场景。原创 2025-05-24 09:11:10 · 329 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现圆形加载进度动效与状态切换展示
本篇将实现一个圆形加载进度动效,并结合状态切换展示不同的加载状态,如“加载中 → 加载成功/失败”,适用于上传、下载、处理等耗时场景中的视觉反馈优化。原创 2025-05-24 09:10:12 · 475 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现表单校验错误的震动动效反馈
本篇将实现当用户提交表单且校验失败时,输入框区域发生震动动画,增强错误提示的直觉感,广泛应用于登录页、注册表单、验证码输入等场景。原创 2025-05-24 09:09:40 · 374 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现数字自动增长动画与数值变化过渡
本篇将实现一个数字自动增长动效,通过逐帧递增数值模拟动画过渡,广泛用于积分变动、数据统计、金额展示、加载进度等场景,提升数值反馈的视觉吸引力。原创 2025-05-24 09:07:13 · 352 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现顶部导航栏进入与隐藏动画(滚动收缩)效果
本篇将实现一个响应滚动手势的导航栏隐藏与显示动画,当用户向下滚动页面时隐藏顶部导航栏,向上滚动则重新展示,用于内容优先型页面(如资讯、视频流)中的视觉空间优化。原创 2025-05-24 08:51:13 · 326 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现卡片展开/收起动效与动态高度过渡
本篇将实现点击卡片后展开或收起其内容区域的动画效果,结合动态高度过渡与箭头旋转,提升信息层级切换时的交互感,适用于 FAQ、订单详情、商品规格等场景。原创 2025-05-24 08:50:36 · 223 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现列表下拉刷新与上滑加载的动效过渡
本篇实现一个具备下拉刷新 + 上滑加载更多动效的列表,结合位移反馈、加载指示器动画,实现用户滚动交互时的视觉节奏与加载状态提示,适用于长列表内容展示场景,如评论流、资讯流等。原创 2025-05-24 08:50:04 · 225 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现滑动加载卡片的动画过渡与延迟渲染
本篇将实现一个支持滑动进入时自动过渡展示的卡片列表,通过延迟动画渲染和位置渐变效果,实现类似“瀑布流加载动效”或“卡片逐个飘入”的页面效果,提升页面进入时的动感与节奏。原创 2025-05-24 08:48:12 · 319 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现卡片翻转动效(翻页视角)与状态切换动画
本篇将实现一个卡片正反面翻转动画效果,通过 3D 旋转模拟“翻书”场景,在点击时切换显示卡片的正面与背面,适用于学习卡片、身份信息查看、翻页交互等场景。原创 2025-05-24 08:47:16 · 400 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现按钮按压反馈与波纹点击动效
本篇将实现一种模拟按钮点击波纹效果(Ripple)与按压缩放反馈的微动效,用于提升用户操作的触觉反馈感知,适用于浮动按钮、确认操作、工具栏图标等 UI 元素。原创 2025-05-24 08:46:11 · 349 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现页面加载动画骨架屏 Skeleton 动效
本篇将实现一个页面加载时展示的骨架屏动画(Skeleton Loading),用于模拟内容结构布局,提升加载等待时的视觉体验,适用于资讯流、商品卡片、评论列表等“数据异步加载”场景。原创 2025-05-24 08:45:05 · 502 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现弹性弹窗动画效果与复用封装
本篇将实现一个具备弹入弹出动画效果的弹窗组件,结合 ArkTS 的状态动画系统,实现放大+淡入弹窗的过渡,并支持一键封装复用,适用于提示框、确认框、选项面板等场景。原创 2025-05-24 08:44:35 · 328 阅读 · 0 评论 -
ArkTS 动画基础入门与状态绑定实战 HarmonyOS 5.0.0 或以上
本篇将介绍 HarmonyOS ArkTS 动画系统的基本能力,包含状态驱动的隐式动画与最小动画代码实践,用于构建微交互效果的基础。适用于页面切换动画、按钮交互反馈、元素显隐等常见 UI 动效场景。状态驱动下的隐式补间动画。原创 2025-05-24 08:32:33 · 471 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:构建图文识别处理一体化的智能图像助手实战
本篇构建一个集图像导入 → AI 图文识别 → 可视化标注 → 智能导出于一体的图像识别助手系统,将前59篇内容融合成一个完整功能流,适用于OCR批注系统、拍照题目解析、文件扫描归档等AI图像应用场景。原创 2025-05-24 08:20:36 · 372 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现图像上传后的 AI 识别与图文结果标注渲染
本篇将实现一个完整的 AI 图像识别流程:用户上传图片 → 上传至后端 AI 接口 → 接收识别结果(如检测框、分类标签)→ 在页面进行图文标注展示。适用于智能识图、商品识别、人脸检测、图像审核等场景。原创 2025-05-23 15:10:47 · 399 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现文件选择后上传与远程接口交互(含进度展示)
本篇讲解如何在 HarmonyOS 中实现文件上传功能,结合文件选择器与 HTTP 上传接口,并展示实时上传进度。适用于用户头像上传、作业提交、资料备份等场景。原创 2025-05-23 14:55:21 · 223 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现系统图库与文件选择集成并支持批量处理实战
本篇讲解如何在 HarmonyOS 中实现系统图库与文件选择器的集成,支持多文件选择,并进行统一处理(如预览、上传、导出、分析),适用于图片管理、文件处理工具、素材批量上传等场景。原创 2025-05-23 14:53:18 · 416 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现数据清洗后导出为 CSV/JSON 文件支持实战
本篇讲解如何将清洗后的数据以.csv或.json格式导出为本地文件并保存至设备中,适用于报表保存、导入后再导出流程、数据归档等场景。原创 2025-05-23 14:49:56 · 313 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现文件导入后的数据清洗与智能填充逻辑实战
本篇讲解如何在导入文件(如 CSV、JSON、TXT)后,对内容进行数据清洗(如去空行、去重、格式标准化)并实现智能填充表单或数据结构,适用于批量数据录入、报表预填、AI 学习语料处理等场景。原创 2025-05-23 14:49:23 · 286 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现 CSV 数据导入与图表分析可视化能力实战
本篇讲解如何在 HarmonyOS 中通过导入 CSV 文件实现数据解析,并将内容渲染为图表(柱状图/折线图),适用于销售报表、学习进度分析、IoT 设备数据可视化等场景。原创 2025-05-23 14:47:49 · 234 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现系统文档选择器与格式化内容读取实战
本篇讲解如何在 HarmonyOS 中使用系统文档选择器选择.txt.csv.json等常见文本文件,并将其读取为字符串后进行解析和展示,适用于用户协议查看、离线数据导入、AI语料加载、报表分析等场景。原创 2025-05-23 14:46:25 · 175 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现扫码识别、登录与内容跳转的多场景实战
本篇讲解如何在 HarmonyOS 中实现扫码识别功能,并根据识别结果跳转不同页面,完成扫码登录、跳转详情页、解析二维码内容等多种应用场景。适用于智慧门禁、会议签到、商品识别等领域。原创 2025-05-23 14:45:21 · 667 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现图片与文件资源的系统级多方式导入支持实战
本篇将实现一个多入口的文件/图片导入系统,用户可以从本地文件、相册、摄像头等多个来源导入资源,并统一处理用于后续操作(如上传、预览、分析),适用于内容创作、资料管理、AI 图像分析等应用场景。原创 2025-05-23 14:43:42 · 489 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现系统原生分享面板与跨应用内容分发实战
本篇将实现一个调用HarmonyOS 原生分享面板的功能,支持用户一键将文本、图片、文件等内容分享至微信、QQ、备忘录、剪贴板等目标应用或系统能力,适用于文章转发、图片分享、文件推送等跨应用协作场景。四、ArkTS 页面代码(NativeShareDemo.ets)五、运行效果 输入任意文本内容(如“你好世界”);点击【分享内容】 → 弹出 HarmonyOS 原生系统分享面板;可选目标应用(微信、剪贴板、文件等)完成内容分发。支持文件、图片分享(使用 并指定 );可集成为封原创 2025-05-23 14:42:53 · 456 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现分布式表单组件(FA卡片)多设备共享展示实战
本篇将讲解如何在 HarmonyOS 中开发可分布式展示的表单组件(Form Ability 卡片),并实现其在手机、平板、智慧屏等多设备上的共享与实时更新。适用于天气卡片、待办事项、系统概览、个性桌面小组件等场景。原创 2025-05-23 14:41:50 · 352 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现语音驱动的应用导航与指令执行系统
本篇将实现一个语音驱动导航系统,支持用户通过语音说出“打开设置”“跳转到通知页面”等指令,系统自动识别并执行页面跳转或功能调用,适用于无接触操作、老人助手、驾驶场景等。原创 2025-05-23 14:38:35 · 258 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现全局搜索与跨页面快捷跳转框架
本篇将实现一个全局搜索框架,支持用户在一个统一搜索入口中快速输入关键词,系统自动匹配页面功能或数据记录,并提供快捷跳转与操作建议,适用于中大型应用内的页面导航、设置查找、历史数据定位等。原创 2025-05-23 14:35:19 · 307 阅读 · 0 评论 -
HarmonyOS 5.0.0 或以上:实现系统粘贴板历史记录与智能剪贴建议功能
本篇将实现一个剪贴板历史记录与智能建议功能,记录用户复制的文本内容,并在合适场景下(如输入框聚焦)给出智能填充建议,适用于快捷粘贴、智能输入辅助等场景。原创 2025-05-23 14:34:47 · 200 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建可排序列表组件 SortableList:支持拖动排序 / 动画反馈 / 数据同步
第38篇:【HarmonyOS 5.0.0 或以上】构建分布式设备选择组件 DevicePicker:展示可用设备列表 / 自动发现 / 点击投送。拖动过程支持视觉反馈(放大、阴影、占位符)自定义内容排序(如模块、题目、选项)可拓展为网格排序、双向拖动、远程同步。拖拽交互排序项,支持长按或立即拖动。实现一个可视化排序列表组件。实时同步排序结果给外部父组件。原创 2025-05-22 10:58:49 · 291 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建加载骨架屏 Skeleton:内容加载占位 / 图文块骨架 / 自定义动画样式
第37篇:【HarmonyOS 5.0.0 或以上】构建可排序列表组件 SortableList:支持拖动排序 / 动画反馈 / 数据同步。图文布局预占(如头像 + 标题 + 文本)动画样式自定义(闪烁 / 渐变 / 呼吸)支持矩形 / 圆形 / 多行骨架块组合。可用于页面、卡片、表单加载等待状态。封装一个通用骨架屏组件。内容加载前的视觉占位。原创 2025-05-22 10:56:00 · 397 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建评分标签组件 RateTag:结合评分星星与标签选择,支持细分反馈场景
第36篇:【HarmonyOS 5.0.0 或以上】构建加载骨架屏 Skeleton:内容加载占位 / 图文块骨架 / 自定义动画样式。点选评分后,展示对应可选标签(如“讲得清晰”、“节奏快”)可提交评分与标签组合数据,适配问卷/点评场景。封装一个评分 + 标签反馈组合组件。用户评价系统(如课程评分、服务打分)标签多选支持,自定义最大数量、样式。支持评分星级(整星/半星)原创 2025-05-22 10:54:15 · 215 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建分页容器组件 PageContainer:支持分页请求 / 上拉加载 / 空数据处理
第35篇:【HarmonyOS 5.0.0 或以上】构建评分标签组件 RateTag:结合评分星星与标签选择,支持细分反馈场景。空数据状态展示(可配置 EmptyView)支持外部刷新(如下拉刷新 / 筛选变化)数据列表懒加载(如商品、订单、帖子)封装一个具备分页能力的通用组件。原创 2025-05-22 10:53:45 · 196 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建图文卡片组件 InfoCard:适配图文信息展示 / 操作按钮组合 / 插槽扩展
第34篇:【HarmonyOS 5.0.0 或以上】构建分页容器组件 PageContainer:支持分页请求 / 上拉加载 / 空数据处理。内容展示卡片(如文章、商品、用户信息)卡片具备圆角、阴影、点击反馈等样式。支持加载状态、内容折叠、多列布局等。图 + 文 + 操作按钮结构统一。支持插槽式标题、底部按钮扩展。封装一个通用信息卡片组件。原创 2025-05-22 10:52:21 · 258 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建悬浮按钮组件 FAB:支持位置固定 / 动作入口 / 拖动停靠
第33篇:【HarmonyOS 5.0.0 或以上】构建图文卡片组件 InfoCard:适配图文信息展示 / 操作按钮组合 / 插槽扩展。快速创建 / 添加 / 发布操作入口。支持点击弹出子操作菜单(可扩展)支持图标按钮、自定义尺寸/颜色。页面右下角悬浮,不遮挡主内容。封装一个悬浮操作按钮组件。支持拖动(自动贴边吸附)原创 2025-05-22 10:51:50 · 315 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建多层抽屉组件 Drawer:支持左/右/底部弹出、遮罩控制、嵌套内容交互
第32篇:【HarmonyOS 5.0.0 或以上】构建悬浮按钮组件 FAB:支持位置固定 / 动作入口 / 拖动停靠。可配置打开方向(left / right / bottom)多层嵌套抽屉(如“城市 → 区县 → 门店”级联)支持遮罩关闭、滑动动画、内容自定义插槽。侧边栏设置面板(如通知管理、筛选器)底部弹出菜单(如分享/选择操作)封装一个灵活的抽屉组件。原创 2025-05-22 10:51:00 · 235 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建分段控制器 Segmented:选项卡式快速切换 / 配合内容区域联动
分类切换(如:全部 / 进行中 / 已完成)表单模式选择(如:日 / 周 / 月)样式简洁清晰,选中高亮、底部滑块指示。支持禁用项、图标与文字组合等扩展。封装一个轻量级分段切换组件。原创 2025-05-22 10:50:12 · 167 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建可折叠列表组件 ExpandList:支持单项展开 / 内容过渡动画 / 动态数据绑定
第30篇:【HarmonyOS 5.0.0 或以上】构建分段控制器 Segmented:选项卡式快速切换 / 配合内容区域联动。支持单项展开(手风琴)或多项同时展开。展开内容为图文/操作按钮/嵌套控件。封装一个可展开/收起的列表组件。列表项详情(订单列表、设备状态)可拓展为懒加载、异步加载详情内容。原创 2025-05-22 10:49:41 · 261 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建结果反馈组件 Result:展示操作成功 / 失败 / 空状态图文说明
第29篇:【HarmonyOS 5.0.0 或以上】构建可折叠列表组件 ExpandList:支持单项展开 / 内容过渡动画 / 动态数据绑定。支持插入图标 / 图片 / 说明文字 / 按钮操作。空数据提示(如“暂无订单”、“无搜索结果”)操作成功(如“支付成功”、“提交成功”)操作失败(如“审核失败”、“加载异常”)样式风格统一,适配表单/流程/订单场景。封装一个通用结果反馈组件。原创 2025-05-22 10:45:03 · 420 阅读 · 0 评论 -
【HarmonyOS 5.0.0 或以上】构建通知栏组件 NoticeBar:支持跑马灯文字 / 可关闭 / 图标提示
第28篇:【HarmonyOS 5.0.0 或以上】构建结果反馈组件 Result:展示操作成功 / 失败 / 空状态图文说明。支持左侧图标 / 类型标记(如 info、warning、error)静态文本 / 跑马灯(文字滚动)模式。自定义背景色、字体颜色、滚动速度。支持右侧关闭按钮 / 跳转操作。实现一个顶部滚动提示栏组件。支持单行 / 多行展示控制。原创 2025-05-22 10:43:33 · 169 阅读 · 0 评论