鸿蒙开发者社区

[【本文正在参加2023年第一期优质创作者激励计划】](https:ost.51cto.composts21211)前言学而时习之，本次分享的案例是我之前学到的南向开发知识，于此记录与分享，欢迎交流学习吖概述开发板套件：启航KPIOT实验环境：win10+WSL(Ubuntu20.04)+docker+VScode实验内容：GPIO编程，按键点灯的两种实现方式（状态记录值或高低电平控制）正文一、准备工作运行一个已构建好的镜像，在VScode上的“远程资源管理器”与容器做好连接，然...

[【本文正在参加2023年第一期优质创作者激励计划】](https:ost.51cto.composts21211)前言好好学习，天天向上！Codelabs上有不少还未的学习案例呢，这次学习的是[库的调用(ArkTS)案例](https:developer.huawei.comconsumercncodelabsPortalcarddetailstutorialsHarmonyOSThirdPartyLibraryhalinkereyJ0cyI6MTY3ODM2NTM2NzA5NiwiaWQiOiJiNzBiMmI1ODVhY2M0MGY4ODJmZjExYzFhM2QxYzE2NiJ9)。学习笔记拆成两部分，本文是关于社区库调...

[【本文正在参加2023年第一期优质创作者激励计划】](https:ost.51cto.composts21211)前言大家好呀！由于前段时间学业较忙，断更了一段时间。现在开启续更！本文是关于web组件抽奖案例（ArkTS）的学习笔记，漫漫学习路，留下笔记巩固之余又便于温故而知新话不多说，以下是我这次的小分享❀❀概述本文分享的案例是Web组件如何加载本地H5小程序。所加载的页面是一个由HTML+CSS+JavaScript实现的完整小应用。至于加载云端的H5小程序...

前言在参加了"HarmonyOSArkUI入门训练营——健康生活实战"后，了解并学习了声明式UI开发框架及组件用法，本文是对笔者结营作品中作一个小分享。在笔者上篇及前篇文章中，已对本demo作了部分组件的介绍，本文将对剩余部分作介绍分享概述本文主要介绍的是搜索栏跳转至搜索结果界面，以及前述文章介绍的组件的应用。效果图如下：正文一、工程文件架构二、完善主界面及数据的传递1、数据传递实现运动记录的增删改查由于运动记录的增...

前言在参加了"HarmonyOSArkUI入门训练营——健康生活实战"后，了解并学习了声明式UI开发框架及组件用法，本文是对笔者结营作品中的列表界面作一个小分享，涉及到List组件和Tabs组件的使用。概述这是一个运动记录的应用，主要用于管理健康记录运动。可以添加运动信息，包括运动名称、运动时长，并自动计算消耗的卡路里，在记录页面可以查看所添加的运动记录。其界面效果图如下：正文一、新建运动数据类在MainAbility目录下新建文...

前言在参加了"HarmonyOSArkUI入门训练营——健康生活实战"后，了解并学习了声明式UI开发框架及组件用法，本文是对笔者结营作品中的自定义弹窗组件作一个小分享。概述这是一个运动记录的应用，主要用于管理健康记录运动。可以添加运动信息，包括运动名称、运动时长，并自动计算消耗的卡路里，在记录页面可以查看所添加的运动记录。自定义弹窗组件运行效果图如下：正文一、总体布局设置从效果图来对弹窗内容作布局，顶部是两个按...

前言新的学期又开始啦！这学期笔者继续学习鸿蒙开发的相关课程，同时也记录一下自己的学习笔记，养成良好习惯❀❀好好学习，天天向上！！概述本文主要内容是关于JS自定义组件中的Props属性。正文自定义组件可以通过props声明属性，父组件通过设置属性向子组件传递参数。props支持类型包括：++String，Number，Boolean，Array，Object，Function++。命名使用：++prop名采用camelCase(驼峰命名法)形式，在外部父组件传递参数时需...

