HarmonyOS官方合作伙伴,全球优秀IT服务商,致力于鸿蒙生态建设
私信
主帖 87
回帖 30
视频
提问
回答
资源
专栏 1
作者:郑瑶[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言最近在学习HarmonyOS相关的东西,看了很多网上的canvas实现时钟,现在我也来写一个关于HarmonyOS的时钟吧。项目说明工具版本:DevEcoStudio3.0Beta3SDK版本;3.1.5.5主要用到知识:canvasjs效果展示实现步骤1.在页面index.hml中定义一个canvas元素html{this.ctx.clearRect(0,0,600,600);删除指定区域内的绘制内容。this.updateClock(this.c...
6h前 593浏览 7点赞 2回复 2收藏
#夏日挑战赛# HarmonyOS - 方舟开发框架ArkUI 流光按钮效果
原创 精华
头条 社区头条
热门内容榜 • TOP6
作者:汤志威[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言最近看到很多按钮加边流动效果,今天我们用HarmonyOS来实现一下。实现效果对自定义的按钮添加动态样式,实现动态效果,并且通过这种实现的思路还可以更改div的样式,来实现更多的按钮效果。实现原理在两个div中间画一个长一点并且矮一点的div并添加旋转和嵌入效果,而且最上面的div要比最下面的div要下一些,这样就能够看到中间旋转的div...
3天前 2279浏览 6点赞 4回复 2收藏
#夏日挑战赛# HarmonyOS - 自定义组件之计时器
原创 精华
头条 社区头条
热门内容榜 • TOP4
作者:张悦[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言前段时间项目中遇到了计时器的功能,项目中的计时器其实只是显示功能,数据全是由设备上报的。完成项目后,自己做了一个小的计时器组件,在这个过程中也发现了一些问题。效果展示组件直接传入以秒为单位的数据,最终显示如下效果:实现原理1.用setTimeout模拟setInterval的行为正常情况下,说到计时器首先想到的是使用setInterval,对比set...
5天前 1969浏览 9点赞 2回复 3收藏
作者:路锁[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言作为多年Android习惯使用ADB命令,对于HarmonyOSHDC命令如何使用?两者之间区别及原子化服务开发过程中HDC命令与ADB命令使用技巧,请移步下文讲解。一、HDC与ADB介绍HDC介绍HDC,即HarmonyOSDeviceConnector,是HarmonyOS为开发人员提供的用于调试的命令行工具,通过该工具可以在windowslinuxmac系统上与真实设备或者模拟器进行交互。HDC通...
7天前 2026浏览 5点赞 2回复 3收藏
作者:俞才彬[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言初学鸿蒙JS开发技术不久,想要快速结合官方文档上手鸿蒙JS组件开发,本文主要结合HarmonyOS官网上的相关组件及API实现一个根据日期持久化存储待办事项。效果演示实现步骤1.确定两个页面首先确定有两个页面:选择日期页面、待办事项页面。选择日期页面将选择的日期如:'2022616'作为路由参数传递到代办事项页,后者把这个日期作为缓存的ke...
2022-06-17 10:41:55 2556浏览 10点赞 4回复 4收藏
作者:姚显春[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言最近在开发FA项目时使用到switch开关组件,该switch组件是基于JS扩展的类Web开发范式组件中的基础组件。在使用的过程中发现了一些问题,比如:1、设置宽高等样式属性不会改变switch组件本身的宽高,而是会修改switch组件的内边距;2、switch组件存在一定比例的缩放。使用switch组件在页面布局时存在上述等问题,但可通过一些技术手段(tr...
2022-06-15 18:28:46 1615浏览 8点赞 6回复 2收藏
作者:贾叶照[本文正在参加星光计划3.0夏日挑战赛](https:ost.51cto.composts13641)前言(DataAbility)使用Data模板的Ability又简称Data,有助于应用管理其自身和其他应用存储数据的访问,并提供与其他应用共享数据的方法。Data既可用于同设备不同应用的数据共享,也支持跨设备不同应用的数据共享。  数据的存放形式多样,可以是数据库,也可以是磁盘上的文件。Data对外提供对数据的增、删、改、查,以及打开文件等接...
2022-06-13 17:51:03 1868浏览 6点赞 3回复 4收藏
作者:杨雷前言基于项目中对柱状图使用的各种情况,Echarts提供的组件不太能满足业务记录设备历史数据的需求,对其研究会花费大量的时间,为了提高研发的速度,我这里对柱状图进行二次封装,以便满足业务需求,可直接使用。效果演示参考资源[Echarts官方文档](https:echarts.apache.orgzhoption.htmltooltip)实现步骤1.引用原生的EchartsEcharts提供了基于npm引入的方式,因此我们只需要执行npm指令将可以将Echarts引入到我们的...
2022-06-13 10:26:03 1806浏览 5点赞 4回复 1收藏
Harmony OS - 标签NFC码流烧制
原创 精华
头条 社区头条
作者:吉金涛前言随着物联网时代的兴起,人们对于生活的便捷和服务智能家具的要求也逐渐增高,万物互联的时代即将到来。接下来我便进入正题,讲讲蓝牙和wifi的NFC码流的烧制。一、NFC的数据结构首先我们先看下NFC的完整数据结构示例(蓝牙):0336D2024268772001004800323845390081090037200685031417910306FC58FAA2ECB114114643353846414132454342311701029112464335384641413245434231FC58FAA2ECB1示例(wifi):0336D2023168...
2022-06-09 14:48:16 1910浏览 1点赞 1回复 3收藏
HarmonyOS - 实现多设备协同
原创 精华
头条 社区头条
作者:陈忠蔚前言现在随着个人设备越来越多,越来越需要多个设备之间相互感知和连接,设备和设备之间可以相互联动,形成互联互通的场景,而搭载HarmonyOS的设备恰好可以满足这一点。下面通过开发一个HarmonyOS的多端分布式表白应用来实现设备之间的相互联动。项目介绍H5页面可以实现一些比较特殊的页面效果,所以选择在应用中集成H5页面。应用可以将页面直接投放到附近其他HarmonyOS设备上,实现多端设备分布式显示,同时应用可...
2022-06-07 11:59:34 3091浏览 9点赞 7回复 8收藏
作者:钱林川前言随着搬运工的逐渐增加,原创作者的利益收到了极大的影响.所以给图片或视频加上水印显得极其重要,他可以有效的维护原创作者的版权防止盗版.本文分享一个由canvas和vue.js制作的图片水印添加器.效果展示实现功能自定义水印的文字及颜色,水印的位置,旋转角度,大小,透明度,是否重复显示,以及选择为重复时可以选择文字之间的水平间距和垂直间距,在设置为合适的图片时点击下载按钮即可下载得到完成图.如果觉得效果不好...
2022-06-06 10:02:20 2406浏览 4点赞 5回复 4收藏
作者:余香鑫前言目前JSUI框架提供的事件发布订阅功能需要在API7版本上才能使用,为满足开发需求,我们在JAVA侧实现消息订阅分发逻辑,通过JS调JAVA能力将接口暴露给JS侧,以实现消息订阅发布能力效果展示实现思路1.定义消息数据一个消息事件包含事件类型,携带数据,我们先定义一个JavaBean对象表示消息数据javaclassEvent{privateStringtype;privateStringdata;}2.定义接口消息数据模型有了,可以开始定义接口了.消息订阅接口,key用于...
2022-06-01 10:13:23 2521浏览 5点赞 2回复 2收藏
OpenHarmony - CSS实现奔跑的小熊
原创 精华
头条 社区头条
作者:李勇前言最近在学习OpenHarmony开发相关知识,而动画是使用比较多的一个属性并且学起来比较有意思,并且在前端这方面,使用动画能在效果展示时候给人眼前一亮的感觉。项目说明工具版本:DevEcoStudio3.0Beta3SDK版本;3.1.5.5主要用到知识:animation,keyframes官方API链接:[动画效果](https:developer.harmonyos.comcndocsdocumentationdocreferencesjscomponentscommonanimation0000000000611472)效果展示实现原理基...
2022-05-30 14:24:06 2380浏览 12点赞 1回复 2收藏
作者:杨尚晓前言之前在web中实现过该功能,想着直接搬过来修改一下,也能在OpenHarmony上跑起来。其实360度全景展示功能的用途还是挺多的,比如一些购物平台用于全面展示一件商品,这样可以更全面直观的了解这件商品;还有一些售楼平台,可以去展示一些全景户型等等。项目说明工具版本:DevEcoStudio3.0Beta2SDK版本:3.0.5.2(APIVersion7Beta2)主要组件:canvas效果展示实现原理基于canvas画布,通过绘制一个360°的序列帧...
2022-05-25 17:38:39 4733浏览 12点赞 6回复 7收藏
作者:王国菊前言日常开发中,经常会遇到一些图片查看的需求,此时有的用户习惯放大图片来看,那么在ets中如何实现呢?今日分享的组件由subsamplingscaleimageview+swiper来实现深度缩放视图、图像显示、手势平移缩放双击等。项目说明本组件界面搭建基于ArkUI中TS扩展的声明式开发范式,官网官方文档地址:[基于TS扩展的声明式开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuitsoverview00000011927057...
2022-05-23 14:31:33 2719浏览 10点赞 4回复 7收藏
作者:梁青松前言最近项目中有柱状图的功能,看了下JS中的组件chart,发现并不适用要求,研究之后决定用canvas动手画一个。项目说明本项目基于ArkUI中JS扩展的类Web开发范式,关于语法和概念直接看官网官方文档地址:[基于JS扩展的类Web开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuijsoverview0000000000500376)[基于JS扩展的类Web开发范式2](https:developer.harmonyos.comcndocsdocumentationdocr...
2022-05-18 10:38:48 2413浏览 5点赞 2回复 2收藏
作者:王国菊前言List是用来显示列表的组件,包含一系列相同宽度的列表项,适合连续、多行地呈现同类数据。本文将使用list组件实现字母索引地区列表和可折叠地区列表。javascript是的子组件,实现列表分组功能,不能再嵌套,可以嵌套。是的子组件,展示列表的具体项。效果展示1、字母索引导航到列表对应位置。2、列表滑动时也同步定位到字母索引处。3、点击打开折叠的城市名称,再次点击收起当前列表。listlist组件通常用于列表...
2022-05-16 13:49:54 2918浏览 8点赞 4回复 5收藏
作者:陈忠蔚前言在HarmonyOS应用开发中支持JS和JAVA进行开发的方式,由于每个人的开发习惯不同,掌握的开发语言不同,所以在应用开发中就会有JS与JAVA的混合使用的场景,需要JS与JAVA和之间的交互。HarmonyOS中通过FA调用PA的机制来实现JS与JAVA和之间的交互。HarmonyOSUI框架在了解FA调用PA的机制之前,首先要了解什么是FA,什么是PA。HarmonyOS应用是由Ability构成的,Ability可以分为FA(FeatureAbility)和PA(ParticleAbi...
2022-05-12 11:56:10 2686浏览 6点赞 1回复 3收藏
MQTT 简介及原理
原创 精华
作者:庄茂裕前言在开发FA的项目时候,发现项目使用到了MQTT协议,这个是啥通讯协议为啥项目会使用MQTT通讯协议,不使用其他通讯协议呢下来我们就一起了解下此协议吧!1.MQTT协议特点MQTT是一个基于客户端服务器的消息发布订阅传输协议。MQTT协议是轻量、简单、开放和易于实现的,这些特点使它适用范围非常广泛。在很多情况下,包括受限的环境中,如:机器与机器(M2M)通信和物联网(IoT)。其在,通过卫星链路通信传感器、偶尔拨...
2022-05-09 09:59:22 1514浏览 1点赞 3回复 2收藏
作者:贾叶照前言继[HarmonyOS服务卡片进阶(一)](https:ost.51cto.composts11709)之后,补充关于服务卡片信息持久化、卡片控制事件的内容。服务卡片信息持久化因大部分卡片提供方都不是常驻服务,只有在需要使用时才会被拉起获取卡片信息。且卡片管理服务支持对卡片进行多实例管理,卡片ID对应实例ID,因此若卡片提供方支持对卡片数据进行配置,则需要提供方对卡片的业务数据按照卡片ID进行持久化管理,以便在后续获取、更新以...
2022-05-06 10:30:04 1968浏览 1点赞 1回复 2收藏
获得成就
已积累 9.0w 人气
获得 681 个点赞
获得 422 次收藏
技术团队作者
  • 中软HOS小蒙
  • 中软HOS小鸿
  • 中软小助手