鸿蒙开发者社区

在这篇文章中，我们会详细讲解如何实现《创意工坊》中的插入文字的功能，效果如下图所示：首先，插件文本需要弹出如下图的设置对话框。这个对话框需要使用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之后开始的，那...

登录页面设计一个简单的登录页面，包含logo、文字名称、手机输入框、验证码输入框、发送验证码按钮、登录按钮。这是一个页面包含的元素。要实现的效果如图片所示。以下是UI层的布局。可以看到app.media还有app.float等变量，这些是定义在float.json文件的公共变量。可以写死也可以使用变量来进行定义使用。如下在第一个Image和第一个Text组件没有使用变量定义属性，可以作为参考使用。$r('app.media.huihua')为图片的路径，这里...

前言我自己之前想做一期关于chart图表功能演示,我找了一圈下来大致有官方的[ohosmpchart](https:ohpm.openharmony.cncndetailohos%2Fmpchart)但是使用习惯不是特别喜欢,因为自己以前经常用[百度Echarts](https:echarts.apache.orgexampleszhindex.html),虽然他的体积这些比较大，但是功能是真的非常强大，所以思索良久下定决心来基于Echarts封装一个自己的[OpenHarmony三方库](https:ohpm.openharmony.cncnhome)准备工作安装好...

前言大家好，我是无言，有一段时间没有更新了。主要是这段时间在参与鸿蒙开源项目[McCharts](http:meichuang.org.cnGettingStarted)，它是一个基于ArkTS语法封装的图表组件，使用方式高度类似Echarts,而且可以运行在ArkTS3+版本以上的任意版本当中,性能反馈非常不错，大家对鸿蒙开发感兴趣的可以去尝试一下。本来在写这篇文章之前，我还想在鸿蒙中适配一些游戏引擎,例如pixiJs、ThreeJs,奈何现在鸿蒙Canvas不支持WebGL,做了一些...

场景描述在开发应用程序时，我们经常需要使用各种组件来构建和展示用户界面。然而，直接使用原生的组件可能会导致代码冗余和难以维护。为了解决这个问题，基于原生能力的组件封装，将使我们更高效地开发应用程序。场景一：全局扩展和全局样式使用在应用开发中，我们通常需要使用相同功能和样式的ArkUI组件，例如购物页面中会使用相同样式的Button按钮、Text显示文字，我们常用的方法是抽取公共样式或者封装成一个自定义组件到公...

CodeLinter针对ArkTSTS代码进行最佳实践编程规范方面的检查。检查方法：1.编辑器自带CodeLinter。在已打开的代码编辑器窗口单击右键点击CodeLinter，或在工程管理窗口中鼠标选中单个或多个工程文件目录，右键选择CodeLinter执行代码检查。2.CodeLinter命令行。CodeLinter同时支持使用命令行执行代码检查与修复，可将CodeLinter工具集成到门禁或持续集成环境中。获取：请在​​获取命令行工具​​下载CommandLine。配置：命令行...

场景描述工程源码的混淆可以降低工程被破解攻击的风险，但会导致无法直接通过Release应用的堆栈信息定位到源码的具体文件和行位置，不易于开发者快速定位解决问题。本工具使用指南将以开发者视角，向开发者讲解，如何分别使用IDE自带反混淆工具AnalyzeStaceTrace和hstack命令行对Release应用中C++堆栈、ArkTS堆栈以及ArkTS堆栈中混淆的方法名进行还原，方便开发者进行错误信息定位（注：仅支持API12及以上的工程）。文件准备工...

场景描述应用聊天界面简单气泡的拉伸实现。效果图最上方是未被拉伸的气泡图效果。方案描述分别使用backgroundImageResizable和resizable实现聊天气泡的拉伸。backgroundImageResizable和resizable使用详解。文档提供的图片，在设置了top、right、bottom、left四个参数后，图上的4角也就是1234区域不会被拉伸，关键点在于这4个参数的大小必须是原图的基础上的大小，所以需要将原图像素值转为vp后，在此基础上来确认参数。效果图...

Navigation组件一般作为页面的根容器，包括单页面、分栏和自适应三种显示模式。Navigation可以通过组件级路由能力实现更加自然流畅的转场体验。在鸿蒙中，由Entry修饰的组件为页面组件，每一个页面都需要Entry来修饰。Navigation的出现，可以让一个Entry页面实现多页面的效果。如图Navigation组件可以分为主页和内容页，主页由标题栏(包含菜单栏)、内容区和工具栏组成。当然如果我们不想使用系统自带的标题栏和工具栏，我们可以...

在HarmonyOS中，Slider组件是由ArkUI开发框架提供的滑动条组件，通常用于快速调节设置值，如音量调节、亮度调节等应用场景。场景一：自定义Slider效果方案1.如上图，其主要的实现方式是对其套上Stack容器，把图片置于Slider的上层，然后主要要对其设置hitTestBehavior(HitTestMode.Transparent)，将上层的触摸滑动手势传递到下层的Slider去。2.橙色的进度条主要就是利用了滑轨可以设置渐变色，然后边角半径设置的小一点，就可以...

1、前言在鸿蒙项目初期开发中，我们的代码结构可能是这样，features功能模块目录中，涉及到所有功能模块都调用的功能，都放到【公共功能】har中。但是，随着功能的不断增加，和时间推移。这种结构可能会有以下几种问题。1.公共功能har，代码臃肿，业务耦合严重，维护成本增加2.公共功能har，功能无法拆分，假如有手机、手表、汽车三种产品。公共功能har中不同产品可能需要得功能也是不一样的。无法做到产品功能隔离3.实现一个功...

State、Prop、Link等装饰器的作用范围是组件之间。也就是他们只能在同一个Entry修饰下的页面组件中的组件以及子组件进行数据的共享。当涉及到多个页面时，需要使用页面级的状态管理装饰器。LocalStorage是页面级的UI状态存储，通过Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage支持UIAbility实例内多个页面间状态共享。LocalStorage使用场景和相关的装饰器：LocalStoragePropLocalStorageLink。...

[toc]ArkUI低代码源码生成器介绍鸿蒙低代码可视化开发神器快速对鸿蒙ArkUI生成源码，结合类似小程序类似设计，页面设计底部菜单，支持宫格组件、轮播图、图文列表、图片组件、文本内容组件，快速对接第三方HttpApi。通过鸿蒙扩展axios扩展库加载数据源，在线API调试请求数据源、绑定数据源、生成源码。在线的API源码快速生成TS接口实现。可视化低代码神器鸿蒙可视化拖拽开发神器无须编程零代码基础所见即所得设计工具轻松制作Ar...