鸿蒙开发者社区

前言本文基于Api13绘制卡片就非常的简单了，和平时的应用开发是一样的，但是并不是所有的组件都支持卡片，这里，在官方文档中，每个组件也都有明确的标记，如果支持，那么就会有一个卡片能力显示。上篇文章，我们默认创建了一个卡片，所有的UI绘制，都是在widget中pages下的WidgetCard中进行绘制的，当然了，由于创建的文件名不一样，文件路径也有区别，我们可以从resources>base>profile>formconfig.json中的src字段查看，这个...

一、ArkTS状态变量的定义：State：状态，指驱动UI更新的数据。用户通过触发组件的事件方法，改变状态数据。状态数据的改变，引起UI的重新渲染。在鸿蒙原生开发中，使用ArkTS开发UI的时候，我们可以对UI进行状态变量的绑定，来进行UI渲染基本结构如下：ComponentstructMyComponent{Statecount:number0;privateincreaseBy:number1;build(){}}EntryComponentstructParent{build(){Column(){从父组件初始化，覆盖本地定义的默认值My...

一、工具DevEcoStudio二、开发步骤将一段中文音频转换为文本1.在使用语音识别时，将实现语音识别相关的类添加至工程。import{speechRecognizer}from'kit.CoreSpeechKit';import{BusinessError}from'kit.BasicServicesKit';2.调用​​createEngine​​​方法，对引擎进行初始化，并创建​​SpeechRecognitionEngine​​实例。letasrEngine:speechRecognizer.SpeechRecognitionEngine;letsessionId:string'123456';创建引擎，通过...

一、开发工具DevEcoStudio知识点：smmdlg页签在底部页签的图标和文字垂直布局页签宽度均分页签高度固定72vp页签在底部页签的图标和文字水平布局页签宽度均分页签高度固定56vp页签在左边页签的图标和文字垂直布局页签宽度固定96vp页签高度总占比‘60%’后均分​​自适应布局​​​​响应式布局​​Navigation和GridRow布局二、开发步骤创建项目层级目录：首页MainPage介绍：首先创建布局：Tabs({barPosition:BarPosition.End}){T...

一、工具DevEcoStudio二、项目介绍根据CoreSpeechKit播放不超过10000字符的中文文本1.在使用文本转语音时，将实现文本转语音相关的类添加至工程。import{textToSpeech}from'kit.CoreSpeechKit';import{BusinessError}from'kit.BasicServicesKit';2.调用createEngine接口，创建​​TextToSpeechEngine​​实例。letttsEngine:textToSpeech.TextToSpeechEngine;设置创建引擎参数letextraParam:Record<string,Object>{"style":'int...

创建模拟器操作步骤点击菜单栏的Tools>DeviceManager，点击右下角的Edit设置模拟器实例的存储路径LocalEmulatorLocation，Mac默认存储在.HuaweiEmulatordeployed下，Windows默认存储在C:\Users\xxx\AppData\Local\Huawei\Emulator\deployed下。在LocalEmulator页签中，单击右下角的NewEmulator按钮，创建一个模拟器。在模拟器配置界面，可以选择一个默认的设备模板，首次使用时会提示“Downloadthesystemimagefirst”，请点击设...

一、工具DevEcoStudio二、项目介绍开发步骤引用相关类添加至工程。import{subjectSegmentation}from'kit.CoreVisionKit';准备预处理的图片资源，将图片转换为PixelMap，并添加初始化和释放方法。asyncaboutToAppear():Promise{constinitResultawaitsubjectSegmentation.init();​​​hilog.info​​​(0x0000,'subjectSegmentationSample',​​Subjectsegmentationinitializationresult:${initResult}​​​);}asyncaboutToDisa...

一、工具DevEcoStudio二、项目介绍开发步骤在使用通用文字识别时，将实现文字识别的相关的类添加至工程。import{textRecognition}from'kit.CoreVisionKit';简单配置页面的布局，并在Button组件添加点击事件，拉起图库，选择图片。Button('选择图片').type(ButtonType.Capsule).fontColor(Color.White).alignSelf(ItemAlign.Center).width('80%').margin(10).onClick(()>{拉起图库，获取图片资源this.selectImage();})通过图库获...

一、工具DevEcoStudio二、项目介绍开发步骤在使用人脸检测时，将实现人脸检测相关的类添加至工程。import{faceDetector}from'kit.CoreVisionKit';简单配置页面的布局，并在Button组件添加点击事件，拉起图库，选择图片。Button('选择图片').type(ButtonType.Capsule).fontColor(Color.White).alignSelf(ItemAlign.Center).width('80%').margin(10).onClick(()>{拉起图库，获取图片资源this.selectImage();})通过图库获取图片资...

一、工具DevEcoStudio二、项目介绍开发步骤在使用人脸比对时，将实现人脸比对相关的类添加至工程。import{faceComparator}from'kit.CoreVisionKit';简单配置页面的布局，并在Button组件添加点击事件，拉起图库，选择图片。Button('选择图片').type(ButtonType.Capsule).fontColor(Color.White).alignSelf(ItemAlign.Center).width('80%').margin(10).onClick(()>{拉起图库，获取图片资源this.selectImage();})通过图库获取图片...

一、工具DevEcoStudio二、项目介绍开发步骤在使用骨骼点检测时，将实现骨骼点检测相关的类添加至工程。import{skeletonDetection,visionBase}from'kit.CoreVisionKit';import{BusinessError}from'kit.BasicServicesKit';简单配置页面的布局，并在Button组件添加点击事件，拉起图库，选择图片。Button('选择图片').type(ButtonType.Capsule).fontColor(Color.White).alignSelf(ItemAlign.Center).width('80%').margin(10).onClic...

一、工具DevEcoStudio二、项目介绍开发步骤在使用多目标识别时，将实现多目标识别相关的类添加至工程。import{BusinessError}from'kit.BasicServicesKit';import{objectDetection,visionBase}from'kit.CoreVisionKit';简单配置页面的布局，并在Button组件添加点击事件，拉起图库，选择图片。Button('选择图片').type(ButtonType.Capsule).fontColor(Color.White).alignSelf(ItemAlign.Center).width('80%').margin(10).onClick(...

一、工具DevEcoStudio二、项目介绍先来看看简单的特效知识点：​​属性动画概述​​​​实现属性动画​​​​自定义属性动画​​1、动画示例1：点击放大缩小很简单在onClick()设置如下代码即可：.onClick(()>{if(this.flag){animateTo({duration:2000,curve:Curve.EaseOut,iterations:1,playMode:PlayMode.Normal,onFinish:()>{console.info('playend')}},()>{this.widthSize60this.heightSize60})}else{animateTo({},()>{this....

一、工具DevEcoStudio二、项目介绍开发步骤首先从项目根目录进入srcmainetsentryabilityEntryAbility.ets文件，将WindowManager添加至工程。import{WindowManager}from'kit.SpeechKit';在onWindowStageCreate(windowStage:window.WindowStage)生命周期方法中，添加setWindowStage方法设置窗口管理器。onWindowStageCreate(windowStage:window.WindowStage):void{​​​console.info​​​('AbilityonWindowStageCreate');Window...

一、工具DevEcoStudio二、项目介绍开发步骤从项目根目录进入srcmainetspagesIndex.ets文件，在使用AI字幕控件前，将实现AI字幕控件和其他相关的类添加至工程。import{AICaptionComponent,AICaptionController,AICaptionOptions}from'kit.SpeechKit';简单配置页面的布局，加入AI字幕组件，并在aboutToAppear中设置AI字幕组件的传入参数。import{hilog}from'kit.PerformanceAnalysisKit';constTAG'AICAPTIONDEMO'classLogger{stat...

一、工具DevEcoStudio二、项目介绍开发步骤将文档扫描控件相关的类添加至工程。import{DocType,DocumentScanner,DocumentScannerConfig,SaveOption,FilterId,ShootingMode}from"kit.VisionKit";配置布局，根据业务场景配置文档扫描控件的相关属性，获取返回的文档图片uri列表。import{hilog}from'kit.PerformanceAnalysisKit';constTAG'DocumentScanner'EntryComponentstructIndex{privatedocScanConfignewDocumentScannerConfi...

一、工具DevEcoStudio二、项目介绍开发步骤将实现人脸活体检测相关的类添加至工程。import{interactiveLiveness}from'kit.VisionKit';在module.json5文件中添加CAMERA权限，其中reason，abilities标签必填，配置方式参见requestPermissions标签说明。"requestPermissions":[{"name":"ohos.permission.CAMERA","reason":"$string:cameradesc","usedScene":{"abilities":[]}}]简单配置页面的布局，选择人脸活体检测验证完后的跳转...

一、工具DevEcoStudio二、项目介绍开发步骤将卡证识别控件相关的类添加至工程。其中CardRecognitionConfig,CardContentConfig,BankCardConfig从API12开始支持import{CardRecognition,CallbackParam,CardType,CardSide,CardRecognitionConfig,ShootingMode,CardContentConfig,BankCardConfig}from"kit.VisionKit";配置页面的布局，选择需要识别的卡证类型和需要识别的卡证页面，配置对应设置项，在回调中获取结果返回值。以下分...

一、工具DevEcoStudio二、项目介绍开发步骤将AI识图控件相关的类添加。import{visionImageAnalyzer}from'kit.VisionKit';import{BusinessError}from'kit.BasicServicesKit';初始化VisionImageAnalyzerController对象。privatevisionImageAnalyzerController:visionImageAnalyzer.VisionImageAnalyzerControllernewvisionImageAnalyzer.VisionImageAnalyzerController();添加订阅事件。aboutToAppear():void{this.visionImageAna...

开发者完成HarmonyOS应用元服务开发后，需要将应用元服务打包成AppPack（.app文件），用于上架到AppGalleryConnect。准备签名文件HarmonyOS应用元服务通过数字证书（.cer文件）和Profile文件（.p7b文件）来保证应用元服务的完整性。在申请数字证书和Profile文件前，首先需要通过DevEcoStudio来生成密钥（存储在格式为.p12的密钥库文件中）和证书请求文件（.csr文件）。生成密钥和证书请求文件在主菜单栏单击Build>GenerateKeyan...