- 基于 Flutter × OpenHarmony 的卡片网格布局实战在现代应用开发中，界面展示不仅关乎美观，更直接影响用户体验。特别是在首页、统计面板或功能入口页面中，如何将信息以清晰、直观且美观的方式呈现，是每位开发者必须面对的挑战。本文将以 Flutter × OpenHarmony 为基础，演示如何使用 Card 组件 构建带有阴影和圆角的卡片网格布局，每个卡片包含图标、标题和计数信... 基于 Flutter × OpenHarmony 的卡片网格布局实战在现代应用开发中，界面展示不仅关乎美观，更直接影响用户体验。特别是在首页、统计面板或功能入口页面中，如何将信息以清晰、直观且美观的方式呈现，是每位开发者必须面对的挑战。本文将以 Flutter × OpenHarmony 为基础，演示如何使用 Card 组件 构建带有阴影和圆角的卡片网格布局，每个卡片包含图标、标题和计数信...
- 从 Flutter 到 OpenHarmony：实现底部弹窗的跨端实践在现代移动应用开发中，用户界面的交互体验尤为重要。**底部弹窗（BottomSheet）**作为一种常见的交互模式，可以在不打断用户操作的前提下展示额外内容或操作选项。随着跨端开发需求的增长，Flutter 与 OpenHarmony 的结合为开发者提供了一条高效路径：同一套代码可运行在多端设备，实现一致的 UI 和交互... 从 Flutter 到 OpenHarmony：实现底部弹窗的跨端实践在现代移动应用开发中，用户界面的交互体验尤为重要。**底部弹窗（BottomSheet）**作为一种常见的交互模式，可以在不打断用户操作的前提下展示额外内容或操作选项。随着跨端开发需求的增长，Flutter 与 OpenHarmony 的结合为开发者提供了一条高效路径：同一套代码可运行在多端设备，实现一致的 UI 和交互...
- 【Flutter × OpenHarmony】打造完全自定义弹窗示例卡片的跨端实现 前言在移动端与物联网设备上，弹窗（Dialog）是用户界面中不可或缺的组件，用于提示信息、确认操作或展示特定内容。虽然 Flutter 提供了 AlertDialog、SimpleDialog 等标准弹窗组件，但在很多场景下，我们希望弹窗具有完全自定义的布局和样式，以便更好地符合应用的 UI 设计规范。本文... 【Flutter × OpenHarmony】打造完全自定义弹窗示例卡片的跨端实现 前言在移动端与物联网设备上，弹窗（Dialog）是用户界面中不可或缺的组件，用于提示信息、确认操作或展示特定内容。虽然 Flutter 提供了 AlertDialog、SimpleDialog 等标准弹窗组件，但在很多场景下，我们希望弹窗具有完全自定义的布局和样式，以便更好地符合应用的 UI 设计规范。本文...
- Flutter × OpenHarmony 跨端开发：构建加载状态弹窗示例卡片 前言在移动端开发中，加载弹窗是用户体验设计中常见的交互元素，用于在后台操作（如网络请求或数据处理）进行时，告知用户当前状态，避免误操作或焦虑感。本文将结合 Flutter 与 OpenHarmony 的跨端开发能力，实现一个加载状态的弹窗示例卡片，并对核心代码进行详细解析，帮助开发者快速上手跨端 UI 构建与交... Flutter × OpenHarmony 跨端开发：构建加载状态弹窗示例卡片 前言在移动端开发中，加载弹窗是用户体验设计中常见的交互元素，用于在后台操作（如网络请求或数据处理）进行时，告知用户当前状态，避免误操作或焦虑感。本文将结合 Flutter 与 OpenHarmony 的跨端开发能力，实现一个加载状态的弹窗示例卡片，并对核心代码进行详细解析，帮助开发者快速上手跨端 UI 构建与交...
- 前言在移动应用 UI 体系中，按钮（Button） 是连接用户意图与业务逻辑的“物理开关”。它是引导用户完成特定任务（如提交、确认、购买）的核心组件。在鸿蒙（HarmonyOS）开发中，合理选用按钮类型并精确控制其交互状态，是构建高转化率界面的关键。 一、 Flutter 按钮家族核心图鉴Flutter 基于 Material 3 规范提供了一套语义明确的按钮体系，每种按钮都有其独特的视觉... 前言在移动应用 UI 体系中，按钮（Button） 是连接用户意图与业务逻辑的“物理开关”。它是引导用户完成特定任务（如提交、确认、购买）的核心组件。在鸿蒙（HarmonyOS）开发中，合理选用按钮类型并精确控制其交互状态，是构建高转化率界面的关键。 一、 Flutter 按钮家族核心图鉴Flutter 基于 Material 3 规范提供了一套语义明确的按钮体系，每种按钮都有其独特的视觉...
- 前言在移动应用交互设计中，反馈（Feedback） 是连接用户意图与系统响应的纽带。Flutter 提供的 InkWell 控件，能够为任何组件赋予 Material Design 风格的“水波纹”点击效果。在鸿蒙（HarmonyOS）应用开发中，利用好 InkWell 不仅能提升界面的动态美感，更能通过直观的视觉确认，显著降低用户的操作焦虑。 一、 InkWell 的核心理念：溅墨（In... 前言在移动应用交互设计中，反馈（Feedback） 是连接用户意图与系统响应的纽带。Flutter 提供的 InkWell 控件，能够为任何组件赋予 Material Design 风格的“水波纹”点击效果。在鸿蒙（HarmonyOS）应用开发中，利用好 InkWell 不仅能提升界面的动态美感，更能通过直观的视觉确认，显著降低用户的操作焦虑。 一、 InkWell 的核心理念：溅墨（In...
- 目 录前言Placeholder 控件概论为什么需要占位符？核心属性全解析4.1 颜色与线条 (Color & StrokeWidth)4.2 回退尺寸 (Fallback Dimension)Placeholder 业务组件关系图 (UML)占位符渲染逻辑流程图Placeholder 常用属性对照表鸿蒙实战：快速构建响应式页面原型总结 前言在进行 HarmonyOS NEXT 这种大型系... 目 录前言Placeholder 控件概论为什么需要占位符？核心属性全解析4.1 颜色与线条 (Color & StrokeWidth)4.2 回退尺寸 (Fallback Dimension)Placeholder 业务组件关系图 (UML)占位符渲染逻辑流程图Placeholder 常用属性对照表鸿蒙实战：快速构建响应式页面原型总结 前言在进行 HarmonyOS NEXT 这种大型系...
- 目 录前言Icon 控件概论图标的核心原理：字体图标 (Font Icons)核心属性全解析4.1 尺寸与颜色 (Size & Color)4.2 语义化标签 (Semantic Label)4.3 阴影特效 (Shadows)进阶用法：ImageIcon 与 IconButton图标渲染流程逻辑图Icon vs Image 选型对照表鸿蒙实战：自定义图标库导入方案总结 前言在现代移动 U... 目 录前言Icon 控件概论图标的核心原理：字体图标 (Font Icons)核心属性全解析4.1 尺寸与颜色 (Size & Color)4.2 语义化标签 (Semantic Label)4.3 阴影特效 (Shadows)进阶用法：ImageIcon 与 IconButton图标渲染流程逻辑图Icon vs Image 选型对照表鸿蒙实战：自定义图标库导入方案总结 前言在现代移动 U...
- 目 录前言Image 控件概论图像来源的四种形式核心排版属性：BoxFit交互体验优化：加载中与错误处理视觉艺术：滤镜、混合与裁剪Image 内存加载逻辑图BoxFit 效果对照表鸿蒙实战：高性能网络图片处理方案总结 前言在“颜值即正义”的移动应用时代，图像是 UI 设计中极具表现力的元素。无论是高清的背景大图、精致的系统图标，还是用户上传的生活瞬间，图像的渲染质量与加载性能直接影响着应用... 目 录前言Image 控件概论图像来源的四种形式核心排版属性：BoxFit交互体验优化：加载中与错误处理视觉艺术：滤镜、混合与裁剪Image 内存加载逻辑图BoxFit 效果对照表鸿蒙实战：高性能网络图片处理方案总结 前言在“颜值即正义”的移动应用时代，图像是 UI 设计中极具表现力的元素。无论是高清的背景大图、精致的系统图标，还是用户上传的生活瞬间，图像的渲染质量与加载性能直接影响着应用...
- 目 录前言Container 控件概论核心属性全解析3.1 尺寸与对齐 (Size & Alignment)3.2 内外边距 (Padding & Margin)3.3 装饰艺术 (Decoration)高级特效：渐变与矩阵变换Container 内部构造逻辑图Container 属性对照表性能优化建议：何时不该用 Container鸿蒙实战：构建圆角阴影卡片布局总结 前言在 Flutte... 目 录前言Container 控件概论核心属性全解析3.1 尺寸与对齐 (Size & Alignment)3.2 内外边距 (Padding & Margin)3.3 装饰艺术 (Decoration)高级特效：渐变与矩阵变换Container 内部构造逻辑图Container 属性对照表性能优化建议：何时不该用 Container鸿蒙实战：构建圆角阴影卡片布局总结 前言在 Flutte...
- 目 录前言Text 控件概论基础样式控制：TextStyle3.1 颜色、字号与字重3.2 间距、高度与阴影文本装饰与特效排版约束：对齐、换行与截断富文本 (RichText)：多样化排版Text 渲染流程逻辑图Text 常用属性对比表鸿蒙实战：自适应多端字体适配总结 前言在任何应用界面（UI）的构建中，信息传递的核心载体始终是文本。无论是鸿蒙系统的设置页面，还是精美的资讯类 App，文本... 目 录前言Text 控件概论基础样式控制：TextStyle3.1 颜色、字号与字重3.2 间距、高度与阴影文本装饰与特效排版约束：对齐、换行与截断富文本 (RichText)：多样化排版Text 渲染流程逻辑图Text 常用属性对比表鸿蒙实战：自适应多端字体适配总结 前言在任何应用界面（UI）的构建中，信息传递的核心载体始终是文本。无论是鸿蒙系统的设置页面，还是精美的资讯类 App，文本...
- 目 录前言空安全的概念：Sound Null Safety核心语法三剑客3.1 可空声明 (?)：防患于未然3.2 强行断言 (!)：危险的赌注3.3 延迟初始化 (late)：迟到的承诺零开销运算符：?? 与 ?.空安全逻辑判断流程图空安全关键字对比表在鸿蒙开发中的实战规避场景总结 前言在计算机编程史中，空引用（Null Reference）被其发明者 Tony Hoare 称为**“价... 目 录前言空安全的概念：Sound Null Safety核心语法三剑客3.1 可空声明 (?)：防患于未然3.2 强行断言 (!)：危险的赌注3.3 延迟初始化 (late)：迟到的承诺零开销运算符：?? 与 ?.空安全逻辑判断流程图空安全关键字对比表在鸿蒙开发中的实战规避场景总结 前言在计算机编程史中，空引用（Null Reference）被其发明者 Tony Hoare 称为**“价...
- 目 录前言异步编程的必要性Future：一次性的承诺3.1 async/await 的优雅实践3.2 异常处理逻辑Stream：源源不断的数据流4.1 监听与订阅模式4.2 Stream 的应用场景异步执行时序逻辑图 (Sequence)Future vs Stream 特性对比表在 HarmonyOS 开发中的典型应用最佳实践与性能优化总结 前言在现代移动应用开发中，**“不阻塞主线程”... 目 录前言异步编程的必要性Future：一次性的承诺3.1 async/await 的优雅实践3.2 异常处理逻辑Stream：源源不断的数据流4.1 监听与订阅模式4.2 Stream 的应用场景异步执行时序逻辑图 (Sequence)Future vs Stream 特性对比表在 HarmonyOS 开发中的典型应用最佳实践与性能优化总结 前言在现代移动应用开发中，**“不阻塞主线程”...
- 目 录前言类与对象：封装的艺术构造函数的多样性3.1 命名构造函数 (Named Constructors)3.2 常量构造函数 (Constant Constructors)继承与抽象类Mixin：Dart 的特技混入5.1 为什么需要 Mixin?5.2 混入的执行顺序OOP 与 Mixin 类图关系 (UML)构造函数类型对比表从 Flutter 源码理解 Mixin总结 前言在探索... 目 录前言类与对象：封装的艺术构造函数的多样性3.1 命名构造函数 (Named Constructors)3.2 常量构造函数 (Constant Constructors)继承与抽象类Mixin：Dart 的特技混入5.1 为什么需要 Mixin?5.2 混入的执行顺序OOP 与 Mixin 类图关系 (UML)构造函数类型对比表从 Flutter 源码理解 Mixin总结 前言在探索...
- 目 录前言函数作为一等公民参数的艺术：命名与可选3.1 命名参数 (Named Parameters)3.2 可选位置参数 (Optional Positional Parameters)匿名函数与闭包 (Closures)4.1 匿名函数的形态4.2 闭包的内存特性函数调用逻辑流程图命名参数 vs 位置参数对比表鸿蒙开发中的函数式实战总结 前言在 Dart 语言中，函数（Function... 目 录前言函数作为一等公民参数的艺术：命名与可选3.1 命名参数 (Named Parameters)3.2 可选位置参数 (Optional Positional Parameters)匿名函数与闭包 (Closures)4.1 匿名函数的形态4.2 闭包的内存特性函数调用逻辑流程图命名参数 vs 位置参数对比表鸿蒙开发中的函数式实战总结 前言在 Dart 语言中，函数（Function...
上滑加载中
推荐直播
-
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中 -
华为云码道全新升级，多会话并行与多智能体协作2026/05/08 周五 19:00-21:00
王一男-华为云码道产品专家；张嘉冉-华为云码道工程师；胡琦-华为云HCDE；程诗杰-华为云HCDG
华为云码道4月份版本全新升级，此次直播深度解读4月份产品特性，通过“特性解读+实操演示+实战案例+设计创新”的组合，全方位展现码道在多会话并行与多智能体协作方面的能力，赋能开发者提升效率
正在直播
热门标签