鸿蒙开发者社区

作者：钱林川前言随着搬运工的逐渐增加,原创作者的利益收到了极大的影响.所以给图片或视频加上水印显得极其重要,他可以有效的维护原创作者的版权防止盗版.本文分享一个由canvas和vue.js制作的图片水印添加器.效果展示实现功能自定义水印的文字及颜色,水印的位置,旋转角度,大小,透明度,是否重复显示,以及选择为重复时可以选择文字之间的水平间距和垂直间距,在设置为合适的图片时点击下载按钮即可下载得到完成图.如果觉得效果不好...

作者：姚显春[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言最近在开发FA项目时使用到switch开关组件，该switch组件是基于JS扩展的类Web开发范式组件中的基础组件。在使用的过程中发现了一些问题，比如：1、设置宽高等样式属性不会改变switch组件本身的宽高，而是会修改switch组件的内边距；2、switch组件存在一定比例的缩放。使用switch组件在页面布局时存在上述等问题，但可通过一些技术手段（tr...

在Hi3861上移植了micropython，因为一些应用需要时间功能，所以，实现了一下该功能。1、移植unetwork和usocket库。2、rtctime函数实现cSTATICmpobjtmodrtctime(sizetnargs,constmpobjtargs){if(nargs0){returnmpobjnewint((mpintt)higetrealtime());}else{intsettimempobjgetint(args[0]);hisetrealtime(settime);returnmpconstnone;}}STATICMPDEFINECONSTFUNOBJVARBETWEEN(modrtctimeobj,0,1,modrtctime);3、联网py脚本pythoni...

目录：一、体验说明二、搭建开发环境三、创建openHarmony新工程四、编写项目代码五、配置openharmony应用签名信息六、推送到开发板设备一、体验说明本教程以蛟龙腾飞公司以前基于OpenHarmonyApplication模式下的”解锁学习DEMO”转化成OpenHarmonyAtomicservice即原子化服务的详细开发过程。便于开发者快速体验OH原子化服务的开发流程。二、搭建开发环境前提条件：已下载并安装好DevEcoStudioReleaseforopenharmony及以上版本。...

说明：提供了常用的布局、组件等页面元素，并且为这些组件提供了很多属性与可监听到的事件（例如动画属性与点击、触碰事件），开发者可以根据实际场景和开发需求，选用不同的组件、事件、属性来实现界面交互效果的设计。本DEMO主要涉及到的页面元素有有image，imageanimator，展现图片资源在界面交互中几种常见运用效果。旨在帮助开发人员快速了解HarmonyOSJSUI应用的开发。效果图：完整代码地址：https:gitee.comjltfcloudcnjumptotreefeatureClickableImageJsDemo

五、多设备效果显示其他卡片效果显示，如图27、图28、图29所示Phone：图27Tablet：图28Wearable：图29六、学习说明本教程演示了主要开发流程，便于开发者快速上手，所有服务卡片都指向了一个单页面。具体项目开发时，需要熟悉各项配置与功能，引用各项SDK和API等。项目代码地址：https:gitee.comjltfcloudcnjumptotreefeatureImmersiveData

[toc](目录)简介此文章以OpenHarmony3.1代码基础介绍liteosaipcamerahisparktaurus上添加khdf步骤。介绍驱动的简单调用(3516开发板：HiSparkAIHi3516DOneLightVER.B开发板上测试)驱动添加驱动目录结构驱动代码见附件驱动目录以外的文件配置文件drivers\adapter\khdf\liteos\hdflite.mkmysampletestifeq($(LOSCFGDRIVERSHDFMYSAMPLEDRIVER),y)LITEOSBASELIB+lmysampledriverLIBSUBDIRS+$(LITEOSDRIVERSHDF)mysampledriverendif文...

作者：俞才彬[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言初学鸿蒙JS开发技术不久，想要快速结合官方文档上手鸿蒙JS组件开发，本文主要结合HarmonyOS官网上的相关组件及API实现一个根据日期持久化存储待办事项。效果演示实现步骤1.确定两个页面首先确定有两个页面：选择日期页面、待办事项页面。选择日期页面将选择的日期如：'2022616'作为路由参数传递到代办事项页，后者把这个日期作为缓存的ke...

三、修改代码查看js下刚刚创建的卡片，如图7。如图7打开该文件下的index.hml文件，修改代码。{{$t('strings.titlebig')}}{{$t('strings.titlesmall')}}{{$t('strings.text')}}{{$t('strings.text1')}}{{$t('strings.text2')}}{{$t('strings.text3')}}{{$t('strings.text4')}}打开该文件下的index.css文件，修改代码（找到对应修改部分）。.container{flexdirection:column;justifycontent:spacebetween;alignitems:flexstart;注...

[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)夏日挑战赛【FFH】canvas帧动画及封装（OpenHarmonyJSUI）Demo展示这里以Tom猫（多年前热门的移动端互动小游戏）为例：实现思路首先要了解帧动画播放的原理——正如我们平时看电视看视频，视频通过每一帧图片按顺序快速切换来产生“动”起来的效果。因此可以通过canvas组件提供的drawImage加定时器的方法来实现快速绘帧、渲染的效果。代码封装（这里我封...

[[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)]本节介绍一个比较简单的计数器组件Counter，可提供相应的增加或者减少的计数操作。1.接口Counter组件的接口不需要任何参数。javascriptCounter()2.事件不支持通用事件和手势，仅支持监听数值增加或减少的事件。javascriptonInc(callback:()void)监听数值增加事件。onDec(callback:()void)监听数值减少事件。示范代码首先，我们定义两个变量，用于记录当...

[本文正在参加星光计划3.0—夏日挑战赛](https:ost.51cto.composts13641)背景在进行OpenHarmony系统开发时会经常进行系统固件的编译与更新，开发板的固件烧录成为了每一位开发者必备技能，本文将详细介绍Hi3516DV300开发板的烧录方法，希望能对关注OpenHarmony发展开发小伙伴有所帮助。1.烧录准备1.1开发板PC首先准备好Hi3516开发板，接好数据线，数据线分为几种需要注意选择带数据传输功能的线缆;计算机要求Windows版本：Windo...

学习说明1.开发者具备JS与前端开发语言入门级及以上基础。2.已经安装好DevEcoStudio。本案例用的DevEcoStudio3.0.0.800，API47都可以体验。3.开发者已经注册与实名认证华为开发者联盟账户。4.EmptyAbility工程模板，JavaScript语言开发，支持低代码开发，用于Phone、TV、Tablet、Wearable设备的FeatureAbility模板，展示了基础的HelloWorld功能。5.ImmersiveData（沉浸式数据模板）服务卡片模板，支持设备PhoneTabletWearable，...

[本文正在参加星光计划3.0夏日挑战赛][活动链接](https:ost.51cto.composts13641)在过去很长一段时间，我都非常希望能够将OpenHarmony与HarmonyOS设备进行一个联动，但是碍于一些底层接口未完善一直无法实现。但是在前几个月，OpenHarmony3.1带来了更多可能。本次，我将分享如何在搭载HarmonyOS的手机和搭载OpenHarmony的开发板上，实现socket对话！0.效果演示1.HarmonyOS侧1.1新建一个JAVA工程，编写简单的测试页面+abilitymai...

作者：贾叶照[本文正在参加星光计划3.0夏日挑战赛](https:ost.51cto.composts13641)前言（DataAbility）使用Data模板的Ability又简称Data,有助于应用管理其自身和其他应用存储数据的访问，并提供与其他应用共享数据的方法。Data既可用于同设备不同应用的数据共享，也支持跨设备不同应用的数据共享。  数据的存放形式多样，可以是数据库，也可以是磁盘上的文件。Data对外提供对数据的增、删、改、查，以及打开文件等接...

简介碰一碰特性是HarmonyOS具备的多终端业务协同技术。通过碰一碰的交互方式，可以将手机和全场景设备连接起来。再通过手机端的原子化服务能力，快速完成配网、远程控制。解决了应用与设备之间接续慢、配网复杂、传输难的问题，为用户带来无缝切换的流畅体验。本篇Codelab将指导大家如何开发一个模拟的“远程台灯”案例。在本案例中，通过手机碰一碰NFC标签，可以从HAG获取到关联意图信息。通过获取到的关联意图信息，可以拉起...

作者：陈忠蔚前言现在随着个人设备越来越多，越来越需要多个设备之间相互感知和连接，设备和设备之间可以相互联动，形成互联互通的场景，而搭载HarmonyOS的设备恰好可以满足这一点。下面通过开发一个HarmonyOS的多端分布式表白应用来实现设备之间的相互联动。项目介绍H5页面可以实现一些比较特殊的页面效果，所以选择在应用中集成H5页面。应用可以将页面直接投放到附近其他HarmonyOS设备上，实现多端设备分布式显示，同时应用可...

[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641comment)[TOC](夏日挑战赛【FFH】分布式数据服务简单实现（OpenHarmonyJSUI版）)Demo效果展示先来看看我们要实现的demo的效果。点击同步数据的按钮后，A设备广播一段字符串到数据库中，然后B设备读取到变化后将接收到的字符串渲染出来。分布式数据服务概述HarmonyOS提供了我们在不同设备之间可以获取相同的数据，称之为分布式数据库，只要是信任的设备就都...

[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)需求背景说明鸿蒙官方推荐使用Js或eTS方式来开发APP应用UI，但在开发过程中有可能会遇到JSUI无法实现的功能，例如地图导航、定制化视频播放器，那么这种场景下如何实现功能，这个需求就带来如下问题：1.一个页面是否能同时使用JavaUI和JSUI，JSUI来实现简单功能，JavaUI来实现定制化功能2.一个工程是否支持不同的UI语法，比如PageA使用JSUI，PageB使用Jav...

[[本文正在参加星光计划3.0夏日挑战赛](https:ost.51cto.composts13641)]本节讲解ArkUIeTS文本输入组件TextInput和TextArea的基本用法，分别对应单行文本输入场景和多行文本输入场景。最后，针对TextInput组件UI外观无法定制的弊端，演示HUI文本输入增强组件Input的运行效果。3.6.1TextInput组件新建TextInputSample.ets页面。TextInput组件的接口、属性和事件说明如下：typescript3.6.1TextInput组件单行文本输入组件。接口:Te...