鸿蒙UI中，提供了两种编写布局的方式：
①在XML中声明UI布局
②在Ability代码中直接通过Java创建布局
这两种方式创建出的布局没有本质差别，但是XML方式较为方便简单。
在XML文件中布局
与HTML+CSS的前端布局类似，通过使用不同类型的标签进行布局，而样式也通过属性来设置。具体的标签属性等可以在开发中慢慢熟悉。
创建Ability
在Ability代码中直接通过Java创建布局
(这里我们在新创建的这个SecondAbility中进行布局)
（2.1）HarmonyOS鸿蒙Ability创建，XML和Java页面布局UI
2022-12-10
320
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
（2.1）HarmonyOS鸿蒙Ability创建，XML和Java页面布局UI
相关文章
|
4月前
|
传感器
人工智能
物联网
HarmonyOS NEXT～鸿蒙操作系统功耗优化特性深度解析
本文深入解析了华为鸿蒙（HarmonyOS）操作系统的功耗优化特性，涵盖低功耗设计原理、核心技术及实际应用效果。通过与Android对比，展现其在待机功耗、CPU调度效率和内存占用上的优势。文章重点阐述分布式任务调度、微内核架构及智能感知技术，并针对智能穿戴、物联网和智能手机等场景优化进行分析，同时为开发者提供优化建议。未来，鸿蒙将探索AI预测性管理等新技术，进一步提升能效表现。
437
30
30
|
4月前
|
开发框架
前端开发
JavaScript
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发一
本文介绍了方舟开发框架（ArkUI）及其两种开发范式：基于ArkTS的声明式开发范式和类Web开发范式。ArkUI是用于构建HarmonyOS应用界面的UI框架，提供极简UI语法和基础设施。声明式开发范式使用ArkTS语言，以组件、动画和状态管理为核心，适合复杂团队协作；类Web开发范式采用HML、CSS、JavaScript三段式开发，适用于简单界面应用，贴近Web开发者习惯。文中还概述了两者的架构和基础能力，帮助开发者选择合适的范式进行高效开发。
144
15
15
|
4月前
|
编解码
前端开发
Java
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发三
本文介绍了基于声明式UI范式的图形绘制与动画效果实现方法，涵盖绘制图形、添加动画效果及常见组件说明三部分内容。在绘制图形部分，详细讲解了如何通过Circle组件为食物成分表添加圆形标签，以及使用Path组件结合SVG命令绘制自定义图形（如应用Logo）。动画效果部分则展示了如何利用animateTo实现闪屏动画，包括渐出、放大效果，并设置页面跳转；同时介绍了页面间共享元素转场动画的实现方式。最后，文章列举了声明式开发范式中的各类组件及其功能，帮助开发者快速上手构建复杂交互页面。
132
11
11
|
3月前
|
JavaScript
前端开发
UED
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发四
本文介绍了Web组件开发与性能优化的相关内容。在Web组件开发部分，涵盖创建组件、设置样式与属性、添加事件和方法以及场景示例，如动态播放视频。性能提升方面，推荐使用数据懒加载、条件渲染替代显隐控制、Column/Row替代Flex、设置List组件宽高及调整cachedCount减少滑动白块等方法，以优化应用性能与用户体验。
168
56
56
|
3月前
|
编解码
UED
开发者
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发之常见布局
本文主要介绍了自适应布局与响应式布局的相关内容。自适应布局部分涵盖线性布局、层叠布局、弹性布局和网格布局，详细说明了各布局的特性及使用方法，例如线性布局中的排列、拉伸与缩放，弹性布局的方向、换行与对齐方式等。响应式布局则重点讲解了栅格系统和媒体查询，阐述如何通过栅格组件和媒体查询条件实现不同设备上的适配效果。这些技术帮助开发者灵活应对多尺寸屏幕的设计需求，提升用户体验。
194
55
55
|
4月前
|
JavaScript
Java
开发工具
零基础用 DevEco Studio 打造你的首个 HarmonyOS 应用，开启鸿蒙生态的创新之旅，实现你的技术探索梦想
在鸿蒙生态蓬勃发展的当下，越来越多的开发者怀揣着热情与创意，渴望投身于HarmonyOS应用开发的浪潮之中。
303
13
13
|
3月前
|
传感器
移动开发
API
【HarmonyOS 5】鸿蒙中的UIAbility详解（一）
HarmonyOS 5 中的 UIAbility 是应用框架的核心组件，负责管理用户界面生命周期和上下文信息。它类似于 Android 的 Activity 或 iOS 的 UIViewController，主要用于与用户交互。本文详细解析了 UIAbility 的基本概念、启动页面设置、上下文获取、生命周期管理及常用操作（如终止实例、跨 Ability 信息传递）。
430
9
9
|
4月前
|
存储
开发框架
API
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发二
本文详细介绍了基于声明式UI开发的健康饮食应用的设计与实现过程。内容涵盖从基础环境搭建到复杂功能实现的全流程，包括创建简单视图、构建布局（如Stack、Flex）、数据模型设计、列表与网格布局构建，以及页面跳转和数据传递等核心功能。
本文通过实际案例深入浅出地解析了声明式UI开发的关键技术和最佳实践，为开发者提供了宝贵的参考。
143
14
14
|
4月前
|
人工智能
自然语言处理
开发工具
HarmonyOS NEXT～鸿蒙开发能力：HarmonyOS SDK AI 全解析
本文深入解析HarmonyOS SDK中的AI功能集，涵盖分布式AI引擎、核心组件（NLP、计算机视觉等）及智能决策能力。通过代码示例与开发实践指南，帮助开发者掌握环境配置、性能调优及多场景应用（智能家居、移动办公等）。同时探讨性能优化策略与未来演进方向，助力构建高效分布式智能应用。
262
9
9
|
4月前
|
人工智能
运维
监控
HarmonyOS NEXT～鸿蒙系统运维：全面解析与最佳实践
本书《HarmonyOS NEXT～鸿蒙系统运维：全面解析与最佳实践》深入探讨了鸿蒙系统的运维管理。从架构特点到实际操作，涵盖分布式能力、性能优化、安全维护及故障排查。内容包括设备管理、系统监控、安全管理等核心任务，提供常见问题解决方案与工具推荐。面对未来超级终端和AI赋能的挑战，运维人员需不断学习，以充分发挥鸿蒙的分布式优势，为用户带来流畅体验。
200
8
8
热门文章
最新文章
1
鸿蒙NEXT即时通讯/IM系统RinbowTalk v2.4版发布，基于MobileIMSDK框架、ArkTS编写
2
2025 年 Java 全栈从环境搭建到项目上线实操全流程指南：Java 全栈最新实操指南（2025 版）
3
Java浮点类型详解：使用与区别
4
2025 Java 零基础到实战最新技术实操全攻略与学习指南
5
Java中的Lambda表达式：简化代码的利器
6
Java Stream API：现代数据处理之道
7
Java中的Switch表达式：更简洁的多路分支
8
Java中的Lambda表达式：简洁与功能的结合
9
2025 年最新 Java 学习路线图含实操指南助你高效入门 Java 编程掌握核心技能
10
Java 项目实战从入门到精通 ：Java Web 在线商城项目开发指南
1
综合案例【商品管理系统-Java基础版】（附完整源码）
456
2
Java常见异常及对应解决办法
165
3
19 Java8概述（Java8概述+lambda表达式+函数式接口+方法引用+Stream+新时间API）
126
4
18 Java反射reflect（类加载+获取类对象+通用操作+设计模式+枚举+注解）
275
5
17 Java多线程（线程创建+线程状态+线程安全+死锁+线程池+Lock接口+线程安全集合）（下）
164
6
17 Java多线程（线程创建+线程状态+线程安全+死锁+线程池+Lock接口+线程安全集合）（中）
169
7
17 Java多线程（线程创建+线程状态+线程安全+死锁+线程池+Lock接口+线程安全集合）（上）
154
8
16 Java网络编程（计算机网络+网络模型OSI/TCP/IP+通信协议等）
188
9
15 Java IO流（File类+IO流+字节流+字符流+字节编码）
120
10
13 Java异常（异常过程解析、throw、throws、try-catch关键字）
276