鸿蒙开发者社区

滑动条组件，用来快速调节设置值，如音量、亮度等。Slider组件默认宽度为父容器宽度的100%，可自动适配横竖屏切换。Slider组件的接口、属性和事件说明如下：typescript3.8Slider组件滑动条组件，用来快速调节设置值，如音量、亮度等。接口:Slider(value:{value:number,min:number,max:number,step:number,style:SliderStyle})value:number默认值0，当前进度值。min:number默认值0，设置最小值。max:number默认值100，设置最大值...

作者：杨雷前言基于项目中对柱状图使用的各种情况，Echarts提供的组件不太能满足业务记录设备历史数据的需求，对其研究会花费大量的时间，为了提高研发的速度，我这里对柱状图进行二次封装，以便满足业务需求，可直接使用。效果演示参考资源[Echarts官方文档](https:echarts.apache.orgzhoption.htmltooltip)实现步骤1.引用原生的EchartsEcharts提供了基于npm引入的方式，因此我们只需要执行npm指令将可以将Echarts引入到我们的...

作者：钱林川前言随着搬运工的逐渐增加,原创作者的利益收到了极大的影响.所以给图片或视频加上水印显得极其重要,他可以有效的维护原创作者的版权防止盗版.本文分享一个由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...

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

[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...

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

本节通过栅格化布局、自适应布局、响应式布局和使用资源，从App的弹性布局和多态组件两个维度，讲解如何实现一次开发多端部署。接着，建立一个ArkUIeTS的开发框架，这个可以作为开发新App的脚手架。当显示环境发生变化时（如，不同屏幕尺寸的设备切换、横竖屏切换、应用分屏），我们需要及时调整内容的布局方式以适应变化。通过栅格化布局、自适应布局和响应式布局，可以达到多设备下布局的一致性。2.6.1栅格化布局1.8vp网格系...

学习说明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获取到关联意图信息。通过获取到的关联意图信息，可以拉起...

[本文正在参加星光计划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:colorsinspo.comgradients)项目背景电动车因骑行方便、节省时间等优势，成为我们日常出行的交通工具之一，国内电动车的需求数据庞大且逐年攀升。然而电动车频繁被盗也不是新闻了，不仅给用户带来烦恼，也给警务工作增加负担。如何制定一套提升用户体验又能兼顾高安全性的出行品类解决方案，是我们主要思考研究的方向。为了提升及改善日常出行品类的用户体验，让手机成为电动车钥匙无...

【战码先锋】润和赛道正式开启，马上加入赢取双重大礼！「OpenHarmony开源贡献者计划2022」战“码”先锋PR征集，“润和赛道”现已正式开启。套件在手、先机在握，更有润和软件的超多赋能和专属激励。超“in”的你，还不“码”上加入！开源贡献者计划（Contributor）是2022年OpenHarmony三大激励计划之一，由OpenHarmony工作委员会发起，旨在鼓励开发者参与到OpenHarmony的开源建设中，贡献代码或者帮助社区提交和修复Bug，与项...

说明：简介•此应用程序将展示HarmonyOS人脸识别和打开的相机功能。您可以通过此应用程序了解生物特征识别中人脸识别的实现过程、FA的跳转、打开相机和切换前后置摄像头的功能。该示例代码已完成，您可以从头开始学习。效果：完整代码地址：https:gitee.comjltfcloudcnjumptotreefeatureBiometricAuthentication

按钮组件的使用比较简单，也是我们高频使用的一个组件。从外观上分为矩形圆角按钮、胶囊型按钮和圆形按钮。3.5.1接口按钮组件支持两个可选参数，其中：label：用于设置按钮文本。options：主要设置按钮的外观风格。也由两个可选参数组成。默认效果type为胶囊型按钮风格，开启切换效果。除非特意要实现矩形按钮或圆形按钮的效果，否则，建议不设置options参数，这样代码也简洁，整个App的按钮风格也保持一致。typescript3.5Butto...