鸿蒙开发者社区

本文详细描述了如何借用混合开发技术在鸿蒙中进行物理模拟实验，本文的app使用了matter.js库。下面是对这个库的详细描述：Matter.js是一个2D物理引擎库，用于在浏览器中实现物理仿真和交互效果。它提供了简单易用的API，帮助开发者快速构建具有真实物理行为的交互式应用程序。主要功能:1.刚体物理仿真:支持刚体物体的碰撞检测、弹性反弹、摩擦力、重力和惯性等物理特性。2.力与约束:可以施加力、设置约束条件（如弹簧连接）来影...

本文会详细介绍如何借用混合开发的方式使用HarmonyOSNext和gif.js制作GIF动画，下图是App的主界面。下图是设置GIF属性：下图是预览添加的静态图片：下图是设置拉伸效果的窗口下面详细描述app的实现过程：首先看一下拉伸效果窗口的组件，代码如下：代码详解与中文注释这段代码实现了一个用于选择图片拉伸方式的用户界面。用户可以通过单选按钮选择不同的图片拉伸方式，并点击“确定”按钮将选择的拉伸方式应用。以下是对代码的逐...

在前面几篇文章中，讲解了通过fabric完成各种处理图像的工作，当处理完图像后，就需要将我们的成果导出，“创意工坊”提供了强大的图像导出功能，允许导出为各种格式，如图所示：从图中可以看出，可以导出为SVG、PNG、JPG和WebP格式。下面是对这几种图像格式的详细解释：1.SVG(ScalableVectorGraphics)概述：SVG是一种基于XML（可扩展标记语言）的矢量图形格式。它主要用于展示二维图形，例如图标、插图、图表等。因为SVG是基于...

本文会详细介绍如何在画布中为插入的外部图片添加特效，添加特效的界面如下图所示：特效可以叠加使用（可以多选）。这个窗口耨是使用Effects组件实现的，代码和详细解释如下：这段ArkTS代码实现了一个用于应用各种图像特效的用户界面。界面包含多个复选框供用户选择不同的特效，并通过点击“确定”按钮将选择的特效应用。效果如您提供的图片所示。代码的实现过程引入依赖：首先引入一些常量和实用函数，如面板背景颜色、按钮背...

本文会详细介绍如何将矢量图（SVG）插入画布，矢量图需要被编码为base64，然后直接保存到js代码中。如显示动物列表的js代码如下图所示：每一个svg是一个数组元素。最终的SVG显示界面如下图所示。这个界面是使用InsertImages组件实现的。。InsertImages类实现的详细解释与注释代码解释这段代码实现了一个用于选择图像的组件InsertImages。该组件由一组按钮和一个Webview组成，按钮用于选择不同的图像类别，Webview用于显示图像列...

前言导读相信大家在学习鸿蒙开发过程中最痛苦的就是编写model类特别是那种复杂的json的时候对不对，这时候有一个自动化的插件给你生成model是不是很开心。我们今天要分享的就是这个插件JsonFormat插件是群友开发的我这里只分享安装和用法介绍JSON数据操作一系列插件整合体，支持IDEA(含一系列开发者工具)、AndroidStudio、DevEcoStudio等等1.JSON转成JavaBean：将JSON数据转成JavaBean类2.JSON转成鸿蒙.etsmodel：将JSON数据转...

当我们想使用harmonyosnext版本的api11的时候，很多都是不可以直接使用的，我们这个时候需要在AppGalleryConnect中给我们的项目打开api权限，才可以正常使用。最开始我使用api11的时候，虽然跟着文档走，但是根本不理解为什么要这样做，最后出了问题也不知道是哪一步出现了问题，被折磨了好久，所以我把之前的步骤整理一遍并添加说明，帮助大家缩短踩坑的时间。我们应该做什么简单来说就是在我们的AppGalleryConnect中对我们绑...

应用场景在日常生活中我们总会在手机上接收到各种应用的消息，有购物快递消息显示的，有微信qq消息内容通知的，也有彩票中奖500万（谨防诈骗）让你去领取的。五花八门的应用消息推送，给我们带来的非常多的便利上图这种消息类型呢，就是推送通知消息，消息推送可以说是app的灵魂，让你的应用高端、大气、上档次！！“老板：”大家都有的功能，咱们的app凭什么没有？别给我找那些七七八八的理由，我不要你觉得，我只要我觉得！“...

自我踏上鸿蒙系统学习之旅以来，已历经一段时光。这次也是有幸能够体验鸿蒙系统next版本，那么就看看在新的环境下能做什么吧。我依稀记得初次尝试构建的一个基于Video组件的视频播放器的小demo。在那个demo中，实现基本的视频播放只需要Video组件就可以完成。那么既然有了视频播放，音乐播放该怎么实现呢？诶，有Video组件，应该也有Music组件吧。其实，鸿蒙提供了不止一种能够播放音乐的途径，就比如在文档中有的一个AudioKit...

