鸿蒙HarmonyOS应用开发基础教程 课件 单元3-HarmonyOS开发基础知识

《鸿蒙HarmonyOS应用开发基础教程》HarmonyOS开发基础知识《鸿蒙HarmonyOS应用开发基础教程》鸿蒙应用开发之--ArkTS简介目录12ArkTS的起源什么是ArkTS？3ArkTS的演进什么是ArkTS？01ArkTS简介ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步扩展，继承了TS的所有特性，是TS的超集。网址：/consumer/cn/arktsArkTS的起源02ArkTS的起源JavaScript（JS）Mozilla创造了JSTypeScript（TS）Microsoft创建了TSArkTSHuawei进一步推出了ArkTSArkTS的演进03ArkTS的演进2019.82022.112020.92023.1鸿蒙操作系统正式发布鸿蒙系统升级至HarmonyOS2.0ArkTS正式发布？ArkTS得到广泛应用总结ArkTS是HarmonyOS的应用开发语言。ArkTS、TypeScript和JavaScript三者之间的关系。以教材学习为主，官网学习资料为辅，进一步深入学习ArkTS。认真学鸿蒙一起干大事《鸿蒙HarmonyOS应用开发基础教程》鸿蒙应用开发之—ArkTS基础语法目录123装饰器自定义组件引言4UI描述引言01引言编码规范ArkTS遵循一定的编码规范，包括命名规范、缩进规范、注释规范等，以确保代码的整洁和一致性。语法风格ArkTS在保持TypeScript基本语法风格的基础上，引入了一些特定的规则和约束。静态类型与TypeScript的动态类型不同，ArkTS对类型施加了更严格的约束，引入了静态类型，提高了代码的可读性和可维护性。引言装饰器02装饰器010203装饰器是一种特殊类型的声明。它用于装饰类、结构、方法以及变量，并赋予其特殊的含义。装饰器语法是将@符号置于函数定义之前。装饰器的基本概念装饰器常用的装饰器@Entry@Entry装饰的自定义组件将作为UI页面的入口。@Component@Component装饰器仅能装饰struct关键字声明的数据结构。@State@State装饰的变量，或称为状态变量，一旦变量拥有了状态属性，就和自定义组件的渲染绑定起来。当状态改变时，UI会发生对应的渲染改变。自定义组件03自定义组件概念自定义组件是一种允许开发者根据业务需求，封装特定功能和UI界面的可复用代码块。优势提高代码复用性，降低开发成本；简化复杂页面的开发过程；便于团队协作和维护。0102自定义组件可组合允许开发者组合使用系统组件、及其属性和方法。可重用自定义组件可以被其他组件重用，并作为不同的实例在不同的父组件或容器中使用。数据驱动UI更新通过状态变量的改变，来驱动UI的刷新。UI描述04UI描述定义UI描述语言是一种用于描述用户界面元素、布局和交互的标记语言。特点易于理解、学习和使用，支持多种平台和设备，具有高度可定制性。应用场景适用于快速构建跨平台的应用程序界面，提高开发效率和用户体验。030201总结ArkTS的基本语法、装饰器的概念、自定义组件以及UI描述的概念。掌握主要装饰器的用法、自定义组件和系统组件的区别，了解UI描述的应用场景。随着HarmonyOS的发展，ArkTS的生态也将逐渐丰富起来，包括更多的库、框架和工具链支持，保持持续学习的能力，推动ArkTS的普及和发展。认真学鸿蒙一起干大事《鸿蒙HarmonyOS应用开发基础教程》ArkTS—状态管理目录12状态管理的应用场景状态管理的概念状态管理的概念01状态管理的概念状态管理是指在应用程序中处理和管理数据的过程。它允许应用程序跟踪和控制数据的变化，并将这些变化同步到页面上，使页面和数据保持一致。运行时的状态变化所带来的UI重新渲染，在ArkUI中统称为状态管理机制。状态管理旨在提供一种机制，使得应用能够在用户交互、数据更新等情况下，维护状态的正确性和一致性。在ArkTS中，状态管理是通过装饰器来实现的。状态管理的概念在右边的示例中，用户与应用程序的交互触发了文本状态变更，状态变更引起了UI渲染，UI从“HelloWorld“变更为“HelloArkUI“。状态管理的概念应用级别的状态管理组件级别的状态管理状态管理的应用场景02状态管理的应用场景在此之前，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要用到状态管理。状态管理的应用场景游戏开发中的状态管理游戏进程控制通过状态管理，游戏开发者可以方便地控制游戏的整体进程，如关卡状态、任务状态等，从而实现游戏的流程控制和剧情发展。多人游戏同步在多人在线游戏中，状态管理对于保持所有玩家之间的状态同步至关重要，确保每个玩家看到的游戏世界是一致的。角色状态管理在游戏中，每个角色或实体都有多种状态，如生命值、魔法值、速度、位置等。状态管理可以确保这些状态的实时更新与同步，为游戏逻辑提供准确的数据支持。030201状态管理的应用场景复杂业务流程的状态跟踪流程控制与优化在复杂的业务流程中，状态管理可以实时跟踪各个环节的执行状态，帮助管理者了解整个流程的进展情况，及时发现并解决问题，实现流程的优化。数据整合与分析通过状态管理收集到的业务流程数据，企业可以进行深入的数据分析，挖掘潜在的业务价值，为决策提供有力支持。协同与沟通状态管理可以提供一个共享的、实时的信息平台，促进团队成员之间的协同与沟通，确保业务流程的顺利进行。状态管理的优势ArkTS状态管理能够快速响应状态变化，确保数据的实时性，满足对实时性要求高的应用场景。快速响应通过状态管理，可以避免不必要的重复计算和数据处理，提高系统的整体运行效率。减少冗余计算ArkTS状态管理通过合理的状态更新和同步机制，有效降低了系统负载，从而优化了整体性能。优化性能总结状态管理的概念。理解状态管理的概念并在合适的应用场景下去使用。状态管理的优势在于：提升系统可靠性、优化资源利用以及降低运维成本。认真学鸿蒙一起干大事《鸿蒙HarmonyOS应用开发基础教程》ArkTS—渲染控制目录12条件渲染渲染控制的概念3循环渲染渲染控制的概念01渲染控制的概念ArkUI通过自定义组件的build()函数和@builder装饰器中的声明式UI描述语句构建相应的UI。在声明式描述语句中开发者除了使用系统组件外，还可以使用渲染控制语句来辅助UI的构建，这些渲染控制语句包括控制组件是否显示的条件渲染语句，基于数组数据快速生成组件的循环渲染语句等。条件渲染02条件渲染定义条件渲染是指在特定的条件下，动态地决定是否渲染某个组件或元素。特点只有当满足特定条件时，才进行渲染操作。这有助于减少不必要的渲染，提高应用性能。使用规则支持if、else和elseif语句。030201条件渲染if(this.temperature<0){Text('气温太低，结冰了!')

.fontColor(Color.Red).fontSize(25)}truefalse应用场景用户权限控制根据用户的权限级别，动态显示或隐藏某些功能组件。例如，只有管理员才能看到的设置按钮或菜单项。在展示数据时，根据数据的不同类型或状态来动态切换显示的组件。例如，在展示用户信息时，根据用户的性别来显示不同的头像或背景色。在异步请求数据或执行耗时操作时，可以使用条件渲染来显示加载指示器或占位符，以提高用户体验。根据设备的屏幕尺寸或分辨率来动态调整布局和组件的显示方式。例如，在小屏幕上隐藏某些非核心功能或调整组件的布局方式。数据展示切换加载状态提示响应式设计01020304循环渲染03循环渲染定义循环渲染是指在UI开发中，通过循环遍历数据集合，动态生成并渲染多个相同类型的UI组件。实现步骤定义好需要循环渲染的UI组件模板；在模板中使用循环语句遍历数据集合；将数据绑定到UI组件上，实现动态渲染。支持接口支持ForEach、LazyForEach和Repeat接口。030201循环渲染ForEach(arr:Array,itemGenerator:(item:Object,index:number)=>void,keyGenerator?:(item:Object,index:number)=>string)arr：数据源，为Array类型的数组。itemGenerator：组件生成函数。keyGenerator：键值生成函数。应用场景动态表单在表单填写等场景中，需要根据用户选择动态生成表单项。通过循环渲染结合条件渲染，可以实现复杂的动态表单功能。列表渲染在电商、新闻等应用中，经常需要展示大量的列表数据。通过循环渲染，可以动态生成列表项，提高开发效率和性能。卡片式布局在社交、资讯等应用中，常常采用卡片式布局展示内容。利用循环渲染，可以轻松实现多个卡片的动态生成和布局。总结ArkTS的渲染控制：条件渲染、循环渲染。学会条件渲染的用法，渲染对应状态下的UI内容，掌握循环渲染中ForEach接口的调用方法。合理运用ArkTS的渲染控制，减少不必要的渲染，提高开发效率和性能。认真学鸿蒙一起干大事《鸿蒙HarmonyOS应用开发基础教程》鸿蒙应用开发之—ArkUI概念目录12两种开发范式ArkUI的概念ArkUI的概念01ArkUI的概念010203ArkUI（方舟开发框架）是HarmonyOS提供的一种全新UI开发框架。它支持使用JS/TS语言进行UI界面开发，并提供了丰富的UI组件和动画效果。ArkUI还具备数据绑定、事件处理、状态管理等核心功能，帮助开发者高效构建用户界面。ArkUI的概念ArkUI支持跨平台开发，一套代码可以同时运行在多种设备上，降低了开发成本。ArkUI提供了丰富的主题和样式系统，可以轻松实现界面风格的自定义。ArkUI采用了声明式编程模型，相较于传统UI框架的命令式编程，更加直观和易于维护。ArkUI的概念010203ArkUI倡导简洁高效的设计理念，通过减少冗余代码和简化开发流程来提高开发效率。提供了丰富的组件和API，帮助开发者快速构建出美观且功能强大的用户界面。ArkUI还支持组件化开发，便于代码的复用和维护，进一步提高了开发效率。两种开发范式02两种开发范式声明式开发范式基于ArkTS的声明式开发范式，采用基于TypeScript声明式UI语法扩展而来的ArkTS语言，从组件、动画和状态管理三个维度提供UI绘制能力。01两种开发范式类Web开发范式采用经典的HTML、CSS、JavaScript三段式开发方式。该范式更符合于Web前端开发者的使用习惯，便于快速将已有的Web应用改造成方舟UI框架应用。02两种开发范式总结ArkUI框架的基本概念和两种开发范式。了解方舟UI框架，熟悉两种开发范式。随着HarmonyOS的不断发展，ArkUI将进一步强化跨设备统一体验，定期访问HarmonyOS官方网站，获取最新技术资讯和开发文档。也期待ArkUI能够融合更多创新技术，如AI、VR等，为开发者提供更丰富、更前言的开发工具和平台，推动应用创新。认真学鸿蒙一起干大事《鸿蒙HarmonyOS应用开发基础教程》鸿蒙应用开发之—调试技术目录12断点调试引言3日志调试引言01引言通过调试可以发现并修复软件中的错误和缺陷，从而提高软件的稳定性和可靠性。提高软件质量减少软件运行中的错误和崩溃，使用户能够更顺畅地使用。提升用户体验调试是软件开发过程中不可或缺的一环，它有助于开发人员理解代码的执行流程和性能瓶颈。辅助开发过程断点调试02断点调试在所要调试代码的最前面单击一下即可，再次单击即可取消断点设置。设置断点单击调试按钮启动调试。启动调试0102断点调试图标含义ResumeProgram当程序执行到断点时停止执行，单击此按钮程序继续执行。StepOver在单步调试时，直接前进到下一行。StepInto在单步调试时，遇到子函数后，进入子函数并继续单步执行。ForceStepInto在单步调试时，强制进入方法。StepOut在单步调试执行到子函数内时，单击StepOut会执行完子函数剩余部分，并跳出返回到上一层函数。Stop停止调试任务。RunToCursor断点执行到鼠标停留处。断点调试的适用场景排查问题当程序出现错误或异常时，通过断点调试可以定位问题所在，分析错误原因。功能验证在开发新功能或修改现有功能时，通过断点调试可以验证功能是否按预期工作。代码逻辑复杂当代码逻辑较为复杂时，通过断点调试可以逐步跟踪程序执行流程，帮助理解代码逻辑。日志调试03日志调试DevEcoStudio的日志级别包括DEBUG、INFO、WARN、ERROR和FATAL五种级别，分别对应不同详细程度的日志信息。日志级别通常可以在配置文件或代码中设置日志级别，以控制输出的日志详细程度。设置方法日志调试是指在代码中插入日志语句，记录程序运行时的关键信息，以便后续分析和排查问题。概念日志调试接口名功能描述debug()输出DEBUG级别的日志。DEBUG级别日志表示仅用于应用/服务调试。可以在DevEcoStudio的terminal窗口或cmd里，通过命令“hdcshellhilogcat”设置可打印日志的等级为DEBUG。info()输出INFO级别的日志。