鸿蒙开发者社区

一、组件说明使开发人员了解HarmonyOS中JS卡片的开发，包含卡片的创建、更新、删除功能，以文字的方式展现了用户当日行走的步数及路程，以进度条的方式展现了用户完成目标步数的进度，以线形图的方式展现了用户近四天的行走的步数统计，并实现了随着用户行走而更新卡片数据的效果。二、效果图：三、完整代码地址https:gitee.comjltfcloudcnjumptotreefeatureStepsCard

原生的JS没办法使用串口通信，但是鸿蒙目前的教程大多是JS的，那么我在开发板上接入一个串口通信设备的时候，我如何与他进行通信呢？

一、下载安装了DevEcoStudio3.0Beta4，了解了版本和兼容问题。发现SDK支持api4至8，便在项目中直接创建了默认的APIVersion8。根据自带的一个入门文档，一步一步搭建了一个简单的两个页面，其中index.hml和second.hml设置点击事件按钮的相互跳转。二、进行创建服务卡片ServiceWidget在选择卡片模板时未找到以前有的immersiveData卡片模板，相类似的有immersiveInformation，就使用immersiveInformation。随后发现使用SDK8的项目...

【直播回顾】OpenHarmony知识赋能七期第三课—OpenHarmonyWiFi扫描仪实现8月25日晚上19点，知识赋能第七期第三节直播《OpenHarmony知识赋能WiFi扫描仪实现》，在OpenHarmony开发者成长计划社群内成功举行。本节直播为OpenHarmony知识赋能第七期最后一场直播，由拥有10年应用框架层开发经验的资深技术专家郭岳峰老师进行讲解，主要介绍了应用实现源码分析和涉及到的框架层实现流程这两方面的内容，干货满满！欢迎大家长按下方海...

本周四晚19：00知识赋能第七期第3课丨OpenHarmonyWiFi扫描仪实现8月25日19：0020：00，第七期知识赋能第三节直播就要开始啦！如果你是缺乏实战经验的学生，如果你是初出茅庐的职场新人，如果你是想参与开源的贡献者，那么本期的直播课将不容错过！通过本期直播，开发者不仅可以掌握WiFi框架层的原理，还能通过WiFi接口开发出炫酷的WiFi应用。第2节直播中，拥有10年应用框架层开发经验的资深技术专家郭岳峰老师讲解了WiFi扫描仪U...

