logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Flutter+HarmonyOS跨端实战—第10篇:视频去水印与进度管理

处理时间长:视频处理可能需要几分钟甚至更长进度不可预测:AI 处理速度受视频长度、分辨率影响用户体验:需要实时显示进度,避免用户焦虑这篇文章我会带你实现完整的视频去水印功能,重点讲解进度管理和用户体验优化。

文章图片
#flutter#harmonyos#音视频
Flutter+HarmonyOS跨端实战—第09篇:图片去水印功能实现

本文介绍了CleanMark AI图片去水印功能的实现方案,主要包含三个部分:1.功能流程设计,通过业务流程图和数据流模型展示了从图片上传到处理完成的全过程;2.图片上传页面实现,使用Dart语言编写了包含图片选择、预览和上传按钮的UI界面;3.核心功能逻辑,通过InpaintTask类管理水印去除任务状态,调用AI服务处理图片。整个系统采用Flutter框架开发,支持从相册或相机获取图片,处理后

文章图片
#flutter#harmonyos#华为
Flutter+HarmonyOS跨端实战—第03篇:UI 设计规范与主题系统

做过几个项目后,我发现 UI 不统一是最让人头疼的问题。颜色到处硬编码,组件样式不一致,后期改起来要改几十个文件。这次做 CleanMark AI,我花了一天时间建立设计规范和主题系统。虽然前期多花了时间,但后面开发效率提升了至少 30%。这篇文章我会分享如何建立一套可维护的 UI 系统。/// 应用全局颜色常量// 私有构造函数,防止实例化// 背景色// 主色调// 功能色// 灰度色// 基

文章图片
#flutter#harmonyos#ui
Flutter+HarmonyOS跨端实战—第02篇:路由与状态管理实战

本文介绍了如何结合go_router和Riverpod构建可维护的Flutter应用架构。主要内容包括: 路由设计:采用分层结构,区分引导/登录流程、主Tab页面和功能页面,使用StatefulShellRoute保持Tab状态。 go_router配置: 动态初始路由根据登录状态决定 实现带状态保持的底部导航栏 支持三种参数传递方式(路径参数、查询参数、extra对象) 状态管理:通过River

文章图片
#flutter#harmonyos
Flutter+HarmonyOS跨端实战—第08篇:启动页与引导页动画实现

启动页和引导页是用户接触应用的第一印象。一个精心设计的启动动画能提升应用的品质感,而引导页则能帮助新用户快速了解应用功能。CleanMark AI 的启动页采用渐变背景 + Logo 缩放动画,引导页使用 PageView 实现滑动切换。这篇文章我会带你实现完整的启动流程。

#flutter#harmonyos#华为
Flutter+HarmonyOS跨端实战—第07篇:视频播放器的 HarmonyOS 适配

视频播放是 CleanMark AI 的核心功能之一,用于预览去水印后的视频效果。视频播放器的实现比图片选择器复杂得多,涉及:这篇文章我会带你实现一个完整的视频播放器插件,重点讲解 HarmonyOS 的适配难点。Flutter 官方提供了插件,但不支持 HarmonyOS。我们需要:2.2 核心概念VideoPlayerController:VideoPlayerValue:3.2 Method

#flutter#harmonyos#音视频
Flutter+HarmonyOS跨端实战—第01篇:项目架构设计与技术选型

做跨平台开发这么多年,最怕的就是项目做到一半发现架构不合理,重构起来痛不欲生。这次做 CleanMark AI 项目,我花了整整两天时间做技术选型和架构设计,后面的开发过程证明这两天没白费。这篇文章我会把整个决策过程分享给你,包括为什么选择某个技术,为什么放弃另一个技术,以及踩过的坑。

文章图片
#人工智能
基于 CleanMark AI 项目的Flutter + HarmonyOS 完整实战教程大纲

本文基于HarmonyOS ArkTS实现了一个仿抖音交互的照片浏览组件,主要技术亮点包括:1)采用虚拟窗口渲染策略,仅解码当前页±1范围内的图片,避免内存溢出;2)实现弹簧阻尼动画系统,包含三种定制化曲线分别处理翻页、回弹和边缘阻尼场景;3)设计手势方向锁机制,通过12vp死区判定滑动方向后锁定;4)构建翻页动画架构,基于Column长列表和整体偏移实现流畅切换;5)开发自适应图片尺寸算法,精确

文章图片
#harmonyos#华为
Flutter+HarmonyOS跨端实战—第05篇:图片选择器的三端适配实战

图片选择是移动应用的基础功能,但三个平台的实现方式完全不同。从相册选择图片拍照获取图片图片压缩和尺寸限制/// 图片来源/// 相机camera,/// 相册gallery,/// 相机设备/// 后置摄像头rear,/// 前置摄像头front,/// 图片选择平台接口/// 当前平台实现实例/// 设置平台实现(用于测试)/// 选择单张图片////// [source] 图片来源(相机或相册

文章图片
#flutter#harmonyos#华为
Flutter+HarmonyOS跨端实战—第06篇:本地存储的跨平台实现

本文介绍了一个支持Android、iOS和HarmonyOS三端的本地存储插件实现方案。文章首先对比了三平台的本地存储原生方案(SharedPreferences/UserDefaults/Preferences),分析了数据类型兼容性。接着提出分层架构设计,包含接口层(定义抽象接口)和平台实现层(通过MethodChannel与原生交互)。核心代码展示了接口层设计、MethodChannel实现

#flutter#harmonyos#华为
    共 26 条
  • 1
  • 2
  • 3
  • 请选择