打通鸿蒙南向开发与北向开发的任督二脉。
私信
主帖 16
回帖 5
视频 26
提问
回答
资源
专栏 1
3.1.2 Span组件
原创 精华
在正式演示文本段落组件Span之前,我想建立一个列表导航页面,方便随时跳转到相应的组件演示页面。1.建立页面导航将上一小节演示Text组件的index.ets页面复制粘贴为TextSample.ets页面。修改index.ets页面的代码为:typescriptExtend(Text)functionli(){.fontColor($r("app.color.fgLevel1")).fontSize($r("app.float.fontSizeSubTitle1")).fontWeight(Number($r("app.float.fontWeightSubTitle1")))}EntryComponentstructIndex...
3天前 751浏览 1点赞 0回复 1收藏
3.1.1 Text组件
原创 精华
本节讲解文本组件Text和Span的基本使用方法,同时讲解第一个声明式语法Extend装饰器,通过该装饰器重构示例代码。由于本节展示的组件效果较多,一屏无法展示完,我们可以将默认HelloWorld页面的布局改为使用Scroll布局组件支持纵向滚动,改造后代码如下:typescript3.1Text组件和Span组件EntryComponentstructIndex{build(){Stack({alignContent:Alignment.TopStart}){Scroll(){Column({space:16}){Text('HelloWorld').fontSize...
4天前 977浏览 4点赞 0回复 1收藏
在“第1章鸿蒙3.0真的来了”中,我们学习了基于方舟开发框架ArkUI的最新语言eTS开发鸿蒙App的全流程。那么,eTS这个“后起之秀”究竟是一门怎样怎样的语言?它和JavaScript和Typescript是怎样的关系?本章第一节介绍了eTS物种起源。在已经存在JavaUI和JsUI的情况下,华为为什么还要推出eTS?基于eTS的ArkUI有什么优势?在本章第二节中,我们对“基于eTS的方舟开发框架ArkUI的鸿蒙开发”做一个SWOT分析,即,优点、缺点、机会和...
6天前 322浏览 2点赞 0回复 1收藏
2.6 ArkUI实现一次开发多端部署
原创 精华
头条 社区头条
本节通过栅格化布局、自适应布局、响应式布局和使用资源,从App的弹性布局和多态组件两个维度,讲解如何实现一次开发多端部署。接着,建立一个ArkUIeTS的开发框架,这个可以作为开发新App的脚手架。当显示环境发生变化时(如,不同屏幕尺寸的设备切换、横竖屏切换、应用分屏),我们需要及时调整内容的布局方式以适应变化。通过栅格化布局、自适应布局和响应式布局,可以达到多设备下布局的一致性。2.6.1栅格化布局1.8vp网格系...
2022-05-12 15:40:25 1524浏览 8点赞 2回复 2收藏
这一节,我们不讲代码,不讲招式,但是我们讲心法。心法入门了,后续开发才能游刃有余。2.5.1鸿蒙系统诞生的历史必然性鸿蒙系统刚推出的时候,出现了不少质疑的声音,其中,说鸿蒙系统是“安卓套壳”的比较多。听起来似乎有点道理。我的手机从安卓EMUI升级到鸿蒙2.0后,界面似乎也没什么大的改变。但是,仅从界面的差异就得出这个结论,稍显肤浅。鸿蒙要想从安卓和iOS这两个老牌霸主的夹缝中成长起来,必须慎重的选择战略和战术...
2022-05-09 13:36:36 1277浏览 2点赞 2回复 1收藏
2.4 实现沉浸式体验的状态栏
原创 精华
头条 社区头条
这一节,我们为App实现沉浸式体验的状态栏。首先,我们在index页面中实现一个最基本的页面,只有一个文本组件,同时,将页面背景设置莫兰迪三号颜色。代码如下:typescriptEntryComponentstructIndex{build(){Column(){Text('《鸿蒙开发ArkUI最佳实践》基于HarmonyOS3.0,采用方舟开发框架eTS语言。系统讲解方舟开发框架核心技术和分布式特性,包含丰富案例和一个App实战项目,提供所有案例和实战项目的源码。——鸿蒙开发之南...
2022-05-06 19:20:57 1536浏览 5点赞 0回复 1收藏
2.3 ArkUI App设计规范
原创 精华
头条 社区头条
本节内容不仅适用于鸿蒙UI设计师,也是鸿蒙App开发工程师的必修课。掌握了本节阐述的关键设计规范,为开发出标准、优质的鸿蒙App打下必要的理论基础。本节涉及的很多参数,不用记忆,只要理解、留下印象即可。后面会提供封装好的框架环境,直接调用即可。2.3.1UX人因研究框架人因研究通常会从使用者、设备、使用环境三要素对设计问题进行剖析,并开展相应的人因实验,促使设计更新迭代,达到相应的用户体验目标。使用者:考虑使...
2022-05-05 21:27:33 1832浏览 4点赞 0回复 3收藏
2.2 基于eTS的ArkUI有什么优势
原创 精华
头条 社区头条
这一节我们对于“基于eTS的方舟开发框架ArkUI的鸿蒙开发”做一个SWOT分析,即,优点、缺点、机会和威胁。2.2.1优点1.极简高效的UI信息语法ArkUI采用极简的声明式UI描述界面语法,您只需用几行简单直观的声明式代码,即可完成界面功能,提升HarmonyOS应用界面开发效率30%。UI开发更接近自然语义的编程方式,让开发者直观地描述UI界面,允许开发者以优雅的链式调用语法调用的方式配置UI结构及其属性、事件等。typescriptEntryComp...
2022-05-04 15:17:40 2016浏览 6点赞 2回复 4收藏
2.1 eTS物种起源
原创 精华
头条 社区头条
2.1.1JavaScriptJavaScript(简称“JS”)是一种轻量级解释型的编程语言(代码不进行预编译)。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。...
2022-05-03 21:51:09 2022浏览 5点赞 2回复 4收藏
俗话说“选择大于努力”,在我们准备努力掌握鸿蒙应用开发能力之前,有必要慎重选择采用的开发语言。在本章第一节,我们直观对比感受了JavaUI、JsUI和eTSArkUI的开发过程,作为一个新崛起的手机操作系统,鸿蒙需要大量开发者共同完善它的生态,作为承前启后的稳妥考量,华为首先支持了适应传统安卓开发习惯的JavaUI和适应类Web开发的JsUI,让传统App低成本转换为鸿蒙App,这就是所谓“承前”。而华为最新推出的eTSArkUI,代码简...
2022-05-02 07:01:30 1797浏览 2点赞 0回复 1收藏
目前基于ArkUIeTS的鸿蒙应用还暂时无法在本地真机上运行,远程真机也还没有支持API7的。我们看看支持API7的HarmonyOS3.0正式版的计划里程碑。访问:https:developer.harmonyos.comcndevelopharmonyossdkrelease据华为官方的计划,会在2022年79月,正式发布HarmonyOS3.0,到时候就是ArkUIeTS大放异彩的时机了,所谓“好饭不怕晚”。当前已广泛安装的HarmonyOS2.0最高可以支持API6的SDK。本节用一个简单的JsUI项目演示如何创建应...
2022-05-01 10:28:08 2069浏览 2点赞 2回复 1收藏
1.4.1本地预览我们改造下默认的HelloWorld页面,介绍本地预览和日志打印的技巧。代码如下:javascriptEntryComponentstructIndex{Statemsg:string'HelloWorld'privatestatus:booleanfalsebuild(){Flex({direction:FlexDirection.Column,alignItems:ItemAlign.Center,justifyContent:FlexAlign.Center}){Text(this.msg).fontSize(50).fontWeight(FontWeight.Bold)Button('改变文字').margin({top:30}).onClick((){if(this.status...
2022-04-30 09:16:59 1596浏览 0点赞 0回复 0收藏
在基于ArkUI(eTS)开发鸿蒙应用的过程中,DevEcoStuidio为开发者提供了预览器的功能,可以查看应用的UI界面效果。预览器支持布局代码的实时预览,只需要将开发的源代码进行保存,就可以通过预览器实时查看应用服务运行效果,方便开发者随时调整代码。需要注意的是,由于Windows系统和真机设备的字体库存在差异,可能会出现预览器界面中的字体与真机运行效果的字体存在差异。虽然DevEcoStudio支持远程真机运行App,但eTS的运行SDK...
2022-04-29 11:52:06 546浏览 2点赞 0回复 1收藏
1.2.1下载DevEcoStudio3.0Beta2forHarmonyOS访问鸿蒙官网DevEcoStudio下载页面:[](https:developer.harmonyos.comcndevelopdevecostudiodownloadbeta)目前支持Windows64和MacOS版安装包,如果是使用Windows电脑,操作系统最低为Windows1064位。目前最新版本为“3.0Beta2”,在这个版本支持尝鲜ArkUI(eTS)的项目开发。本节演示Windows版本的下载和安装。如上图所示,点击下载链接,弹窗中勾选"我已经阅读并同意HUAWEIDevEcoStud...
2022-04-28 20:19:39 1626浏览 4点赞 0回复 1收藏
1.1 鸿蒙3.0 App开发技术选型
原创 精华
头条 社区头条
目前HarmonyOS3.0最新版本为Beta2,主要支持JavaUI和ArkUI(方舟开发框架)进行鸿蒙App开发,而ArkUI支持基于JS扩展的类Web开发范式和基于TS扩展的声明式开发范式(即eTS)。鸿蒙开源版本OpenHarmony在2022年3月31日已正式发布3.1release版,仅支持Javascript和eTS两种方式。本节先基于最简单的HelloWorld案例,增加一个按钮,点击按钮改变文字内容。直观对比感受下这三种开发方式的差异。[源码地址:https:gitee.comcloudevharmony...
2022-04-28 15:50:12 2484浏览 3点赞 4回复 2收藏
本教程由浅入深阐述了鸿蒙3.0方舟开发框架最新编程语言ArkUI(eTS)的基础知识、设计标准、UI排版技巧、自定义多态组件开发、数据模拟,以及分布式全场景开发和异步编程等高级知识。全书共分为4篇:第一篇为拥抱鸿蒙3.0(第1章第4章),第二篇为鸿蒙开发进阶(第5章第9章),第三篇为鸿蒙开发高级(第10章第15章),第四篇为项目实战(第16章第18章)。书中主要内容包括:鸿蒙3.0真的来了、揭开方舟开发框架ArkUI(eTS)的神秘面纱...
2022-04-26 13:30:53 1492浏览 3点赞 0回复 2收藏
获得成就
已积累 1.0w 人气
获得 77 个点赞
获得 27 次收藏