致谢2022一开始,首先要严重感谢华为和51CTO开源社区,因为安排了一场3月12日在上海的演讲,然后这场被莫名其妙的取消了。我从来没遇到过类似的情况。然后我决定4月份不去上海了。然后,你们懂的,躲过了3年以来长达3个月之久的“饥荒”。社区其他身处一二线城市的老师上半年也几乎无法出门。此后,社区陆续安排了西安,深圳等地的鸿蒙宣讲活动,收获颇丰。在上半年疫情肆虐的时候,我这颗爱自由的灵魂在与鸿蒙爱好者的交流中得...
2022-12-20 14:19:35 2974浏览 2点赞 2回复 1收藏
新·蓝海昨晚8点,万众瞩目的HarmonyOS3.0正式发布了!除了性能提升和众多新功能外这些咱不再多说,最重要的是,HarmonyOS搭载设备数已经突破3亿,对开发者来说也意味着新机遇的开始。我为何要这么说呢?因为从HarmonyOS3.0开始,在开发框架层面,已经正式剔除了Java代码,包括JavaUI+JavaAPI,也就意味着需要完全使用华为新研发的ArkUI(ETSJS+JSAPI)来进行App开发。Cutthecrap,showmethecode!咱废话少说,来第一个3.0软硬结...
2022-07-28 10:48:58 4937浏览 9点赞 2回复 6收藏
炎炎夏日,西湖之畔,7月15日周五,由华为开发者联盟主办的华为开发者日(HDD)在杭州西湖边举办,我有幸作为专家闭门会议参与老师受邀参加,主要关注ArkUI方面的新内容。本次HDD主题为“专注应用创新,提升开发效率”,各位华为技术大咖带来关于ArkUI、DevEcoStudio、HMSCore、Serverless、AppTouch、PetalMapsPlatform等技术模块的新特性,与众多开发者探讨鸿蒙生态魅力和发展大计。ArkUI新版本:更友好的开发体验主论坛一开...
2022-07-20 11:28:45 4724浏览 10点赞 13回复 4收藏
[toc](目录)主题本帖使用Dayu200为开发板,展示一个在线播音App起司播客。预览效果图Dayu200的预览配置为了大幅提高UI的开发效率,降低Dayu200的使用门槛,在开发过程中,强烈建议使用DevEcoStudio3.0Beta3(OpenHarmony)的MatePadPro作为预览配置,并调整到竖屏模式,最终与Dayu200上的效果近似一致。资源导入本案例为了简单起见,文字与颜色直接写在代码中,仅图片资源需要导入,将全部所需图片拖到pages的新建img子目录中:...
2022-07-06 18:35:52 4585浏览 5点赞 4回复 2收藏
[toc](目录)主题本帖使用Dayu200为开发板,展示一个在线旅游App世界巡游团。注意:本文不涉及App上的用户互动,仅为页面设计效果的实现。设计效果图Dayu200的预览配置为了大幅提高UI的开发效率,降低Dayu200的使用门槛,在开发过程中,强烈建议使用DevEcoStudio3.0Beta3(OpenHarmony)的MatePadPro作为预览配置,并调整到竖屏模式,最终与Dayu200上的效果近似一致。资源导入本案例为了简单起见,文字与颜色直接写在代码中,仅...
2022-07-05 22:22:30 6171浏览 3点赞 2回复 1收藏
[toc](目录)主题本帖使用Dayu200为开发板,展示一个在线生鲜配送的App首页。注意:本文不涉及App上的用户互动,仅为页面设计效果的实现。设计效果图首页上半部分:首页下半部分:Dayu200的预览配置为了大幅提高UI的开发效率,降低Dayu200的使用门槛,在开发过程中,强烈建议使用DevEcoStudio3.0Beta3(OpenHarmony)的MatePadPro作为预览配置,并调整到横屏模式,最终与Dayu200上的效果近似一致。资源导入本案例为了简单起见,...
2022-07-05 11:37:25 4806浏览 6点赞 3回复 3收藏
本帖使用Dayu200为开发板,展示一个化妆品在线商店的App首页:溢彩美妆App。注意:本文不涉及App上的用户互动,仅为页面设计效果的实现。[toc](目录)设计预览下图是在设计软件中的效果预览:可以看到设计感潮流感十足,简洁大方,页面上有大量的留白区域和明暗背景交错,并有正常模式和方便夜间查看的暗黑模式。Dayu200暂时不能屏幕截图,手机拍照精度太低;也为了预览方便起见,Dayu200的预览配置为了大幅提高UI的开发效率,降...
2022-07-05 10:47:59 4308浏览 5点赞 2回复 2收藏
老子过去曰上善若水,无为而治而鸿蒙开发却洪水滔天,津波浸地,究竟谁可挺身而出,谁迎战流年水逆?今天的主角:DAYU+Neptune大禹+海王终极治水王霸or摸鱼吹水冠军?5月末,OpenHarmony3.2发布,随我一探深浅!话说到我的[自制无线遥控打蒜器](https:ost.51cto.composts12389)实现以后,一直被HarmonyOS蜗牛般的发布节奏以及Java与JS的繁琐互动所限,表面看起来挺好玩,实则技术债苦不堪言,深感无奈。51CTO和润和软件的老师们...
2022-05-23 14:47:27 6381浏览 10点赞 1回复 4收藏
与去年不同,今年第二届HarmonyOS创新大赛要求很显然要求是比较高的,要想获得比较大的青睐,可能需要软硬件结合,南北向通吃的作品,而且最好是可以商业化落地的产品级解决方案。这个挑战很大。个人的想法是,寻找真正有商业价值的,可以结合现有HarmonyOS和OpenHarmony技术特征的东西。幸运的是,我找到了这样的切入口,智能打蒜器。缘由非常简单,平时喜欢吃水饺,虽然是南方人,不过偏爱北方的蘸酱和蒜泥吃法。这就遇到一个...
2022-05-05 18:04:06 6679浏览 9点赞 5回复 5收藏
ArkUI高级UI组件定制大揭秘课程回放:[点此查看回放](https:zhibo.51cto.comliveDetail58)直播课程的示例代码(PPT)可在本贴中的附件中下载,感谢大家的支持和鼓励。推荐后续项目实战课程(5折优惠中!!):[ArkUI双范式超级实战鸿蒙社区App](https:edu.51cto.comcourse29562.html)Q:.degrees这个语法老师可以讲一下吗A:是rotate方法中的角度参数简写形式。不过同学请注意,目前这种写法ets尚未支持,只是我的一个前瞻性建议...
2022-02-17 17:05:47 6558浏览 6点赞 2回复 2收藏
如果说给我一个,开始玩电路板的理由,天花板突然就驾到了,就这?说真的我不想搞这个大帖子,今天才周一朝你炫耀一番,然后被你说这个人我真的好..菊花,上酸图既然作为《尊享版》首发体验官,其实我不好奇它如何能折叠起来,而是数据如何在折叠中流畅传输的?注意看这:随着中间轴旋转而自动曲折的一排连接线,外面有一层软性塑料薄膜覆盖,看起来挺耐磨的。(硬核分割线)主要参数:CPU:STM32MP157双核本次BearPiHMMicro板...
2021-12-12 17:44:30 1.7w浏览 12点赞 14回复 6收藏
相信关注前端开发的同学,一定听过近些年,DSL描述式的UI构建写法,大有取代传统命令式布局的趋势。传统上,写一套UI代码,需要根据数据的逻辑,手动的在业务代码里,去改变界面UI元素的状态,造成业务代码和UI代码搅在一起,黑话“耦合性极高”。结果就是,把人人都炼成了一身诸哥的本事,事必躬亲,鞠躬尽瘁....好的。话说在网页开发的远古时代(2013年以前),想写一个炫酷的网页,往往需要直接操作HTML元素,比如控制网页上...
2021-12-07 14:25:23 1.7w浏览 9点赞 10回复 5收藏
如果你还没遇到过此致命bug,那么恭喜,真羡慕你现在知道了...如果你对ArkUI不了解,可以看下背景介绍视频:[《方舟框架ArkUI—实战类星巴克APP》](https:harmonyos.51cto.comactivity116)实践过的小伙伴们会惊奇的发现,ArkUI的eTS组件,居然没有【输入框】!一个很常规的登录页面,其中的用户名和密码,怎么输入???王德发???我是万万没想到啊,华为你竟然!!竟然发的这么早,大伙不是提前体验了eTS相比较Java、JavaScr...
2021-12-06 16:31:09 8803浏览 8点赞 6回复 4收藏
直播课程的示例代码可在本贴中的附件中下载,感谢大家的支持和鼓励。推荐后续项目实战课程(5折优惠中!!):[ArkUI双范式超级实战鸿蒙社区App](https:edu.51cto.comcourse29562.html)下面的直播过程中的部分疑问,总结如下:API7现在能跑到手机上面吗答:目前大众手机还没有推送API7,可能要到年底。不过RemoteEmulator有API7可以用。ArkUI现在功能完善了没,会不会有组件要用javaUI答:目前完善度90%,不过用javaUI的场合应...
2021-11-17 22:18:19 1.2w浏览 7点赞 3回复 10收藏
>>>前往直播回放<<<如题,直播课的ppt和源码,供参考pdf部分内容1.UXUI设计2021八大趋势2.鸿蒙之家AppUI设计3.鸿蒙之家AppUI代码
2021-04-30 18:26:51 1.7w浏览 5点赞 9回复 6收藏
大家好!!我是HarmonyOS开发者创新大赛导师、HarmonyOS系统课程开发者张云波。UI承载着一个应用程序中的页面布局、互动逻辑、转场流向等各式各样的信息,是信息的皮肤,也是应用程序的“外衣”。通常,我们的应用程序需要优美的UI和简洁的交互。从用户角度,UI产品。如何利用DevEcoIDE灵活快速实现基于JS组件树的App整体UI,是鸿蒙开发者必须要掌握的内容之一!4月28日晚20:00,我将为大家带来一场直播公开课,本次课程会给大...
2021-04-25 23:11:35 1.2w浏览 5点赞 7回复 1收藏
简单的互动我们实现后,接下来来到整体了,先把视频播放实现了。跟Java的实现方法相比,JS版本的简直简单到逆天。转到index.hml,你会看到首页的结构,其实分为2个部分:一个容器元素(div),一个文本元素(text)。一个页面只有一个根元素,可以包含若干子元素,子元素还可以有一个或若干子元素,形成一个树根型的结构。class字段是两个元素的样式修饰,比如改变尺寸、颜色、边框、内部子元素排列方式等等。首先,我们来看下抖音...
2020-12-20 20:23:26 1.6w浏览 3点赞 10回复 2收藏
第一个世界版HelloWorld完毕后,毕竟还是静态文字,还没什么互动!接下来,各种吃瓜观众,来看一下互动有多简单易用,我们就来增加一个简单的功能,点击“我爱鸿蒙”后,加一串字“你点了我”。之前的index.hml是页面,相应的index.js是页面的逻辑所在,切换到index.js中,加入一段互动代码:,changeTitle(){this.title+"你点了我!"}这个changeTitle方法,顾名思义,就是要改变data中的title变量,在原来的文字基础上加“你点...
2020-12-20 18:56:53 7019浏览 2点赞 1回复 0收藏
终于把IDE安装好了!可以开始第一个App了,yeah!在左侧的“Project”工程文件栏,找到与Java对于的JS目录,依次展开jsdefalutpagesindexindex.hml。index.hml就是我们第一个工程的首屏页面,点击右侧折叠的Previewer栏,等右下方一阵抽搐,就会成功出现...您好世界!英文的效果呢?不用改词,鸿蒙OS天生支持国际化,在Previewer(预览器)设置中选择英文(enUS):HelloWorld。恭喜!第一个HelloWorld完成了!尝试来改几个字吧...
2020-12-20 17:48:38 1.3w浏览 7点赞 3回复 3收藏
工欲善其事,必先班门弄斧,来人,取吾鸿蒙开山斧来!打开官网:https:developer.harmonyos.comcndevelop找到神器DevEcoStudio,立即下载根据你的系统来选择Windows、或者Mac版本,这里作为一个老iOS开发,自然是Mac版本,其实两版本使用起来并没有什么区别。Windows安装过程就是一直“下一步”,Mac用户就是拖到“应用程序”中。安装完毕,找到大大的图标:双击启动!从这个图你仔细品一下,PoweredbytheIntelliJPlatform,没有...
2020-12-20 16:45:49 1.4w浏览 5点赞 3回复 5收藏