鸿蒙开发者社区

作为Text组件的子组件，用于显示行内文本的组件。无子组件一、接口Span(value:stringResource)从APIversion9开始，该接口支持在ArkTS卡片中使用。参数：二、属性通用属性方法仅支持通用文本样式。三、事件通用事件仅支持点击事件。说明由于Span组件无尺寸信息，因此点击事件返回的ClickEvent对象的target属性无效。四、示例xxx.etsEntryComponentstructSpanExample{build(){Flex({direction:FlexDirection.Column,alignItems:It...

笔者之前分享过[如何在设备侧修改屏幕DPI](https:ost.51cto.composts21367)，本文则介绍在OpenHarmony应用侧获取屏幕DPI。[toc](目录)1.应用侧获取屏幕DPI实现思路如图这是笔者的两台OpenHarmony设备，左边[汇思博SEEK100sl8541e](https:gitee.comwisbokitresourcestreemaster)的DPI为213，右边[润开鸿DAYU200](https:gitee.comhihopeiotdocstreemasterHiHopeDAYU200)的DPI为240通过导入ohos.display包来使用getDefaultDisplayS...

介绍本示例为ArkUI中组件、通用、动画、全局方法的集合。效果预览绑定通用动画全局方法Button按钮onClick点击事件元素共享转场警告弹窗使用说明：1.点击组件、通用、动画、全局方法四个按钮或左右滑动切换不同视图。2.点击二级导航（如通用属性、通用事件等），若存在三级导航则展开三级导航（如Border边框、点击事件等）；若不存在三级导航，则跳转至详情页面。3.若存在三级导航（如Border边框、点击事件等），点击跳转至详情...

一、创建自定义组件在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行UI界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。自定义组件具有以下特点：●可组合：允许开发者组合使用系统组件、及其属性和方法。●可重用：自定义组件可以被其...

一、OpenHarmony应用开发涉及的主要因素二、OpenHarmony应用开发UX设计规范UX设计规范的主要内容与部分图标示例设计原则，当为多种不同的设备开发应用时，有如下设计原则：差异性，充分了解所要支持的设备，包括屏幕尺寸、交互方式、使用场景、用户人群等，对设备的特性进行针对性的设计。一致性，除了要考虑每个设备的特性外，还需要考虑不同设备的共性，并使用通用性设计方法提供既符合设备差异性，又具有跨设备一致性的设计...

首先得到应用的缓冲路径javascriptimportcommonfrom'ohos.app.ability.common';letcontextgetContext(this)ascommon.UIAbilityContext;letcacheDircontext.cacheDir;然后得到想要修改文件的file路径javascriptletfilefs.openSync(globalThis.urlfile,fs.OpenMode.CREATE);fs.copyFile(file.fd,cacheDir+'testt.jpg',(err){if(err){AlertDialog.show({message:JSON.stringify(err)+'\r\n',})console.info("copyfilefailedwitherr...

本项目Gitee仓地址：[深入浅出eTs学习:带大家深入浅出学习eTs(gitee.com)](https:gitee.comlalhaneTsStudy)一、需求分析我们本章节要实现一个闹钟功能，实现闹钟定时，提醒大家吃药（最好不需要吃药喔），功能分析：时间选择控件类似手机的闹钟UI滚动条播放消息设定后进行提示二、控件介绍这里我们要用到的是时间选择控件：TimePicker：[官方文档](https:docs.openharmony.cnpagesv3.2Betazhcnapplicationdevreferencearkuitsts...

SysCap，全称SystemCapability，即系统能力，指操作系统中每一个相对独立的特性。开发者使用某个接口进行开发前，建议先阅读Syscap使用指南，了解Syscap的定义和使用指导。再结合下文中的表格判断具体能力集是否支持某个设备，提高开发效率。说明：Default代表了一个功能比较全面的OpenHarmony设备，具有大部分的通用能力。在尚未明确设备具体能力集的情况下，可使用Default类型进行开发SystemCapability.ArkUI.ArkUI.FullArKUI...

历史记录导航使用者在前端页面点击网页中的链接时，Web组件默认会自动打开并加载目标网址。当前端页面替换为新的加载链接时，会自动记录已经访问的网页地址。可以通过[forward()](https:developer.harmonyos.comcndocsdocumentationdocreferencesV3jsapiswebview0000001427902720V3ZHCNTOPIC0000001523968634forward)和[backward()](https:developer.harmonyos.comcndocsdocumentationdocreferencesV3jsapiswebview000000142790...

一、介绍本篇Codelab主要基于dialog和button组件，实现弹窗的几种自定义效果，具体效果有：1.警告弹窗，点击确认按钮弹窗关闭。2.确认弹窗，点击取消按钮或确认按钮，触发对应操作。3.加载弹窗，展示加载中效果。4.提示弹窗，支持用户输入内容，点击取消和确认按钮，触发对应操作。5.进度条弹窗，展示进度条以及百分比。相关概念​​dialog​​组件：自定义弹窗容器组件。​​button​​组件：按钮组件。完整示例​​gitee源码...

一、介绍溪村小镇是一款展示溪流背坡村园区风貌的应用，包括园区内的导航功能，小火车行车状态查看，以及各区域的风景展览介绍，主要用于展示HarmonyOS的ArkUI能力和动画效果。具体包括如下功能：1.打开应用时进入启动页，启动页轮播展示溪村小镇风景图，之后进入应用首页。2.在首页的“地图浏览”标签页，可以拖动和缩放查看地图，并查找相应地标建筑。3.在首页的“区域导览”标签页，可以上下滑动查看溪村小镇不同区域的卡片...

【本文正在参加2023「盲盒」+码有奖征文活动】https:ost.51cto.composts25284[toc](目录)概述在OpenHarmony4.0（API10）中，ohos.wallpaper(壁纸)模块增加了多个接口，我们可以通过setCustomWallpaper、setVideo分别来设置系统的静态壁纸和动态壁纸，我们需要在应用中权限配置中加入ohos.permission.SETWALLPAPER权限。与API9的差异设置壁纸从setImage变更为setCustomWallpaper设置动态壁纸为API10新增WallpaperResourceType为...

笔者一直以来以OpenHarmony南向开发为主，随着北向开发api越来越丰富且越来越趋于稳定，笔者决定恢复一度中断的北向开发之旅...以此系列文章记录学习经验，对官方文档中没有提到的地方自己做的一些补充，对于文章疏漏的地方，希望读者批评指正[toc](目录)Blank空白填充组件介绍1.空白填充组件，在容器主轴方向上，空白填充组件具有自动填充容器空余部分的能力。这里的主轴包括X轴和Y轴2.仅当父组件为RowColumn时生效。（Flex组...

此博客由金陵科技学院开放原子开源社芮嘉忆编写页面路由（router）页面路由指在应用程序中实现不同页面之间的跳转和数据传递。OpenHarmony提供了Router模块，通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。以记事本为例实现路由的跳转能力的两种方式1.Navigator组件（路由容器组件，提供路由跳转能力）2.router模块（包括router.pushUrl()和router.replaceUrl()两种）router.pushUrl()：目标页面不会替换...

当社区每推出一个OpenHarmony版本，笔者通常都是拉取全量代码，里面包含标准、轻量、小型系统的各个芯片平台开发板的全部代码。有时候需要只拉取主干仓库上RK3568芯片的dayu200开发板或者hi3861的代码该怎么做呢[toc](目录)1.只下载RK3568芯片的dayu200开发板相关代码，并且编译下载master版本RK3568源码repoinituhttps:gitee.comopenharmonymanifestbmastermchipsetsdayu200.xmlgohos:standardreposynccrepoforallc'gitlfspull...

【本文正在参加2023「盲盒」+码有奖征文活动】，活动链接[https:ost.51cto.composts25284](https:ost.51cto.composts25284)简要介绍ArkTS卡片内部和提供方应用间的交互，可以通过在卡片一端调用postCardAction来实现，当前支持router、message和call三种类型的事件。我们根据实际应用分别从五个方面简单学习一下：1.服务卡片通过router跳转到应用指定页面；2.服务卡片通过call调用应用页面在后台执行；3.应用通过message事件刷...

本文转载自OpenHarmonyTSC官方微信公众号​​《峰会回顾第29期QtForOpenHarmony​​​​》​​演讲嘉宾蔡万苍回顾整理廖涛排版校对李萍萍嘉宾简介蔡万苍，13年C++Qt开发相关工作经验，曾任职Qt公司，担任技术支持、Qt咨询师，协助国内多家Qt企业版用户完成基于Qt的软件框架搭建，参与Qt开源社区Bug维护及修改，在基于Qt框架的软件架构设计、Qt跨平台适配上有多年的技术积累和经验，开源书籍QmlBookinChinese在github上star数达...

一应用侧调用前端页面函数应用侧可以通过​​runJavaScript()​​方法调用前端页面的JavaScript相关函数。在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。●前端页面代码。<!index.html><!DOCTYPEhtml><html><body><script>functionhtmlTest(){console.info('JavaScriptHelloWorld!');}<script><body><html>应用侧代码。xxx.etsimportwebwebviewfrom'ohos.web.webview';EntryComponent...

一、Web组件概述Web组件用于在应用程序中显示Web页面内容，为开发者提供页面加载、页面交互、页面调试等能力。●页面加载：Web组件提供基础的前端页面加载的能力，包括加载网络页面、本地页面、Html格式文本数据。●页面交互：Web组件提供丰富的页面交互的方式，包括：设置前端页面深色模式，新窗口中加载页面，位置权限管理，Cookie管理，应用侧使用前端页面JavaScript等能力。●页面调试：Web组件支持使用Devtools工具调试前...

作者：shizhengtao，华为性能调优工具专家应用的性能优化一直以来都是开发者所面临的一大难题，在2023HDC大会上全新亮相的HarmonyOSNEXT开发者预览版，其中鸿蒙开发套件DevEcoProfiler，对应用卡顿这一问题的定位解决又提供了哪些能力呢？本文带你一探究竟。一RealtimeMonitor，高效发现卡顿问题RealtimeMonitor实时监测应用运行过程中的一系列性能指标，并以可视化面板展示这些指标。开发者使用十分简单，只需在DevEcoProfiler...