xq610928的博客

今天这节课我们讲一下 在鸿蒙应用中添加Flutter页面。我们在实战项目如果公司已经又跨端的方案了 例如Flutter， 我们就可以 FlutterPage 的特性讲Flutter的页面代码通过 FlutterPage 添加到我们现在有的鸿蒙next 项目当中来 这样我们在既不破坏原有技术栈的情况下 有可以很好用上鸿蒙里面性特效等等能力。可以让我们的项目更加灵活 也可以降低开发成本。

今天这节课我们讲一下 flutter和我们的HarmonyOS交互。观察上面的效果图我们发现再Flutter 和鸿蒙next的交互中我们有3种方式，我们可以通过 MethodChannel 或者 BasicMessageChannel 能够调到鸿蒙next端代码也可以通过 EventChannel 来传递参数给到鸿蒙next这边 然后通过next回调。

这一个节课我们讲一下PlatformView的是使用 我们在实战中有可能出现了在鸿蒙next只加载一部分Flutter的情况我们今天就讲一下这种情况具体实现要使用到我们的PlatformView我们使用 PlatformView 就可以实现在我们鸿蒙native 项目中只需要加载部分的Flutter项目比较类似安卓的里面只加载一个view或者是fragment。也可以配合我们之前讲的章节能够在实战中很好使用Flutter在我们的鸿蒙next上面跨端的开发。

各位同学大家，有段时间没有跟大家见面了，因为最近一直在更新鸿蒙的那个实战课程所以就没有去更新文章实在是不好意思， 昨晚引文有网友问到鸿蒙next 里面的数据懒加载 我这边就做一个分享今天分享的list 组建里面的 LazyForEach 懒加载类似我们安卓里面adapter 和ios里面自定义的cell 就是我们滑动页面的时候加载新的item的时候系统不再重新创建对象 而是回收我们已经使用过item的对象 这样我们就可以复用item 就可以在加载 长 列表的时候减少开销从而提升滑动的性能和流畅度。

Flutter是谷歌的高性能、跨端UI框架，可以通过一套代码，支持iOS、Android、Windows/MAC/Linux等多个平台，且能达到原生性能。Flutter也可以与平台原生代码进行混合开发。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。本次我们这部分是基于社区版本3.7所编写，之前在做鸿蒙原生应用开发布道的时候，很多人都对Flutter适配鸿蒙比较感兴趣，这不就来了。

各位同学大家，有段时间没有跟大家见面了，因为最近一直在更新鸿蒙的那个实战课程所以就没有去更新文章实在是不好意思， 所以今天就给大家更新一期实战案例 高仿QQ案例 希望帮助到各位同学工作和学习这个QQ高仿项目也只是模仿了个最简单逻辑要走的路还很长的哈, 在这里也是给大家分享大厂的一些应用复杂页面的布局实现和联动,例如我们分组啊，还有好友展开和关闭效果实现。当然大厂肯定跟我们实现方式不同, 但是我们也是要自己尝试去实现，也是为了提升自己的能力。有兴趣的同学可以继续研究把整个项目都完善好。

各位同学大家，有段时间没有跟大家见面了，因为最近一直在更新鸿蒙的那个实战课程所以就没有去更新文章实在是不好意思， 所以今天就给大家更新一期实战案例 生肖抽卡的案例 希望帮助到各位同学工作和学习我们通过在button点击的时候把初始值 maskIndex maskOpacity maskImgScale 重新赋值 然后设置到 Image 组件的 scale属性里面来 然后设置我们Column 组件的 zIndex opacity透明度来实现我们组件叠放再组件上面的效果。

相信很多同学都有参加过各种比赛项目 主要都是做一些UI上面的展示 这时候很多同学可能会在本地创建很多数组模拟数据这样代码不但看着很臃肿也不好去处理新增数据。那么我们是不是可以读取本地的json数据然后再去展示UI呢。我们需要注意的是我们通过 resourceManager.getRawFileContent, 读取到的是我们 Uint8Array 类型 buffer， 然后我们这里调用。