作者：齐文倩前言在做鸿蒙项目过程中，发现在H5用的CSS的式样在鸿蒙上有些属性不支持，显示效果不一样，所以做了一个卡通狮子帮助更好的在鸿蒙中熟悉CSS的用法。效果展示实现步骤1.耳朵通过clippath属性，它是使用裁剪方式创建元素的可显示区域，其区域内的部分显示，区域外的隐藏，两个传入值分别表示其裁切的半径，而at后的两个值则代表裁切的x与y轴的坐标。css.ear{width:70px;height:70px;borderradius:40px;position:absol...

我们现在用的HarmonyOS应用服务开发IDE中，比如DevEcoStudio3.0Beta4中Sdk支持api4至api8。开发者可能会选择最新版本也是默认的APIVersion8去创建项目与做各项开发工作，比较新鲜。但是，如果开发的这个原子化服务需要上架操作的话，API7和API8暂时是不支持的，因为它们还不属于大规模推广的版本；现在HarmonyOS用户设备中主要使用的API版本应该还是API6及以下的版本。所以，开发实现出来的功能不一定能马上使用。当然，这个是...

[【本文正在参加物联网有奖征文活动】](https:ost.51cto.composts14758)OpenHarmony跳转拨号界面当应用需要跳转到拨号界面，并显示拨号的号码时，大家就可以来看这篇文章，当开发者调用makeCall接口时，设备会自动跳转到拨号界面。和正常拨打电话一样，用户可以选择卡1或卡2拨出。先来看一下实现的效果。直接拨打电话需要系统权限ohos.permission.PLACECALL，建议应用使用makeCall()，跳转到拨号界面，并显示拨号的号码。下面开...

原子化服务升级前后签名不一致，审核是没法通过的；同时，签名文件丢失是不可找回。原因是用新的签名更新应用上架的话，上架后会导致用户无法更新，需要先卸载旧版本再重新安装.如果是传统的需要安装的应用来讲，也许可以通过忽略签名的方式来实现上架。如果是原子化服务对于用户体验来讲，是免安装的，所以如果签名文件丢失，用新的签名证书，如果忽略签名上架的话，已经用过的老客户，升级时会出现代码报错，这个报错提示用户...

看到前几天鸿蒙官网更新了新的apiCanvasGradient，渐变颜色的组件，看了一下实现，发现通过样式的方式可以直接实现颜色的渐变效果，但是如果直接使用CanvasGradient会有一些问题，这里给大家实现一下样式的渐变效果和CanvasGradient对象的介绍。可能有人会问这个渐变样式可以干啥，其实我们常用的颜色选择器就能通过这种渐变来实现，通过渐变设置集中主要颜色的排序，通过旋转某一个坐标点来实现颜色的选择，更新对应的布局或者...

简单的互动我们实现后，接下来来到整体了，先把视频播放实现了。跟Java的实现方法相比，JS版本的简直简单到逆天。转到index.hml，你会看到首页的结构，其实分为2个部分：一个容器元素(div)，一个文本元素(text)。一个页面只有一个根元素，可以包含若干子元素，子元素还可以有一个或若干子元素，形成一个树根型的结构。class字段是两个元素的样式修饰，比如改变尺寸、颜色、边框、内部子元素排列方式等等。首先，我们来看下抖音...

几天没有更新了，最近上班有点忙，没有及时更新一些常用知识点鉴于之前整理的都是一些原理知识点，大部分描述比较多，突然想到做一个小项目，看还没有鸿蒙js实现计算器的项目，就用半个小时考虑做了一个计算器。由于时间有限，目前是基本的计算功能，后续会优化成连续计算和功能更全面。每天学习一点点。场景：通过动态设置按钮组件button实现计算器的键盘，通过文本text显示计算的表达书，可以计算+，，，，可以一个一个移除，...

eTS的Text组件设置文本垂直排列的两种方式作者：坚果OpenHarmony布道师，华为云享专家，InfoQ签约作者，润和软件KOL专家，电子发烧友鸿蒙MVP，51CTO博客专家博主，阿里云博客专家，开源项目ginvueadmin成员之一。在这里我给大家提供两种方式第一种，宽度，字体大小一致即可字体大小和宽度一致即可，保证每行只能容纳一个字体，不用设置高度。第二种旋转预览最后附上完整源码，所以你说的是哪一种呢？ProjectName:nutsStudyFileN...

一、组件说明使用JSUI2.0开发框架的基础组件Image组件、Slider组件、Text组件共同实现一个可调节的风车动画。二、效果图三、完整代码地址https:gitee.comjltfcloudcnjumptotreefeatureSliderEts

[【春节不停更，此文正在参加「星光计划春节更帖活动」】](https:harmonyos.51cto.composts9923)[toc](目录)一、简介L2(3.0)设备开发调试时，想修改文档内容。往往需要windows上修改好，然后再通过hdcstd.exe发送到开发板中去，类似的命令缺失很多。最主要是L2不完善，基本命令不丰富。该文档以添加vi命令为例，利用别人交叉编译好的busybox来给系统添加vi命令。二、编译编译，实际上是创建vi到busybox的链接，交叉编译好的busy...

30分钟成为Contributor｜共建测试子系统，赋能提升项目代码质量如何优雅地参与开源贡献，向顶级开源项目提交PR（PullRequest），跟着大咖30分钟成为OpenAtomOpenHarmony（以下简称“OpenHarmony”）Contributor。战“码”先锋直播间第6期，邀请拥有10年终端产品软件和系统框架测试经验的华为OpenHarmony高级测试测试工程师Andy为大家分享《共建测试子系统赋能开发者提高代码质量》。他在分享中介绍了：测试子系统、测试基础框架...

原文：​https:mp.weixin.qq.comsnb5txfDcmGnVZJXRPEYUQ​​，点击链接查看更多技术内容。应用开发过程中，要确保应用的功能和界面能满足预期，往往需要通过测试来验证。为此，我们研发了一套新的自动化测试框架，它支持以插件形式集成到DevEcoStudio中，让开发者在应用开发的过程中可以快速编写和执行测试用例，实现应用的高效验证。本期，我们就带大家了解这个自动化测试框架——Hypium。一、Hypium简介“Hypium”是“HyperAu...

作者：陈甜甜[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言随着气温越来越高，相信很多小伙伴已经没有心思工作了，作为前端的开发人员，决定自己搞个风扇降将温。刚好最近在学习HarmonyOS开发相关知识，发现动画属性使用比较多并且学起来比较有意思，因此利用HarmonyOS的动画效果实现了一个变速小风扇。项目说明工具版本：DevEcoStudio3.0Beta3SDK版本；3.1.5.5主要用到知识：animate官方API链接...

一、组件说明使用Video、Swiper、List等组件构建了一个单机版本的视频播放器，实现了视频海报轮播、视频列表展示、视频播放等功能。二、效果图三、完整代码地址https:gitee.comjltfcloudcnjumptotreefeatureSimpleVideoETS

基于API9，API8编译会报未定义BuilderParams错误，也不知道是不允许，还是系统bug栅格系统作为一种辅助布局的定位工具，在平面设计和网站设计都起到了很好的作用，对移动设备的界面设计有较好的借鉴作用。总结栅格系统对于移动设备的优势主要有：1.给布局提供一种可循的规律，解决多尺寸多设备的动态布局问题。2.给系统提供一种统一的定位标注，保证各模块各设备的布局一致性。3.给应用提供一种灵活的间距调整方法，满足特殊场...