鸿蒙开发者社区

【本文正在参加「盲盒」+码有奖征文活动】https:ost.51cto.composts19288卡片效果数据录入卡片统计图卡片::::任何时候在排版前一定要在大脑中大致绘制出版式，整体采用上下结构还是左右结构，再对每个部分的内容进行布局构思。数据录入卡片数据录入卡片采用flex布局，将内容分为四个部分，顶部吃奶时间文字，中间吃奶量按钮，排便时间文字以及底部排便按钮。所以在顶层div采用flex布局，主轴方向采用垂直向下的column，然后再建...

【本文正在参加「盲盒」+码有奖征文活动】https:ost.51cto.composts19288楼主最近新晋为奶爸一枚，常常因喂奶问题困扰，而现有app记录喂奶需要先打开应用，再去找对应功能，略感繁琐，所以动手开发了一款喂奶卡片应用，以便日常使用。该应用采用API8版本的JSUI组件开发，功能尚存不少缺陷，将在后文简述。效果展示卡片上滑卡片详情首页::::::通过以上效果图我们可以看到，分别制作了数据录入及统计图表两个卡片数据记录卡片在喂...

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

[[本文正在参加星光计划3.0夏日挑战赛]](https:ost.51cto.composts13641)接上一篇[ETS自定义组件库PandaUI系列之PdButton](https:ost.51cto.composts15105)中提到的stylePandaUI在我设计构想的时候，就是为了帮助前端开发人员或小白开发人员可以快速的上手UI布局，所以在样式属实上和ETS的属性有部分不同，但完全兼容ETS的绝大多数公共属性，并且增加一些可选性。例：官方中margin的值为{top:Length,right:Length,bottom:Length...

【本文正在参加星光计划3.0—夏日挑战赛】随着OpenHarmony系统API的升级，自定义组件以及引用三方组件的能力也越来越强。忍了那么久，于是乎我终于没忍住，开始对ArkTS的自定义组件下手了。下面将展示PandaUI的第一个组件PdButton。效果图话不多说，先上图开发板是DAYU200体验官活动的开发板，感谢润和工程师们的努力以及官方给的活动，让我有一块使用流畅的开发板来做真机测试。可以看到，UI界面与ElementUI（前端的小伙伴可能...

前言非常有幸被选中成为DAYU200的体验官的一员（感谢一波金主），相比较Hi3516开发板，DAYU200的操作体验那可是质的飞越，终于不用忍受3516上点击或进行一个操作等待好几秒的延时。效果演示[演示视频](https:ost.51cto.comshow13226)踩坑之路1.权限赋能参照文档，在使用相机时，需要使用到ohos.permission.CAMERA的权限。在config.json中申请相机权限javascript"reqPermissions":[{"name":"ohos.permission.CAMERA"}],因为相机...

在2022年3月31日发布了最新的IDE工具DevEcoStudio3.0Beta3，仔细阅读文档后发现最新OpenHarmony应用的编译构建过程已经公开，对应官方文档：[编译构建概述](https:developer.harmonyos.comcndocsdocumentationdocguidesohosbuildingoverview0000001263360495)出于好奇，就对着文档一步一步，一个文件一个文件的开始手动建立，最后编译成功，分享一下构建过程。成果工具准备Node.js:v14.19.1+最新OpenHarmonySDK包，并解压到一个...

【本文正在参与优质创作者激励】文章旨在帮助大家开发录音及语音识别时少踩一点坑。效果图左侧为简易UI布局及识别成果，右侧为网易云播放的测试音频开发步骤IDE安装、项目创建等在此略过。App采用SDK版本为API6，使用JSUI1.权限申请AI语音识别不需要任何权限，但此处使用到麦克风录制音频，就需要申请麦克风权限。在config.json配置文件中添加权限：json"reqPermissions":[{"name":"ohos.permission.MICROPHONE"}]在MainAbility...

【本文正在参与优质创作者激励】距离ETS的发布也有一段时间，也有不少小伙伴通过ETS制作出很多精美的页面，但在我查阅ETS的组件和API中发现，现有版本的ETS并没有插槽的功能。经过一段时间的探索终于找到曲线救国方式实现插槽功能，得以让组件之间进行解耦。什么是插槽了解插槽的小伙伴可以跳过vue官方定义是：插槽是一套内容分发的API，当组件渲染的时候，将会被替换为“YourProfile”。插槽内可以包含任何模板代码。通俗一点...

【本文正在参与优质创作者激励】效果图原始控件效果图：修改后的效果图：整体布局滑动切换视频评论视频相互流转看过了演示效果，接下来讲解如何开发开发部分在开发之前，我们要先翻阅[文档](https:developer.harmonyos.comcndocsdocumentationdocreferencesjscomponentsmediavideo0000000000611764)，了解系统提供的能力。我们从属性、事件、方法中可以得出，以现在提供的能力，完全可以重写视频的控制栏。接下来就是界面的构思...

前言处于隐私保护借用熊猫基地定位，代码层实现了获取实时定位功能。代码已开源至gitee:[https:gitee.compandacoderharmonyosappstreemasterAMapCard](https:gitee.compandacoderharmonyosappstreemasterAMapCard)本人正在参加鸿蒙HarmonyOS征文的活动，觉得该文章有帮助的小伙伴麻烦帮我[点个赞](https:developer.huawei.comconsumercnforumtopic0201625221179060186fid0101303901040230869)B站效果视频链接：[https:www.bilib...

本文主要讲解WiFi应用中的键盘输入法（以下称为键盘）开发效果图小写大写符号UI排版简要分析一下键盘的布局首先键盘分为上下两部分。上面部分为功能区，第一个功能用于切换符号键盘，第二个功能用于关闭键盘；下面部分为键盘内容区，也就是字符输入区域，输入区域同时参杂一些特殊按键。代码截图分析：字母字符区键盘详细代码language{{$item}}{{$item}}{{isUp"A":"a"}}Aa{{$item}}Х为了处理特殊的功能按键，我们把字母区域分...

本次将分为上下两篇讲述在搭载OpenHarmony2.0的3516开发板上开发的第一个HapWIFI，目前Openharmony2.0仅支持JSUI，所以以下内容皆为JSUI开发。源码码已上传至gitee[https:gitee.compandacoderopenharmonyappstreemasterWifi](https:gitee.compandacoderopenharmonyappstreemasterWifi)现有不足之处为只能获取到WiFi的ipv6,获取不到ipv4,已提issue。也是因为这个原因文章才发出，本想去研究cpp源码试着解决问题，奈何能力有限。...

在上一篇文章讲述了怎么安装系统应用，系统应用需要随系统镜像进行编译烧录，且系统应用不可删除。本文讲述怎么使用HDC工具快速安装可卸载的应用。（不用重新编译烧录开发板）声明：该方式方法由深鸿会（QQ群号：665719006）成员东方星痕ERP全干工程师最先把流程走通，并发表其个人方式方法于https:ystyle.top20210606openharmonyoshdcandnetwork我只是个实践者与搬运工。工具及准备使用到工具hdc工具官方gitee链接：https:gite...

废话不多说，先上效果图：系统原生应用修改后自安装的应用JsHelloWorld使用该方法安装的hap为系统hap，不可卸载。文档写的使用hdc安装hap暂未走通。请参考官方文档。有打包、签名（建议参考一下官方文档的签名，和HarmonyOS签名方式有些许改动)基础的请移步至底部的第4步。1.工欲善其事必先利其器需要用到的工具：hap开发工具DevEcoStudio2.1Release代码修改工具VSCode代码管理工具：GitJAVA环境docker编译环境烧录工具Hitool2....