- 博客(28)
- 收藏
- 关注
RSS订阅原创 Flutter三方库 daylight 适配 OpenHarmony —— 获取地理位置的日落和日出时
在移动开发领域，跨平台解决方案已经成为主流趋势，而Flutter作为谷歌推出的UI框架，以其高性能和跨平台能力受到广泛关注。随着OpenHarmony生态的快速发展，将Flutter应用适配到OpenHarmony平台成为了开发者们的新需求。本次实践聚焦于Flutter三方库daylight的适配，该库主要用于计算地理位置的日出日落时间。通过模拟实现该库的核心功能，并开发一个直观的UI组件，我们展示了如何在OpenHarmony平台上实现地理位置相关的功能。
2026-03-01 23:57:38
703
原创 Flutter三方库 dlibphonenumber 适配 OpenHarmony —— 实现输入时自动格式化电话号码
在移动应用开发中，电话号码的输入和格式化是一个常见的需求。良好的电话号码格式化不仅能提升用户体验，还能减少输入错误。本文将详细介绍如何在 Flutter 项目中集成 dlibphonenumber 库，并适配 OpenHarmony 平台，实现输入时自动格式化电话号码的功能。我们将通过组件化开发的方式，创建一个独立的电话号码格式化组件，使其在首页直接展示效果，无需按钮跳转。同时，我们还将添加丰富的交互效果，提升用户体验。Flutter 组件化开发：将电话号码自动格式化功能封装成独立的。
2026-03-01 23:37:58
678
原创 Flutter三方库 animations 适配 OpenHarmony —— 实现容器转换过渡效果
容器转换过渡效果是现代移动应用中常见的交互方式，它能够为用户提供流畅、自然的视觉体验，增强应用的整体质感。在 Flutter 开发中，animations包为我们提供了便捷的实现方式，使我们能够轻松创建各种容器转换效果。本文将详细介绍如何在 Flutter 项目中集成animations库，并成功适配到 OpenHarmony 平台，实现容器转换过渡效果。我们将从依赖配置、组件开发、集成使用等方面展开讲解，帮助开发者快速掌握这一技术，并应用到实际项目中。
2026-02-28 21:36:44
669
原创 Flutter 三方库 flutter_shimmer 适配 OpenHarmony ————实现骨架屏
在移动应用开发中，骨架屏（Skeleton）已经成为提升用户体验的重要手段。当应用加载数据时，骨架屏能够提供视觉反馈，减少用户的等待感。本文将详细介绍如何在 Flutter 项目中集成shimmer库，并适配到 OpenHarmony 平台，实现多种类型的骨架屏效果。Flutter 的跨平台特性让我们可以使用一套代码覆盖多个平台，而 OpenHarmony 作为新兴的全场景分布式操作系统，为应用提供了更广阔的发展空间。
2026-02-28 21:33:01
700
原创 Flutter 三方库 fl_chart 适配 OpenHarmony ———实现 自定义 柱状图
通过SideTitles类，我们可以自定义坐标轴的标题、样式和显示方式。case 0: return const Text('周一');case 1: return const Text('周二');case 2: return const Text('周三');case 3: return const Text('周四');case 4: return const Text('周五');case 5: return const Text('周六');
2026-02-26 11:14:47
606
原创 Flutter 三方库 fl_chart 适配 OpenHarmony ———实现 自定义折线图
通过SideTitles类，我们可以自定义坐标轴的标题、样式和显示方式。case 0: return const Text('1月');case 1: return const Text('2月');case 2: return const Text('3月');case 3: return const Text('4月');case 4: return const Text('5月');
2026-02-26 10:45:18
605
原创 Flutter for OpenHarmony 实战：实现数字雨动画（Matrix Digital Rain）
在移动开发领域，我们总是面临着选择与适配。今天，你的Flutter应用在Android和iOS上跑得正欢，明天可能就需要考虑一个新的平台：HarmonyOS（鸿蒙）。这不是一道选答题，而是很多团队正在面对的现实。Flutter的优势很明确——写一套代码，就能在两个主要平台上运行，开发体验流畅。而鸿蒙代表的是下一个时代的互联生态，它不仅仅是手机系统，更着眼于未来全场景的体验。
2026-02-08 22:59:11
676
原创 Flutter for OpenHarmony 实战：实现霓虹灯文字闪烁效果
在移动开发领域，我们总是面临着选择与适配。今天，你的Flutter应用在Android和iOS上跑得正欢，明天可能就需要考虑一个新的平台：HarmonyOS（鸿蒙）。这不是一道选答题，而是很多团队正在面对的现实。Flutter的优势很明确——写一套代码，就能在两个主要平台上运行，开发体验流畅。而鸿蒙代表的是下一个时代的互联生态，它不仅仅是手机系统，更着眼于未来全场景的体验。
2026-02-08 22:43:40
637
原创 Flutter for OpenHarmony 实战：数字时钟
在移动开发领域，我们总是面临着选择与适配。今天，你的Flutter应用在Android和iOS上跑得正欢，明天可能就需要考虑一个新的平台：HarmonyOS（鸿蒙）。这不是一道选答题，而是很多团队正在面对的现实。Flutter的优势很明确——写一套代码，就能在两个主要平台上运行，开发体验流畅。而鸿蒙代表的是下一个时代的互联生态，它不仅仅是手机系统，更着眼于未来全场景的体验。
2026-02-07 21:14:58
590
原创 Flutter for OpenHarmony 实战：油耗计算器 - 记录车辆油耗
在移动开发领域，我们总是面临着选择与适配。今天，你的Flutter应用在Android和iOS上跑得正欢，明天可能就需要考虑一个新的平台：HarmonyOS（鸿蒙）。这不是一道选答题，而是很多团队正在面对的现实。Flutter的优势很明确——写一套代码，就能在两个主要平台上运行，开发体验流畅。而鸿蒙代表的是下一个时代的互联生态，它不仅仅是手机系统，更着眼于未来全场景的体验。
2026-02-07 21:12:00
361
原创 Flutter for OpenHarmony 实战：模拟获取 IP 地址与网络信息查询，显示本机设备的局域网 IP、运营商等基础信息。
在移动开发领域，我们总是面临着选择与适配。今天，你的Flutter应用在Android和iOS上跑得正欢，明天可能就需要考虑一个新的平台：HarmonyOS（鸿蒙）。这不是一道选答题，而是很多团队正在面对的现实。Flutter的优势很明确——写一套代码，就能在两个主要平台上运行，开发体验流畅。而鸿蒙代表的是下一个时代的互联生态，它不仅仅是手机系统，更着眼于未来全场景的体验。
2026-02-06 22:08:56
339
原创 Flutter for OpenHarmony 实战：随机密码生成器：指定长度和包含字符类型（数字、字母、符号），生成安全密码。
在移动开发领域，我们总是面临着选择与适配。今天，你的Flutter应用在Android和iOS上跑得正欢，明天可能就需要考虑一个新的平台：HarmonyOS（鸿蒙）。这不是一道选答题，而是很多团队正在面对的现实。Flutter的优势很明确——写一套代码，就能在两个主要平台上运行，开发体验流畅。而鸿蒙代表的是下一个时代的互联生态，它不仅仅是手机系统，更着眼于未来全场景的体验。
2026-02-06 22:06:02
614
原创 Flutter for OpenHarmony 实战：构建流畅的卡片堆叠布局与动画
在移动开发领域，我们总是面临着选择与适配。今天，你的Flutter应用在Android和iOS上跑得正欢，明天可能就需要考虑一个新的平台：HarmonyOS（鸿蒙）。这不是一道选答题，而是很多团队正在面对的现实。Flutter的优势很明确——写一套代码，就能在两个主要平台上运行，开发体验流畅。而鸿蒙代表的是下一个时代的互联生态，它不仅仅是手机系统，更着眼于未来全场景的体验。
2026-02-05 23:59:53
626
原创 Flutter for OpenHarmony 实战：二维码生成器 - 将文本、链接等生成二维码
在移动开发领域，我们总是面临着选择与适配。今天，你的Flutter应用在Android和iOS上跑得正欢，明天可能就需要考虑一个新的平台：HarmonyOS（鸿蒙）。这不是一道选答题，而是很多团队正在面对的现实。Flutter的优势很明确——写一套代码，就能在两个主要平台上运行，开发体验流畅。而鸿蒙代表的是下一个时代的互联生态，它不仅仅是手机系统，更着眼于未来全场景的体验。
2026-02-05 23:57:37
634
原创 Flutter for OpenHarmony 实战：select级联选择
组件封装技术将级联选择功能封装为独立组件，提高代码复用性和可维护性使用构造函数参数实现组件的高度可定制性状态管理技术使用StatefulWidget和setState()管理组件状态实现了下拉框展开/收起状态和选中值的管理布局设计技术使用Column、Row、Expanded等布局组件实现清晰的界面布局使用Container和BoxDecoration实现美观的边框和背景效果交互设计技术使用GestureDetector实现点击交互效果实现了下拉框展开/收起的动画效果。
2026-02-03 23:08:51
563
原创 Flutter for OpenHarmony 实战：Pagination 分页
将分页功能封装为独立的Pagination组件，提高代码复用性和可维护性使用工厂构造函数模式解决非常量默认值的问题提供丰富的自定义参数，满足不同场景的需求。
2026-02-03 23:05:42
638
原创 Flutter for OpenHarmony 设计：图标、字体与色彩系统适配
视口渲染策略：通过固定高度的视口计算只渲染必要的 item，减少构建与布局开销；组件化的设计令牌：颜色、字体、图标适配集中管理，便于跨平台替换与维护；渲染隔离：使用将昂贵 item 的绘制隔离，降低父级重建时的开销传播；容错的图标适配：资产优先、回退到内置图标，确保资源缺失时仍能正常显示；前端友好的表单校验：以宽松的正则做 UX 层校验，实际验证以后端为准（示例中已给出合适的邮箱校验正则）。
2026-02-02 20:26:39
653
原创 Flutter for OpenHarmony实战：高性能长列表的终极优化方案（视口管理+复用）
版本兼容性：确保Flutter、ohos_flutter插件、HarmonyOS SDK版本兼容渐进式适配：从核心功能开始，逐步适配平台特定功能充分测试：在真实鸿蒙设备上进行全面测试性能监控：持续监控应用性能，及时优化欢迎加入开源鸿蒙跨平台社区： https://openharmonycrossplatform.csdn.net。
2026-02-02 20:17:33
602
原创 Flutter for OpenHarmony 实战：卡片布局与阴影效果
使用和构建组件通过参数传递实现组件定制化基于现有组件扩展新功能，如基于CardWidget保持组件 API 的一致性和可预测性。
2026-02-01 20:25:31
574
原创 Flutter for OpenHarmony 实战：折线图、柱状图展示统计数据
是Google开发的开源UI工具包，支持用一套代码构建和六大平台应用，实现"一次编写，多处运行"。是由开放原子开源基金会运营的分布式操作系统，为全场景智能设备提供统一底座，具有多设备支持、模块化设计、分布式能力和开源开放等特性。
2026-01-31 12:11:05
615
原创 Flutter for OpenHarmony 实战：图片预览与手势缩放（PhotoView）
是Google开发的开源UI工具包，支持用一套代码构建和六大平台应用，实现"一次编写，多处运行"。是由开放原子开源基金会运营的分布式操作系统，为全场景智能设备提供统一底座，具有多设备支持、模块化设计、分布式能力和开源开放等特性。
2026-01-31 11:31:19
633
原创 Flutter for OpenHarmony 实战：底部弹出菜单（ModalBottomSheet）
是Google开发的开源UI工具包，支持用一套代码构建和六大平台应用，实现"一次编写，多处运行"。是由开放原子开源基金会运营的分布式操作系统，为全场景智能设备提供统一底座，具有多设备支持、模块化设计、分布式能力和开源开放等特性。
2026-01-30 10:04:30
627
原创 Flutter for OpenHarmony 实战：加载中对话框与进度指示器
是Google开发的开源UI工具包，支持用一套代码构建和六大平台应用，实现"一次编写，多处运行"。是由开放原子开源基金会运营的分布式操作系统，为全场景智能设备提供统一底座，具有多设备支持、模块化设计、分布式能力和开源开放等特性。
2026-01-30 09:38:49
647
原创 Flutter for OpenHarmony 实战：高性能长列表（ListView.builder）优化技巧
// 高性能长列表演示页 - ListView.builder 优化技巧@override/// 数据只构建一次，避免重复创建_items用late final且只在首次访问时通过赋值，保证只构建一次。_itemCount与列表长度一致，供 Sliver 的 childCount 使用。/// 列表顶部炫酷头部 - 渐变 + 玻璃态super.key,});onRefresh;
2026-01-29 13:36:08
694
原创 Flutter for OpenHarmony 实战：侧滑抽屉（Drawer）菜单的实现与定制
override// 当前选中的菜单项索引// Scaffold 的 key，用于控制抽屉// 更新选中索引});跟踪当前选中的菜单项。用于控制抽屉的打开和关闭。// 当前选中索引// 菜单项点击回调super.key,});@override// 动画控制器// 滑动动画// 淡入动画提供动画控制器所需的vsync。两个动画分别控制滑动和淡入效果。// 淡入动画super.key,});@override。
2026-01-29 11:56:01
1094
原创 Flutter for OpenHarmony 实战：底部导航栏（BottomNavigationBar）与页面切换
override用于管理导航状态。提供动画控制器所需的vsync，用于图标动画。@override@overrideduration: const Duration(seconds: 2), // 动画时长 2 秒// 循环播放@override提供单个动画控制器。控制波浪动画，repeat()让动画循环播放。Tween创建 0 到 1 的动画值。@override无状态组件，不需要状态管理。@override@override// 循环播放，来回反转。
2026-01-28 16:12:09
765
原创 Flutter for OpenHarmony：小试牛刀 实现一个简单卡片组件
/ 必需属性：标题、描述、图标// 卡片标题，如"欢迎使用 Flutter"// 卡片描述文字// 卡片图标，如 Icons.star// 可选属性：颜色、点击事件、操作按钮cardColor;// 卡片背景颜色，?表示可选，不传则使用主题色onTap;// 点击回调函数，可选actionText;// 操作按钮文字，如"了解更多"super.key,required this.title, // required 表示必须传。
2026-01-28 14:52:18
1358
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人