前言之前参加了OpenHarmony开源开发者成长计划解决方案,原本打算在九联开发板上搭配摄像头开发，去实现拍照并对图片进行AI识别的应用开发，但是遇到了点问题（见正文，也欢迎大家评论区解答）。不过基于Openharmony的AI图像识别案例(FA模型)可以正常运作，于是作此文章作为小分享O(∩∩)O。概述本案例是通过网络请求连接到百度云，调用百度云AI图像识别的API，再将结果返回至应用显示。[百度云文档](https:cloud.baidu.comdocIM...

前言[「本文正在参加星光计划3.0夏日挑战赛」](https:ost.51cto.composts13641)观看了《HarmonyOS零基础JS开发之AI作诗》直播课后，根据课程进行了实战开发，实现了基于HarmonyOS的AI作诗应用开发。概述实现效果如下：正文一、开发准备1、下载安装好DevEcoStudio2、新建一个空白项目二、开发步骤1、添加权限直播课程中给出了AI作诗的接口HTTP数据请求功能主要由http模块提供。使用该功能需要申请ohos.permission.INTERNET权限。...

前言[「本文正在参加星光计划3.0夏日挑战赛」](https:ost.51cto.composts13641)这次给大家带来的是ets自定义导航栏组件，以仿淘宝的导航栏为案例Demo来讲解。概述效果图如下：当被选中时，字体样式和图片都会相应变化。正文新建空项目SDK选择7以上，language选择ets初始化导航栏在media文件夹下存放所需的图片，初始设置导航栏选中的页签index为0，同时定义一个静态数组存放导航菜单的数据——标题名称、选中与未选中状态的图片...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言承接上篇文章，继续学习Flex组件(ง••)ง，同样以简单的Demo搭配效果图的形式去学习概述Flex有五类参数，本篇讲justifyContent,alignItems和alignContent正文1、JustifyContent的Demo默认主轴方向direction为Row，即行排布，此demo的Flex容器组件内边距均为10代码如下：javascriptExample03ComponentstructJustifyContentFlex{Pr...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言一次开发多端部署，我理解是设计一个弹性UI框架。容器组件Flex从APIversion7开始支持，它是弹性布局组件，这次就Flex的不同参数来作个简单的demo，一起来学习吧(ง••)ง概述Flex有五类参数，本篇先讲direction和wrap效果图如下：正文1、新建空工程左上角FileNewNewProjectEmptyAbility，language选择ets2、新建etspage本次案例会...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言这篇文章是我观看张荣超老师8月12日[Service核心技术精要](https:harmonyos.51cto.comactivity86)的直播后的学习笔记，温故而知新，跟着敲代码，跟着学知识，冲冲冲O(∩∩)O概述这是直播的主要内容，本文是对连接和断开连接应用内的Service和跨设备连接和断开连接应用内的Service两个Demo做点笔记记录正文一、知识要点1、连接Servi...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言这篇文章是我观看张荣超老师8月12日[Service核心技术精要](https:harmonyos.51cto.comactivity86)的直播后的学习笔记，温故而知新，跟着敲代码，跟着学知识，冲冲冲O(∩∩)O概述这是直播的主要内容，本文先对启动和停止本地设备的Service和跨设备启动和停止Service两个Demo做点笔记记录正文一.Service的相关知识1.三大Ability:Page...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言点开个人主页才发现，不知不觉已经接触社区241天了，虽然我的第一篇文章是在那之后的第79天发表的。从一场讲座踏入鸿蒙的学习，从知识盲区、完全小白，再到参加社区的活动、接触到更多的小伙伴更多业内大咖、更多未曾了解过的领域，这半年真的收获满满！以下是我的半年度总结（心路历程、技术盲区、也会涉及个人踩过的坑）正文1.初...

[【本文正在参与51CTOHarmonyOS技术社区创作者激励计划星光计划2.0】](https:harmonyos.51cto.composts9422)前言好久不见，甚是想念！最近学业上有点小忙，搁置了一个半月，但我又回来啦！好好学习，天天向上(ง••)ง最近看了官方文档上“[转场动画的使用（eTS）](https:developer.huawei.comconsumercncodelabsPortalcarddetailsHarmonyOSTranslationAnimationETS)”的案例，也跟着学习了一下，顺便做点笔记O(∩∩)O概述效果...

前言相信大家伙都对新玩意ets挺好奇的，我也不例外。前几天我们木棉花小组一同用ETS写了数字华容道的格子布局，然后我就用日常的空余时间简单完善了一下这个demo啦，但是我对ets没有很懂，欢迎各位评论区指导一下哈O(∩∩)O概述这是文件架构效果图如下正文1.新建一个空白工程DevEcoStudio下载安装成功后，打开DevEcoStudio，点击左上角的File，点击New，再选择NewProject，选择EmptyAbility,然后点击Next,给项目命名ETS，选择设...

前言之前看到“粒子消散”的特效组件，于是就产生想法（自己也弄个特效组件应该挺有意思的）。这个烟花特效可以添加到游戏胜利的界面中，可能还有其他应用场景哈哈。这也算是我做的第一个组件原创demo啦，欢迎各位评论区指导一下O(∩∩)O概述效果图如下有三种模式可以选择，一种是图案只有五角星，一种是图案只有三角形，还有一种是图案既有五角星又有三角星。颜色有10种，还有背景音乐（自己DIY的烟花音效）！话不多说，开整！...

前言之前发过两篇黑白翻棋游戏的手表版本，感兴趣的uu们可以点击👉[穿梭机1](https:harmonyos.51cto.composts8442)和[穿梭机2](https:harmonyos.51cto.composts8468)。这次给大家带来的小分享是黑白翻棋的手机版本，也是JS写的，功能代码基本一致（采用第二篇的算法），只是布局会作相应修改。概述该游戏会随机生成一个题目，最终当棋盘上的方格都为白色的时候游戏成功，效果如下👇正文1.创建一个空白的工程DevEcoStudio下载安...

前言这篇文章的讲述是在上一篇文章（前篇）的基础上进行部分修改，如“上集预告”，本文会对黑白翻棋一些功能的实现采用另一种算法来实现，并且还会对相关知识注解作一个小分享O(∩∩)O概述本文是对上一篇的“实现色块的翻转”采用另一种算法来实现，原文章的实现方法是给这49个色块分别添加一个按钮，并分别添加点击事件获取坐标再传给changeOneGrids，本文讲述的是获取点击的坐标位置然后作一个距离判断是属于7x7数组中的哪一...