案例描述这是一个基于AI基础视觉服务实现的人脸对比案例，通过调用设备相册选择两张图片进行人脸特征比对，并展示相似度计算结果。实现步骤：1. 模块导入 // 导入功能模块 import { photoAccessHelper } from **********'; import { fileIo } from **********'; import { image } from **********'; import { faceComparator } from **********'; import { promptAction } from **********'; import { Bu...

案例描述这是一个基于AI基础视觉服务实现的人脸识别案例，通过调用设备相册选择图片后检测图像中的人脸信息并展示结构化识别结果。实现步骤：1. 模块导入 // 导入功能模块 import { photoAccessHelper } from **********'; import { fileIo } from **********'; import { image } from **********'; import { faceDetector } from **********'; import { promptAction } from **********'; import { JSON...

案例描述这是一个基于AI基础视觉服务实现的文字识别案例，通过调用设备相机拍摄照片后识别图片中的文字内容。实现步骤：1. 模块导入 // 导入功能模块 import { camera, cameraPicker } from **********'; import { fileIo } from **********'; import image from **********'; import { textRecognition } from **********'; 2. 相机调用与图片获取 // 创建相机选择器实例 const res = await cameraPicker.pick(g...

案例描述这是一个基于AI基础语音服务实现的实时语音转文字案例，通过麦克风采集音频并实时转换为文本。实现步骤：1. 导入必要模块 import { speechRecognizer } from **********' import { abilityAccessCtrl } from **********' import { promptAction } from **********' 2. 申请麦克风权限 async requestPermissions() { const atManager = abilityAccessCtrl.createAtManager(); const res...

案例描述这是一个基于AI基础语音服务实现的文字语音播报案例实现步骤：1. 引入必要的模块引入 textToSpeech 和 promptAction 模块，分别用于文字转语音和提示信息展示。 import { textToSpeech } from **********' import { promptAction } from **********' 说明：textToSpeech 模块提供了文字转语音的功能，promptAction 模块用于在界面上显示提示信息。2. 定义组件使用 @Entry 和 @ComponentV2 装饰器定义一个名为 CoreSpeechKit 的组件。 @En...

在 Flutter 三端分离模式下完成纯血鸿蒙混入的过程中，虽然官方文档提供了一定的指导，但实际操作中可能会遇到一些坑。以下是我在适配过程中的一些经验总结，供各位开发者参考 😄 如果有帮助点个赞。在混入过程中是基于咸鱼团队 flutter_boost（这里不讨论和其他方案的差别） 和自定义 FlutterPlugin 实现的。主要涉及内容：环境搭建Flutter module 创建Futter 引入 flutter_boostHarmony 引入 flutter_boostFlutter 与鸿蒙侧通信Flutter 调用鸿蒙原生环境搭建Fluter 环境准备支持鸿蒙的 Flutter 开发环...

实现步骤：准备 ForEach 遍历数据的页面使用 http 获取数据渲染落地代码：准备 ForEach 遍历数据的页面interface News { id: number title: string source: string cmtcount: number img: string time: string} @Entry@Componentstruct Index { @State newsList: News[] = [{ "id": 1, "title": "5G渗透率持续提升，创新业务快速成长", "sour...

1. 网络通信-http协议HTTP 协议和 TCP/IP 协议族内的其他众多的协议相同，用于客户端和服务器之间的通信。HTTP 协议规定，请求从客户端发出，最后服务器端响应该请求并返回。换句话说，肯定是先从客户端开始建立通信的，服务器端在没有接收到请求之前不会发送响应。请求报文是由请求方法、请求 URI、协议版本、可选的请求首部字段和内容实体构成的。常见方法：GET 查询、POST 提交、PUT 修改、DELETE 删除响应报文基本上由协议版本、状态码（表示请求成功或失败的数字代码）、用以解释状态码的原因短语、可选的响应首部字段以及实体主体构成。鸿蒙操作系统提供了网络通信相关的 API 和服...

页面生命周期，即被@Entry装饰的组件生命周期，提供以下生命周期接口：onPageShow：页面每次显示时触发一次，包括路由过程、应用进入前台等场景。onPageHide：页面每次隐藏时触发一次，包括路由过程、应用进入后台等场景。onBackPress：当用户点击返回按钮时触发。aboutToAppear：组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行aboutToDisappear：aboutToDisappear函数在自定义组件析构销毁之前执行。@Entry@Componentstruct Index { aboutToAppear()...

实现步骤：首页 Tab 栏导航设置页，实现切换使用 PersistentStorage + AppStorage 实现全局UI状态且持久化代码：Index.ets 文件import { router } from **********' PersistentStorage.persistProp<boolean>('isVideo', true) @Entry@Componentstruct Index { @StorageProp('isVideo') isVideo: boolean = true  build() { Column() { Tabs({ barPosition...

组件导航（Navigation）和页面路由（@ohos.router）均支持应用内的页面跳转，但组件导航支持在组件内部进行跳转，使用更灵活，组件导航具备更强的一次开发多端部署能力，可以进行更加灵活的页面栈操作，同时支持更丰富的动效和生命周期。不过目前初探鸿蒙开发建议先掌握页面路由（@ohos.router）的方案，它更容易手且将来大部分场景式混合使用模式。页面切换：Router 模块通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。Router 模块提供了两种跳转模式，分别是 router.pushUrl 和 router.replaceUrlrouter.pushUrl：目...

需求：提取 FansItemComp 组件进行复用，使用 @Prop 接收数据保证组件UI可动态渲染封装 getFansAndFollowCount 方法获取互关人数且渲染传入 onChange 方法，当子组件状态发送变更通知父组件进行列表数据更新代码：interface FansItem { avatar: Resource name: string title: string isFollow: boolean} @Entry@Componentstruct TestPage { @State fansList: FansItem[] = [ { name: '华为终端', avatar:...

自定义组件拥有变量，变量必须被装饰器装饰才可以成为状态变量，状态变量的改变会引起UI的渲染刷新。如果不使用状态变量，UI只能在初始化时渲染，后续将不会再刷新。 下图展示了State和View（UI）之间的关系。View(UI)：UI渲染，指将build方法内的UI描述和@Builder装饰的方法内的UI描述映射到界面。State：状态，指驱动UI更新的数据。用户通过触发组件的事件方法，改变状态数据。状态数据的改变，引起UI的重新渲染。1. 组件状态-@State@State装饰的变量，或称为状态变量，一旦变量拥有了状态属性，就可以触发其直接绑定UI组件的刷新。当状态改变时，UI会发生对应的渲染...

这个案例当中涉及到知识内容：1. 对象类型使用 Interface 约束2. 华为内容的资源类型 Resource3. 定义数组类型的数据 FansItem[]4. 使用 ForEach 完成循环渲染5. 使用 @Extend 扩展组件属性方法具体代码如下：interface FansItem { avatar: Resource name: string title: string isFollow: boolean} @Entry@Componentstruct TestPage { playerList: FansItem[] = [ { name: '华为终端', avatar: $r...