HarmonyOS第一课(基础课程)学习二
【摘要】 ArkTS:鸿蒙官方主力开发语言,基于TypeScript扩展,强化静态类型检查、声明式UI描述及状态管理能力,负责业务逻辑实现与数据处理(如网络请求、设备交互)。 ArkUI:基于ArkTS构建的声明式UI框架,提供组件化布局、响应式状态绑定(如@State/@Prop)及渲染优化,专注界面构建与交互逻辑。类比:ArkTS ≈ TypeScript(提供语言基础)ArkUI ≈ Reac...
ArkTS:鸿蒙官方主力开发语言,基于TypeScript扩展,强化静态类型检查、声明式UI描述及状态管理能力,负责业务逻辑实现与数据处理(如网络请求、设备交互)。 ArkUI:基于ArkTS构建的声明式UI框架,提供组件化布局、响应式状态绑定(如@State/@Prop)及渲染优化,专注界面构建与交互逻辑。
类比:
- ArkTS ≈ TypeScript(提供语言基础)
- ArkUI ≈ React/Vue(扩展UI开发范式)
ArkTS的扩展语法(如装饰器、类型系统)直接赋能ArkUI:
@Entry // ArkTS装饰器定义入口组件
struct Index {
@State count: number = 0 // ArkTS状态管理装饰器
build() {
Column() { // ArkUI布局组件
Text(`Count: ${this.count}`)
.onClick(() => { this.count++ }) // ArkUI事件绑定
}
}
}
@State:ArkTS的装饰器,声明状态变量。Column()/Text():ArkUI的内置组件,通过链式调用构建UI。 当count变化时,ArkUI自动触发UI更新,无需手动操作DOM。
ArkUI通过领域特定语法(DSL) 扩展ArkTS的UI描述能力,例如:
- 条件渲染:
if-else - 循环渲染:
ForEach - 动态样式绑定:
style({ opacity: this.isVisible ? 1 : 0 })
| 技术 | 贡献方向 | 对开发的影响 |
|---|---|---|
| ArkTS | 强类型检查 + AOT编译 | 减少运行时崩溃,提升执行效率 |
| ArkUI | 轻量级渲染引擎 + 函数式更新 | 优化布局计算,降低内存占用 |
二者结合实现编译期错误拦截 + 运行时高效渲染,保障复杂界面的流畅性。
Navigation 组件其分栏模式(Split 模式)专为宽屏设备(如平板、折叠屏展开态)设计,通过左右分栏布局优化用户体验,实现一次开发多端部署的能力。左侧导航栏:常驻导航菜单(通过 NavBar 实现)右侧内容区:动态显示子页面(NavDestination)
价值:空间高效利用:适配平板/折叠屏大屏幕特性 操作连贯性:导航选择与内容浏览并行 跨端一致性:同一套代码自动适配不同屏幕尺寸 它是鸿蒙面向全场景设备的 原生创新特性,其分布式基因和自适应能力显著区别于其他系统的手动响应式方案,是鸿蒙构建“超级终端”体验的关键组件之一。
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)