【本文正在参加「盲盒」+码有奖征文活动】https:ost.51cto.composts19288卡片效果数据录入卡片统计图卡片::::任何时候在排版前一定要在大脑中大致绘制出版式,整体采用上下结构还是左右结构,再对每个部分的内容进行布局构思。数据录入卡片数据录入卡片采用flex布局,将内容分为四个部分,顶部吃奶时间文字,中间吃奶量按钮,排便时间文字以及底部排便按钮。所以在顶层div采用flex布局,主轴方向采用垂直向下的column,然后再建...
2022-12-09 17:03:12 4150浏览 1点赞 1回复 1收藏
【本文正在参加「盲盒」+码有奖征文活动】https:ost.51cto.composts19288楼主最近新晋为奶爸一枚,常常因喂奶问题困扰,而现有app记录喂奶需要先打开应用,再去找对应功能,略感繁琐,所以动手开发了一款喂奶卡片应用,以便日常使用。该应用采用API8版本的JSUI组件开发,功能尚存不少缺陷,将在后文简述。效果展示卡片上滑卡片详情首页::::::通过以上效果图我们可以看到,分别制作了数据录入及统计图表两个卡片数据记录卡片在喂...
2022-12-09 14:27:41 6148浏览 5点赞 3回复 2收藏
基于API9,API8编译会报未定义BuilderParams错误,也不知道是不允许,还是系统bug栅格系统作为一种辅助布局的定位工具,在平面设计和网站设计都起到了很好的作用,对移动设备的界面设计有较好的借鉴作用。总结栅格系统对于移动设备的优势主要有:1.给布局提供一种可循的规律,解决多尺寸多设备的动态布局问题。2.给系统提供一种统一的定位标注,保证各模块各设备的布局一致性。3.给应用提供一种灵活的间距调整方法,满足特殊场...
2022-08-08 13:58:31 8029浏览 2点赞 4回复 2收藏
[[本文正在参加星光计划3.0夏日挑战赛]](https:ost.51cto.composts13641)接上一篇[ETS自定义组件库PandaUI系列之PdButton](https:ost.51cto.composts15105)中提到的stylePandaUI在我设计构想的时候,就是为了帮助前端开发人员或小白开发人员可以快速的上手UI布局,所以在样式属实上和ETS的属性有部分不同,但完全兼容ETS的绝大多数公共属性,并且增加一些可选性。例:官方中margin的值为{top:Length,right:Length,bottom:Length...
2022-07-28 00:35:03 7324浏览 7点赞 2回复 1收藏
【本文正在参加星光计划3.0—夏日挑战赛】随着OpenHarmony系统API的升级,自定义组件以及引用三方组件的能力也越来越强。忍了那么久,于是乎我终于没忍住,开始对ArkTS的自定义组件下手了。下面将展示PandaUI的第一个组件PdButton。效果图话不多说,先上图开发板是DAYU200体验官活动的开发板,感谢润和工程师们的努力以及官方给的活动,让我有一块使用流畅的开发板来做真机测试。可以看到,UI界面与ElementUI(前端的小伙伴可能...
2022-07-26 00:03:44 8346浏览 5点赞 2回复 2收藏
前言非常有幸被选中成为DAYU200的体验官的一员(感谢一波金主),相比较Hi3516开发板,DAYU200的操作体验那可是质的飞越,终于不用忍受3516上点击或进行一个操作等待好几秒的延时。效果演示[演示视频](https:ost.51cto.comshow13226)踩坑之路1.权限赋能参照文档,在使用相机时,需要使用到ohos.permission.CAMERA的权限。在config.json中申请相机权限javascript"reqPermissions":[{"name":"ohos.permission.CAMERA"}],因为相机...
2022-05-26 18:59:24 1.3w浏览 4点赞 1回复 3收藏
在2022年3月31日发布了最新的IDE工具DevEcoStudio3.0Beta3,仔细阅读文档后发现最新OpenHarmony应用的编译构建过程已经公开,对应官方文档:[编译构建概述](https:developer.harmonyos.comcndocsdocumentationdocguidesohosbuildingoverview0000001263360495)出于好奇,就对着文档一步一步,一个文件一个文件的开始手动建立,最后编译成功,分享一下构建过程。成果工具准备Node.js:v14.19.1+最新OpenHarmonySDK包,并解压到一个...
2022-04-09 22:32:13 1.6w浏览 9点赞 1回复 3收藏
【本文正在参与优质创作者激励】文章旨在帮助大家开发录音及语音识别时少踩一点坑。效果图左侧为简易UI布局及识别成果,右侧为网易云播放的测试音频开发步骤IDE安装、项目创建等在此略过。App采用SDK版本为API6,使用JSUI1.权限申请AI语音识别不需要任何权限,但此处使用到麦克风录制音频,就需要申请麦克风权限。在config.json配置文件中添加权限:json"reqPermissions":[{"name":"ohos.permission.MICROPHONE"}]在MainAbility...
2021-12-23 00:43:35 1.5w浏览 7点赞 2回复 6收藏
【本文正在参与优质创作者激励】距离ETS的发布也有一段时间,也有不少小伙伴通过ETS制作出很多精美的页面,但在我查阅ETS的组件和API中发现,现有版本的ETS并没有插槽的功能。经过一段时间的探索终于找到曲线救国方式实现插槽功能,得以让组件之间进行解耦。什么是插槽了解插槽的小伙伴可以跳过vue官方定义是:插槽是一套内容分发的API,当组件渲染的时候,将会被替换为“YourProfile”。插槽内可以包含任何模板代码。通俗一点...
2021-11-23 22:54:01 1.6w浏览 11点赞 6回复 10收藏
【本文正在参与优质创作者激励】效果图原始控件效果图:修改后的效果图:整体布局滑动切换视频评论视频相互流转看过了演示效果,接下来讲解如何开发开发部分在开发之前,我们要先翻阅[文档](https:developer.harmonyos.comcndocsdocumentationdocreferencesjscomponentsmediavideo0000000000611764),了解系统提供的能力。我们从属性、事件、方法中可以得出,以现在提供的能力,完全可以重写视频的控制栏。接下来就是界面的构思...
2021-10-14 16:36:13 1.4w浏览 6点赞 3回复 4收藏
前言处于隐私保护借用熊猫基地定位,代码层实现了获取实时定位功能。代码已开源至gitee:[https:gitee.compandacoderharmonyosappstreemasterAMapCard](https:gitee.compandacoderharmonyosappstreemasterAMapCard)本人正在参加鸿蒙HarmonyOS征文的活动,觉得该文章有帮助的小伙伴麻烦帮我[点个赞](https:developer.huawei.comconsumercnforumtopic0201625221179060186fid0101303901040230869)B站效果视频链接:[https:www.bilib...
2021-07-25 17:00:30 1.6w浏览 11点赞 3回复 9收藏
本文主要讲解WiFi应用中的键盘输入法(以下称为键盘)开发效果图小写大写符号UI排版简要分析一下键盘的布局首先键盘分为上下两部分。上面部分为功能区,第一个功能用于切换符号键盘,第二个功能用于关闭键盘;下面部分为键盘内容区,也就是字符输入区域,输入区域同时参杂一些特殊按键。代码截图分析:字母字符区键盘详细代码language{{$item}}{{$item}}{{isUp"A":"a"}}Aa{{$item}}Х为了处理特殊的功能按键,我们把字母区域分...
2021-07-03 23:34:58 1.1w浏览 4点赞 0回复 2收藏
本次将分为上下两篇讲述在搭载OpenHarmony2.0的3516开发板上开发的第一个HapWIFI,目前Openharmony2.0仅支持JSUI,所以以下内容皆为JSUI开发。源码码已上传至gitee[https:gitee.compandacoderopenharmonyappstreemasterWifi](https:gitee.compandacoderopenharmonyappstreemasterWifi)现有不足之处为只能获取到WiFi的ipv6,获取不到ipv4,已提issue。也是因为这个原因文章才发出,本想去研究cpp源码试着解决问题,奈何能力有限。...
2021-06-26 17:13:25 1.5w浏览 6点赞 1回复 2收藏
在上一篇文章讲述了怎么安装系统应用,系统应用需要随系统镜像进行编译烧录,且系统应用不可删除。本文讲述怎么使用HDC工具快速安装可卸载的应用。(不用重新编译烧录开发板)声明:该方式方法由深鸿会(QQ群号:665719006)成员东方星痕ERP全干工程师最先把流程走通,并发表其个人方式方法于https:ystyle.top20210606openharmonyoshdcandnetwork我只是个实践者与搬运工。工具及准备使用到工具hdc工具官方gitee链接:https:gite...
2021-06-07 14:30:34 3.2w浏览 6点赞 10回复 5收藏
废话不多说,先上效果图:系统原生应用修改后自安装的应用JsHelloWorld使用该方法安装的hap为系统hap,不可卸载。文档写的使用hdc安装hap暂未走通。请参考官方文档。有打包、签名(建议参考一下官方文档的签名,和HarmonyOS签名方式有些许改动)基础的请移步至底部的第4步。1.工欲善其事必先利其器需要用到的工具:hap开发工具DevEcoStudio2.1Release代码修改工具VSCode代码管理工具:GitJAVA环境docker编译环境烧录工具Hitool2....
2021-06-06 02:04:33 3.3w浏览 11点赞 19回复 13收藏