开源基础软件社区

致谢2022一开始，首先要严重感谢华为和51CTO开源社区，因为安排了一场3月12日在上海的演讲，然后这场被莫名其妙的取消了。我从来没遇到过类似的情况。然后我决定4月份不去上海了。然后，你们懂的，躲过了3年以来长达3个月之久的“饥荒”。社区其他身处一二线城市的老师上半年也几乎无法出门。此后，社区陆续安排了西安，深圳等地的鸿蒙宣讲活动，收获颇丰。在上半年疫情肆虐的时候，我这颗爱自由的灵魂在与鸿蒙爱好者的交流中得...

新·蓝海昨晚8点，万众瞩目的HarmonyOS3.0正式发布了！除了性能提升和众多新功能外这些咱不再多说，最重要的是，HarmonyOS搭载设备数已经突破3亿，对开发者来说也意味着新机遇的开始。我为何要这么说呢？因为从HarmonyOS3.0开始，在开发框架层面，已经正式剔除了Java代码，包括JavaUI+JavaAPI，也就意味着需要完全使用华为新研发的ArkUI（ETSJS+JSAPI）来进行App开发。Cutthecrap,showmethecode！咱废话少说，来第一个3.0软硬结...

炎炎夏日，西湖之畔，7月15日周五，由华为开发者联盟主办的华为开发者日（HDD）在杭州西湖边举办，我有幸作为专家闭门会议参与老师受邀参加，主要关注ArkUI方面的新内容。本次HDD主题为“专注应用创新，提升开发效率”，各位华为技术大咖带来关于ArkUI、DevEcoStudio、HMSCore、Serverless、AppTouch、PetalMapsPlatform等技术模块的新特性，与众多开发者探讨鸿蒙生态魅力和发展大计。ArkUI新版本：更友好的开发体验主论坛一开...

[toc](目录)主题本帖使用Dayu200为开发板，展示一个在线播音App起司播客。预览效果图Dayu200的预览配置为了大幅提高UI的开发效率，降低Dayu200的使用门槛，在开发过程中，强烈建议使用DevEcoStudio3.0Beta3（OpenHarmony）的MatePadPro作为预览配置，并调整到竖屏模式，最终与Dayu200上的效果近似一致。资源导入本案例为了简单起见，文字与颜色直接写在代码中，仅图片资源需要导入，将全部所需图片拖到pages的新建img子目录中：...

[toc](目录)主题本帖使用Dayu200为开发板，展示一个在线旅游App世界巡游团。注意：本文不涉及App上的用户互动，仅为页面设计效果的实现。设计效果图Dayu200的预览配置为了大幅提高UI的开发效率，降低Dayu200的使用门槛，在开发过程中，强烈建议使用DevEcoStudio3.0Beta3（OpenHarmony）的MatePadPro作为预览配置，并调整到竖屏模式，最终与Dayu200上的效果近似一致。资源导入本案例为了简单起见，文字与颜色直接写在代码中，仅...

[toc](目录)主题本帖使用Dayu200为开发板，展示一个在线生鲜配送的App首页。注意：本文不涉及App上的用户互动，仅为页面设计效果的实现。设计效果图首页上半部分：首页下半部分：Dayu200的预览配置为了大幅提高UI的开发效率，降低Dayu200的使用门槛，在开发过程中，强烈建议使用DevEcoStudio3.0Beta3（OpenHarmony）的MatePadPro作为预览配置，并调整到横屏模式，最终与Dayu200上的效果近似一致。资源导入本案例为了简单起见，...

本帖使用Dayu200为开发板，展示一个化妆品在线商店的App首页：溢彩美妆App。注意：本文不涉及App上的用户互动，仅为页面设计效果的实现。[toc](目录)设计预览下图是在设计软件中的效果预览：可以看到设计感潮流感十足，简洁大方，页面上有大量的留白区域和明暗背景交错，并有正常模式和方便夜间查看的暗黑模式。Dayu200暂时不能屏幕截图，手机拍照精度太低；也为了预览方便起见，Dayu200的预览配置为了大幅提高UI的开发效率，降...

老子过去曰上善若水，无为而治而鸿蒙开发却洪水滔天，津波浸地，究竟谁可挺身而出，谁迎战流年水逆？今天的主角：DAYU+Neptune大禹+海王终极治水王霸or摸鱼吹水冠军？5月末，OpenHarmony3.2发布，随我一探深浅！话说到我的[自制无线遥控打蒜器](https:ost.51cto.composts12389)实现以后，一直被HarmonyOS蜗牛般的发布节奏以及Java与JS的繁琐互动所限，表面看起来挺好玩，实则技术债苦不堪言，深感无奈。51CTO和润和软件的老师们...

与去年不同，今年第二届HarmonyOS创新大赛要求很显然要求是比较高的，要想获得比较大的青睐，可能需要软硬件结合，南北向通吃的作品，而且最好是可以商业化落地的产品级解决方案。这个挑战很大。个人的想法是，寻找真正有商业价值的，可以结合现有HarmonyOS和OpenHarmony技术特征的东西。幸运的是，我找到了这样的切入口，智能打蒜器。缘由非常简单，平时喜欢吃水饺，虽然是南方人，不过偏爱北方的蘸酱和蒜泥吃法。这就遇到一个...