本文会详细介绍如何向画布中插入外部图像。效果如下图所示：Web组件不支持直接访问鸿蒙本地目录，所以需要将利用arkts将图像转换为base64形式才可以插入图像到画布。首先需要用arkts实现一个InsertImage函数，用于选择本地图像，然后将其转换为base64编码，并调用js函数插入图像到画布，该函数的代码如下：insertImage(){leturis:Array[];constdocumentSelectOptionsnewpicker.DocumentSelectOptions();documentSelectOptions.f...

解决首页框架布局烦恼首先，我先来介绍一下我了解的最新数据，鸿蒙操作系统（HarmonyOS）市场份额从2023年一季度的8%显著提升至2024年一季度的17%，成功超越了iOS，跃居市场第二位。这一飞跃不仅彰显了鸿蒙系统日益增强的市场竞争力，也充分说明了它在用户中的认可度和接受度正在不断提升。同时，鸿蒙生态设备数量已突破9亿大关，并保持持续增长态势，预示着其在物联网和智能设备领域的广阔前景。鸿蒙真的已经深入到我的生活里...

作者：江南前言：近期有不少学习鸿蒙开发的同学在群里问如何申请鸿蒙模拟器，为了更好的帮助同学们学习，快速进步，我现在一步一步的教大家如何申请。大家可以直接点解申请链接，[申请链接](https:developer.huawei.comconsumercnactivity201714466699051861signup)，【也可以打开开发工具DevEcoStudio按照如下的步骤来操作，效果都是一样的。注意：本文是以macOS系统为例介绍，windows系统部分问题回答类似，以官方文档为主。...

在这篇文章中，我们会详细讲解如何实现《创意工坊》中的插入文字的功能，效果如下图所示：首先，插件文本需要弹出如下图的设置对话框。这个对话框需要使用InsertText组件完成，代码如下：导入背景颜色和按钮背景颜色常量import{PANELBACKGROUNDCOLOR,PANELBUTTONBACKGROUNDCOLOR}from'..commonconst'导入文档大小相关的类型import{DocumentSize,DocumentSizes}from'..dataDocuments'导入EntryAbility类importEntryAbilityfrom'....

上一篇文章构建了一个登录页面，包含基本的登录流程。点击登录之后成功登录进入到首页中。创建tabbar切换页面在开发首页之前，需要先规划一下app底部的tab栏，本次开发只涉及两个tab，分别是首页和我的页面。在pages目录下创建MainPage页面，UI结构代码如下。build(){Tabs({barPosition:BarPosition.End,controller:this.tabsController}){TabContent(){Home()}.padding({left:$r('app.float.mainPagepadding'),right:$r('app.f...

这一篇文章会实现一个比较有意思的场景，就是在画布上任意绘画。首先会用arkui实现如图的绘画设置窗口，如下图所示：这个窗口使用DrawingBoard组件完成，代码如下：import{PANELBACKGROUNDCOLOR,PANELBUTTONBACKGROUNDCOLOR,COMMONCOLORS,BASICGRAPHICS}from'..commonconst'import{WebColorPickerDialog}from'.WebColorPickerDialog';import{documentExists,createDocumentDir,getInverseColor,rgbaToHex}from'..commoncommon'E...

《鸿蒙nextArkUI专栏》系列前言:效果如图分享内容:鸿蒙next中应用数据持久化鸿蒙的应用数据持久化有3种1通过用户首选项实现数据持久化2通过键值型数据库实现数据持久化3通过关系型数据库实现数据持久化今天我们主要讲的是通过用户首选项实现数据持久化后面的两种方式我们后面的文章也会陆续的讲到。场景介绍用户首选项为应用提供KeyValue键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。当用户希望有一个全...

ArkUIX与原生view平台视图开发首先我们要了解为什么要使用平台视图。平台视图，主要是为了利用原生组件，减少开发成本，提供了ArkUIX与原生view进行混合显示。以Android为例，ArkUIX框架支持将原生View和ArkUI组件混合显示的能力，用户可以编写ArkTS代码，java原生代码，就可以在ArkUIX框架上显示原生组件的视图。这里我们以Android平台为例，别问我为什么以Android距离，因为我就会Android。使用场景及能力使用场景平台视图主...

[TOC](目录)介绍在社交媒体日益繁荣的今天，九宫格切图以其独特的视觉呈现方式，成为了朋友圈中的一股清新之风。通过将一张完整图片精心切割为九个小方块，再依次排列发布，不仅让图片内容更加层次分明，还能激发观者的探索欲，引导他们逐格浏览，享受发现新细节的乐趣。九宫格图片的用处广泛而巧妙。它适用于旅行美景的展示，每一格都是一处风景的缩影，串联起一段完整的旅程记忆；也是美食分享的绝佳选择，从食材准备到成品呈...

在上一篇文章我们介绍了创意工坊的主要功能，以及整体UI的实现。在这篇文章中，会详细介绍如何创建新的绘画文档，并与fabric进行交互。点击“新建”按钮，会弹出如下图的窗口。输入文档名，选择尺寸，就可以创建一个带网格的文档，如下图所示：显示创建文档的窗口，需要使用arkts创建一个组件，代码如下：引入必要的常量和依赖import{PANELBACKGROUNDCOLOR,PANELBUTTONBACKGROUNDCOLOR}from'..commonconst'引入面板背景颜色和按...

前言半年前我写过两篇帖子，[HarmonyOSUI可预览架构探索](https:ost.51cto.composts28541)和[HarmonyOSUI可预览架构探索（续）](https:ost.51cto.composts28552)。当时的背景是基于api9。最近一个偶然的机会，发现DevEcoStudio支持previewer的数据模拟了，我惺忪的睡眼蹭的就亮了，突然就不困了啊。这不就是我之前一直想要的preview和真实运行数据分离嘛。这回IDE原生支持了。我又看了一眼支持的历史，是从api11之后开始的，那...