各位同学大家，有段时间没有跟大家见面了，因为最近一直在更新鸿蒙的那个实战课程所以就没有去更新文章实在是不好意思， 所以今天就给大家更新一期实战案例 隐私协议弹窗 ，希望帮助到各位同学工作和学习上面的隐私协议弹窗我们只是实现了普通的界面展示 ，其实我们可以分包在 同意和去掉的两个text组件点击事件加上我们回调方法， 这样我们在index调用层就可以增加我们的回调方法，我们就可以处理点击之后逻辑。具体的各位同学可以自己在此代码基础拓展。

各位同学大家，有段时间没有跟大家见面了，因为最近一直在更新鸿蒙的那个实战课程所以就没有去更新文章实在是不好意思， 所以今天就给大家更新一期实战案例 评分组件 希望帮助到各位同学工作和学习鸿蒙next 里面有自带评分组件 其实安卓原始和ios里面也有不过安卓ios更多是直接调用了系统评分库。这样弹出·位置样式都不能自定义更多时候还是要自己去实现 但是鸿蒙就提供了这个组件我们就可以跟进官方组件的属性来自定义我们更多的效果。

各位同学大家，有段时间没有跟大家见面了，因为最近一直在更新鸿蒙的那个实战课程所以就没有去更新文章实在是不好意思， 所以今天就给大家更新一起鸿蒙里面的案例模式来给大家做一个分享。if (!鸿蒙 ArkUI 里面单例模式跟我们Java 还有oc代码里面比较像。都是需要私有化我们一个构造方法之类的做法 使得我们不能从外部直接通过new关键字来获取我们的实例 而是要通过我们的定义方法来获取唯一实例。从而减少系统开销避免重复创建实例。

各位同学大家好好，最近更新文章频率不是很高啊 今天给大家带来 鸿蒙 next 实现虚拟返回键杀死进程关闭app整个案例比较简单，我们也是要先熟悉我们的生命周期整个流程然后配合点击时间和当前时间的时间差来实现 返回键杀死app 然后加上了提示 也不会让用户误操作直接退出app了。有兴趣的同学可以拷贝代码自己尝试一下。

各位同学大家好， 之前看到有人在群里问flutter 怎么调用Google支付， 今天就准备整理写一篇文章。

各位同学有段时间没有见面 因为一直很忙所以就没有去更新博客。最近有在学习这个鸿蒙的ark ui开发 因为鸿蒙不是发布了一个鸿蒙next的测试版本 明年会启动纯血鸿蒙应用 所以我就想提前给大家写一些博客文章// 在自定义组件即将析构销毁时将dialogController置空this.dialogController = undefined // 将dialogController置空。

团队：坚果派公众号：“大前端之旅”润开鸿生态技术专家，华为HDE，优快云博客专家，优快云超级个体，优快云特邀嘉宾，InfoQ签约作者，OpenHarmony布道师，电子发烧友专家博客，51CTO博客专家，擅长HarmonyOS/OpenHarmony应用开发、熟悉服务卡片开发。欢迎合作。之前有写过arkui-x 跨平台框架可以 同时运行在安卓 iOS 鸿蒙3个平台 今天小试牛刀看看在安卓iOS上面播放视频是什么效果。

团队：坚果派公众号：“大前端之旅”润开鸿生态技术专家，华为HDE，优快云博客专家，优快云超级个体，优快云特邀嘉宾，InfoQ签约作者，OpenHarmony布道师，电子发烧友专家博客，51CTO博客专家，擅长HarmonyOS/OpenHarmony应用开发、熟悉服务卡片开发。欢迎合作。鸿蒙arkui-x才是刚起步希望有更多开发能加入进来一起共同建设完善好生态。

团队：坚果派公众号：“大前端之旅”润开鸿生态技术专家，华为HDE，优快云博客专家，优快云超级个体，优快云特邀嘉宾，InfoQ签约作者，OpenHarmony布道师，电子发烧友专家博客，51CTO博客专家，擅长HarmonyOS/OpenHarmony应用开发、熟悉服务卡片开发。欢迎合作。

各位同学大家好之前写了一些基于 OpenHarmony 系统写arkui的项目。所以移植到arkui-x上面来这个视频播放项目 我也是参考了官网的一些demo 所以有些同学见过也正常 我这里不多赘述 然后也是对比了在OpenHarmony 开发板和主流安卓设备上面的效果 UI 的一致性做得还算不错。然后就是性能我感觉完成度也算是可以，希望大家能踊跃的参与进来 共同建设国产系统平台的生态 让国产自研技术达到了一个新高度，完成了从零到一的迈步，让自研不再是 PPT ，不再是“套壳”。

各位同学大家好 很久没有跟大家见面了 具体多久我也不清楚，最近研究一下arkui-x调起华为支付功能 所以就分享给大家鸿蒙arkui-x才是刚起步希望有更多开发者能加入进来一起共同建设完善好生态。

各位同学大家好 很久没有跟大家见面了 具体多久我也不清楚，最近研究一下arkui-x调起华为登录 所以就分享给大家鸿蒙arkui-x才是刚起步希望有更多开发者加入进来一起共同建设完善好生态。

我们通过定义了2个点的x 坐标和y坐标 然后通过Canvas 组件绘制 Path2D 来里更新我们绘制的点的坐标来实现画图的线。

各位同学有段时间没有见面 因为一直很忙所以就你没有去更新博客。最近有在学习这个鸿蒙的ark ui开发 因为鸿蒙不是发布了一个鸿蒙next的测试版本 明年会启动纯血鸿蒙应用 所以我就想提前给大家写一些博客文章arkui 写法和flutter非常的像 有兴趣的同学可以多尝试哈 今天的文章就讲到这里。

团队：坚果派公众号：“大前端之旅”润开鸿生态技术专家，华为HDE，优快云博客专家，优快云超级个体，优快云特邀嘉宾，InfoQ签约作者，OpenHarmony布道师，电子发烧友专家博客，51CTO博客专家，擅长HarmonyOS/OpenHarmony应用开发、熟悉服务卡片开发。欢迎合作。用户首选项为应用提供Key-Value键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。当用户希望有一个全局唯一存储的地方，可以采用用户首选项来进行存储。

输入如下命令出现安装成功提示即可鸿蒙next中的上来加载下拉刷新有在ohpm有前人做好的很好三方库实现了 当然你也可以自己去编写计算滑动的高度坐标来处理上拉加载和下拉刷新。

各位同学大家好，有段时间没有给大家更新文章，具体多久我也不记得了， 鸿蒙next发布没多久，因为本人自己是从事手游sdk 开发的 ，所以分享一篇鸿蒙的手游sdk开发1 鸿蒙截止目前，不支持对App包进行二次重签名，从而无法实现二次重打包。如果SDK有变更，只能重新出Har给研发重新接入，并由研发出游戏包。2 鸿蒙可以将代码和资源封装成Har，类似于Android的aar文件。研发可将Har文件放入工程，并进行依赖。

团队：坚果派公众号：“大前端之旅”润开鸿生态技术专家，华为HDE，优快云博客专家，优快云超级个体，优快云特邀嘉宾，InfoQ签约作者，OpenHarmony布道师，电子发烧友专家博客，51CTO博客专家，擅长HarmonyOS/OpenHarmony应用开发、熟悉服务卡片开发。欢迎合作。

各位同学大家好， 好久没有更新鸿蒙文章了 现在更新一个鸿蒙版本高仿微信版本 那么废话不多说 我们正式开始这个demo是基于api 9 的项目， 有兴趣的同学还是去申请next版本学习最好 后面我也陆续把api项目迁移到next版本上面去。项目中主要使用 tab 组件配合 TabContent实现导航 各个模块主要使用list组件实现。页面跳转也是使用路由跳转 写法和flutter 也比较像 今天的文章就先讲到这里 有兴趣的同学可以 关注坚果派公众号和我的鸿蒙专栏 每天都有最新的文章更新。。

之前写过一个demo 但是那个是本地数据 现在我改成网络的 接口是我本地服务的 就想着分享给大家鸿蒙的 ark ui 非常类似flutter 这种声明式ui 所有的布局都是代码编写的和传统的布局和逻辑分开有些区别 刚开始上手的时候可能不适应，慢慢就习惯了 还有一点 代码嵌套 这个其实可以把每个组件抽离出来就可以解决鸿蒙的ark ui 网络部分也是类似前端的http 请求 解析json和前端也比较像 也有面向对象编程的思想， 对前端和移动端同学来说也比较好理解和学习。

前言：各位同学大家好。有段时间没有给大家更新文章了，具体多久呢我也记不清楚了哈，最近又在看鸿蒙相关的文档 学习了一些鸿蒙里面dialog的用法。所以今天就出一篇dialog的文章分享给大家，那么废话不多说我们正式开始。准备工作：1 安装鸿蒙开发环境 大家可以看我之前的文章华为鸿蒙系统开发初体验 ：[https://www.jianshu.com/p/f94c847c7fdc]效果图：具体实现main_ability_slice 布局文件<?xml version="1

前言 ：各位同学大家好，有段时间没有给大家更新文章了，具体多久呢我也记不清楚了。最近又去鸿蒙开发社区看了一看 有get一些新知识点 我觉得有必要给大家分享下 今天就给大家分享一个Picker 配合CommonDialog 实现的 日期选择器效果图具体实现package com.example.picker.dialog;import com.example.picker.ResourceTable;import com.example.picker.listener.Pickerdialo

前言：各位同学大家好有段时间没有给大家更新文章，具体多久我也不记得，最近在学习鸿蒙开发，就模仿boss直聘app的一些经典页面写了一个鸿蒙的开源demo 希望能帮助到各位同学学习 那么废话不多说，我们正式开始。准备工作1 安装鸿蒙开发环境 大家可以看我之前的文章华为鸿蒙系统开发初体验 ：https://www.jianshu.com/p/f94c847c7fdc效果图：具体实现：因为我们要做底部tab切换的效果 ，所以我查阅了很多鸿蒙的文档 希望能够有跟安卓里面的fragment 或者

前言 ：各位同学大家好，有段时间没有给大家更新文章了，具体多久呢我也记不清楚了。最近又去鸿蒙开发社区看了一看 有get一些新知识点 我觉得有必要给大家分享下 今天就给大家分享一个Picker 配合CommonDialog 实现的 日期选择器效果图具体实现package com.example.picker.dialog;import com.example.picker.ResourceTable;import com.example.picker.listener.Pickerdialo

前言：各位同学大家好，有段时间没有给大家更新文章了 具体多久我也不记得，最近在学习鸿蒙开发（第三天学）写了一些小demo 就想着分享给家 今天要讲的是TabList和Tab 鸿蒙OS开发中的 顶部导航控件准备工作1 安装鸿蒙开发环境 大家可以看我之前的文章华为鸿蒙系统开发初体验 ：https://www.jianshu.com/p/f94c847c7fdc效果图：具体实现：Tablist可以实现多个页签栏的切换，Tab为某个页签。子页签通常放在内容区上方，展示不同的分类。页签名称应该

前言 ：各位同学大家好 有断时间没有给大家更新文章了具体多久我也记得了。最近还在学习鸿蒙开发， 学到了PageSlider 滑动组件类似安卓里面 viewpager 可以实现 屏幕左右滑动的效果 ，那么废话不多说我们正式开始准备工作1 安装鸿蒙开发环境 大家可以看我之前的文章华为鸿蒙系统开发初体验 ：[https://www.jianshu.com/p/f94c847c7fdc]效果图具体实现MainAbility 布局文件<?xml version="1.0" encodin

前言：各位同学大家好，有段时间没有给大家更新文章了，具体多久我也不记得哈，今天是周日有时间就撸了一个鸿蒙的简易计算器的案例分享给大家 希望能帮助到各位同学学习和工作 那么废话不多说我们正式开始准备工作华为鸿蒙系统开发初体验 ：[https://www.jianshu.com/p/f94c847c7fdc]效果图：具体实现代码结构1 sliceMainAbilitySlice：计算器交互界面，用于完成界面元素渲染、按钮事件绑定动作。2 utilsMathUtil：用于计算表

前言各位同学大家好，有段时间没有给大家更新文章了，具体多久呢我也记不清楚了。最近又去鸿蒙开发社区看了一看 有get一些新知识点 我觉得有必要给大家分享下，在鸿蒙 模仿boss直聘客户端实现教程 这篇文章中 我做了一个底部切换的效果但是我是用布局显示影藏做出来的 虽然效果出来了 当时后期如果说业务逻辑复杂把所有逻辑都写在一个 Ability 里面明显是不可取的 安卓有fragment组件，由于当时我以为鸿蒙并没有类似于fragment的组件 。后来发现我错了，原来鸿蒙早就提供了类似于fragment的组件，

前言 ：各位同学大家好，有断时间没有给大家更新文章，具体多久我也不清楚哈。最近还在继续学习鸿蒙开发。平常在开发安卓或者java 以及flutter 的时候都有用到对应端的日志打印来调试代码。今天就分享一下鸿蒙里面日志打印使用技巧。准备工作：1 安装鸿蒙开发环境 大家可以看我之前的文章华为鸿蒙系统开发初体验 ：[https://www.jianshu.com/p/f94c847c7fdc]日志打印概述HarmonyOS提供了HiLog日志系统，让应用可以按照指定类型、指定级别、指定格式字符串输出日

前言各位同学大家好 有段时间没有给大家更新文章了， 昨天12月16 日华为发布了鸿蒙os2.0 bate 版本 ,所以就趁着有时间给大家分享一下鸿蒙开发的体验准备工作 ：DevEco Studio支持Windows系统和macOS系统，在开发HarmonyOS应用前，您需要准备HarmonyOS应用的开发环境。环境准备流程如下所示：如上图所示，搭建HarmonyOS应用开发的环境包括软件安装、配置开发环境和运行HelloWorld三个环节，详细的指导请参考：下载与安装软件DevEco Stud

前言：各位同学大家好，有段时间没有给大家更新文章，具体多久我也不清楚哈，昨天发了一篇关于 Fraction。的基础用法和生命周期的，今天我想着配合鸿蒙里面提供的顶部切换控件 tablist 来实现顶部tab 切换然后下面多个fraction的效果。那么废话不多说我们正式开始准备工作1 安装鸿蒙开发环境 大家可以看我之前的文章华为鸿蒙系统开发初体验 ：https://www.jianshu.com/p/f94c847c7fdc效果图：具体实现：tablist布局<?xml ver

前言：各位同学大家好，有段时间没有给大家更新文章。具体多久呢我也不记得，刚刚过完2020年，我在新的2021年里我还在继续学习鸿蒙的的开发。最近看了一下鸿蒙的网络请求部分的内容（这部分主要还是按照鸿蒙开发文档里面提到 java ui，js ui的网络请求请大家查看官方的文档即可）那么废话不多说我们正式开始。准备工作：1 安装鸿蒙开发环境 大家可以看我之前的文章华为鸿蒙系统开发初体验 ：https://www.jianshu.com/p/f94c847c7fdc具体实现鸿蒙系统网络访问基础配置