ArkUI高级UI组件定制大揭秘课程回放：[点此查看回放](https:zhibo.51cto.comliveDetail58)直播课程的示例代码（PPT）可在本贴中的附件中下载，感谢大家的支持和鼓励。推荐后续项目实战课程（5折优惠中！！）：[ArkUI双范式超级实战鸿蒙社区App](https:edu.51cto.comcourse29562.html)Q:.degrees这个语法老师可以讲一下吗A:是rotate方法中的角度参数简写形式。不过同学请注意，目前这种写法ets尚未支持，只是我的一个前瞻性建议...

如果说给我一个，开始玩电路板的理由，天花板突然就驾到了，就这？说真的我不想搞这个大帖子，今天才周一朝你炫耀一番，然后被你说这个人我真的好..菊花，上酸图既然作为《尊享版》首发体验官，其实我不好奇它如何能折叠起来，而是数据如何在折叠中流畅传输的？注意看这：随着中间轴旋转而自动曲折的一排连接线，外面有一层软性塑料薄膜覆盖，看起来挺耐磨的。（硬核分割线）主要参数：CPU：STM32MP157双核本次BearPiHMMicro板...

相信关注前端开发的同学，一定听过近些年，DSL描述式的UI构建写法，大有取代传统命令式布局的趋势。传统上，写一套UI代码，需要根据数据的逻辑，手动的在业务代码里，去改变界面UI元素的状态，造成业务代码和UI代码搅在一起，黑话“耦合性极高”。结果就是，把人人都炼成了一身诸哥的本事，事必躬亲，鞠躬尽瘁....好的。话说在网页开发的远古时代（2013年以前），想写一个炫酷的网页，往往需要直接操作HTML元素，比如控制网页上...

如果你还没遇到过此致命bug，那么恭喜，真羡慕你现在知道了...如果你对ArkUI不了解，可以看下背景介绍视频：[《方舟框架ArkUI—实战类星巴克APP》](https:harmonyos.51cto.comactivity116)实践过的小伙伴们会惊奇的发现，ArkUI的eTS组件，居然没有【输入框】！一个很常规的登录页面，其中的用户名和密码，怎么输入？？？王德发？？？我是万万没想到啊，华为你竟然！！竟然发的这么早，大伙不是提前体验了eTS相比较Java、JavaScr...

直播课程的示例代码可在本贴中的附件中下载，感谢大家的支持和鼓励。推荐后续项目实战课程（5折优惠中！！）：[ArkUI双范式超级实战鸿蒙社区App](https:edu.51cto.comcourse29562.html)下面的直播过程中的部分疑问，总结如下：API7现在能跑到手机上面吗答：目前大众手机还没有推送API7，可能要到年底。不过RemoteEmulator有API7可以用。ArkUI现在功能完善了没，会不会有组件要用javaUI答：目前完善度90%，不过用javaUI的场合应...

>>>前往直播回放<<<如题，直播课的ppt和源码，供参考pdf部分内容1.UXUI设计2021八大趋势2.鸿蒙之家AppUI设计3.鸿蒙之家AppUI代码

大家好！！我是HarmonyOS开发者创新大赛导师、HarmonyOS系统课程开发者张云波。UI承载着一个应用程序中的页面布局、互动逻辑、转场流向等各式各样的信息，是信息的皮肤，也是应用程序的“外衣”。通常，我们的应用程序需要优美的UI和简洁的交互。从用户角度，UI产品。如何利用DevEcoIDE灵活快速实现基于JS组件树的App整体UI，是鸿蒙开发者必须要掌握的内容之一！4月28日晚20:00，我将为大家带来一场直播公开课，本次课程会给大...

简单的互动我们实现后，接下来来到整体了，先把视频播放实现了。跟Java的实现方法相比，JS版本的简直简单到逆天。转到index.hml，你会看到首页的结构，其实分为2个部分：一个容器元素(div)，一个文本元素(text)。一个页面只有一个根元素，可以包含若干子元素，子元素还可以有一个或若干子元素，形成一个树根型的结构。class字段是两个元素的样式修饰，比如改变尺寸、颜色、边框、内部子元素排列方式等等。首先，我们来看下抖音...

第一个世界版HelloWorld完毕后，毕竟还是静态文字，还没什么互动！接下来，各种吃瓜观众，来看一下互动有多简单易用，我们就来增加一个简单的功能，点击“我爱鸿蒙”后，加一串字“你点了我”。之前的index.hml是页面，相应的index.js是页面的逻辑所在，切换到index.js中，加入一段互动代码：,changeTitle(){this.title+"你点了我！"}这个changeTitle方法，顾名思义，就是要改变data中的title变量，在原来的文字基础上加“你点...

终于把IDE安装好了！可以开始第一个App了，yeah！在左侧的“Project”工程文件栏，找到与Java对于的JS目录，依次展开jsdefalutpagesindexindex.hml。index.hml就是我们第一个工程的首屏页面，点击右侧折叠的Previewer栏，等右下方一阵抽搐，就会成功出现...您好世界！英文的效果呢？不用改词，鸿蒙OS天生支持国际化，在Previewer（预览器）设置中选择英文（enUS）：HelloWorld。恭喜！第一个HelloWorld完成了！尝试来改几个字吧...

工欲善其事，必先班门弄斧，来人，取吾鸿蒙开山斧来！打开官网：https:developer.harmonyos.comcndevelop找到神器DevEcoStudio,立即下载根据你的系统来选择Windows、或者Mac版本，这里作为一个老iOS开发，自然是Mac版本，其实两版本使用起来并没有什么区别。Windows安装过程就是一直“下一步”，Mac用户就是拖到“应用程序”中。安装完毕，找到大大的图标：双击启动！从这个图你仔细品一下，PoweredbytheIntelliJPlatform,没有...