（2.1）HarmonyOS鸿蒙Ability创建，XML和Java页面布局UI

已于 2023-04-24 22:53:53 修改
阅读量865 收藏 10
点赞数 4
分类专栏： HarmonyOS鸿蒙 文章标签： harmonyos 鸿蒙 Ability
于 2021-08-09 13:47:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46653805/article/details/119535732
版权

鸿蒙UI中，提供了两种编写布局的方式：
①在XML中声明UI布局
②在Ability代码中直接通过Java创建布局

这两种方式创建出的布局没有本质差别，但是XML方式较为方便简单。

在XML文件中布局

在这里插入图片描述
与HTML+CSS的前端布局类似，通过使用不同类型的标签进行布局，而样式也通过属性来设置。具体的标签属性等可以在开发中慢慢熟悉。

在这里插入图片描述

创建Ability

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在Ability代码中直接通过Java创建布局
(这里我们在新创建的这个SecondAbility中进行布局)

在这里插入图片描述

叶绿体不忘呼吸
关注
专栏目录
HarmonyOS鸿蒙基于Java开发: Java UI 常用布局 DependentLayout
sybh的博客
01-14 874
DependentLayout是Java UI框架里的一种常见布局。与DirectionalLayout相比，拥有更多的排布方式，每个组件可以指定相对于其他同级元素的位置，或者指定相对于父组件的位置。DependentLayout示意图。
【Harmony OS】【JAVA UI】鸿蒙怎么实现无限轮播功能
华为开发者联盟
07-15 1078
Harmony OS
【模块-Java布局】十分钟挑战鸿蒙Codelab组件
liuzhen007的专栏
04-25 2250
前言 华为鸿蒙系统作为国产移动端手机系统的希望（不限于移动端），本人虽然不能参与其研发，但还是想出一份力，推广一波儿的。 正文 鸿蒙系统推出那么久，很多功能也在不断完善过程中。 系统平台肯定会为大家准备很多的轮子，今天我们就来看看一个轮子——Codelab组件。 一切的前提：注册鸿蒙开发者帐号 这是很多人都会忽略的地方，特别是习惯安卓开发的同学。 这一步，是我没有想到的，我原本以为鸿蒙系统开发者会和安卓一样，非常方便的进行移动端开发工作。实际上并非如此，鸿蒙开发团队选择和苹果一样的策略，需要先
HarmonyOS（鸿蒙）——模仿抖音点赞和取消点赞
Java框架、并发编程、分布式、微服务、Redis、HarmonyOS、中间件等技术
08-20 2223
本文已收录于专栏 ❤️《鸿蒙开发》❤️ 欢迎各位关注、三连博主的文章及专栏，每周定期更新1-5篇基础文章，共勉！ 目录 一、需求： 二、实现步骤： 2.1 ability_main.xml文件中创建页面布局 2.2 注册控件的监听事件 一、需求： 本文的需求是模仿抖音的点赞和取消点赞；主要有两个部分，点赞和取消点赞。点赞有两种方式： 单击为点赞的小爱心 双击屏幕，如果未点赞则为点赞 取消点赞有一种方式： 单击已点赞的小爱心 上述点赞和未点赞的状态是根据小爱心的颜色来区分的，未点赞为白
掌握鸿蒙开发，告别前端、Java 的就业寒冬
最新发布
qq_35254085的博客
08-16 193
在信息技术行业，技术的发展如同四季更迭，既有春暖花开的繁荣时期，也有寒风凛冽的技术寒冬。在这个充满挑战的时代，让我们携手共进，用技术创新的力量，破冰前行，迎接更加灿烂的明天。学习鸿蒙开发不仅仅是学会一种新的编程语言或框架那么简单，更重要的是能够接触到物联网、分布式技术等前沿领域，这对于提升个人的技术视野有着不可估量的价值。随着鸿蒙系统的普及，市场上对于鸿蒙应用的需求也在不断增长。- 华为正致力于构建一个开放且充满活力的开发者社区，通过提供丰富的API接口、开发工具以及文档资料，大大降低了开发门槛。
【HarmonyOS】【JAVA UI】鸿蒙怎么对图片编码为base64和base64解码为PixelMap，并显示在控件上
华为开发者联盟
07-05 1315
鸿蒙怎么对图片编码为base64和base64解码为PixelMap，并显示在控件上
鸿蒙APP开发入门到进阶 | 页面布局！6大布局之 线性布局(DirectionalLayout)！
06-15 1608
大家好，我是 码工，一个有十年工作经验的码农，一心追求技术。 说起来鸿蒙的页面布局，做过Android的估计会比较好理解，鸿蒙的布局和Android很类似，类似只是文件格式，里面的组件和属性是不一样的。 就和小程序和Vue一样，做过一个会对另一个好上手。 在这里说一下 学习鸿蒙开发 很轻松，目前也是一个很好的机遇。 讲鸿蒙的6大页面布局之前，我们先说一下鸿蒙的组件分类。 1,根据组件的功能，可以将组件分为布局类、显示类、交互类三类： 组件类别 ...
鸿蒙应用开发-学习-第一章-页面布局
weixin_50991227的博客
01-13 1485
Tips：这个只是作者的学习笔记，仅作参考。
【鸿蒙 HarmonyOS】UI 布局 ( 相对布局 DependentLayout )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
12-25 2497
一、相对布局 DependentLayout 常用属性、 二、相对布局 DependentLayout 示例
鸿蒙开发-UI-布局-网格
中年程序员
01-24 1624
上文学习了List布局容器的基本概念，了解List布局容器的相关约束，详细学习了List容器组件数据展示（包括迭代展示）、列表样式定义（分割线）、数据分组展示等相关常见使用场景的应用方法，本文将学习网格布局容器相关知识。本文详细学习了网格布局相关概念，以及网格布局的相关约束，详细学习了网格布局排列方式以及网格行列间距的设置，了解了网格布局常用的使用场景以及性能优化。下文将学习轮播布局。
【Harmony OS】【JAVA UI】webView动画加载资源加载动画交互
华为开发者联盟
07-15 702
ebView动画加载资源加载动画交互
HarmonyOS笔记
Spring伦儿的博客
10-02 647
一、开发环境的搭建 1.1 开发鸿蒙适合的语言 Java：适合手机应用的开发 C/C++：适合硬件的开发 JavaScript：适合卡片的开发 仓颉（即将推出） Java/JS卡片场景能力差异如下表所示： 场景 Java卡片 JS卡片 支持的版本 实时刷新（类似时钟） Java使用ComponentProvider做实时刷新代价比较大 JS可以做到端侧刷新，但是需要定制化组件 HarmonyOS 2.0及以上 开发方式 Java UI在卡片提供方需要同时对数据和组件进行处理，生成Co
鸿蒙开发-UI-布局-列表
中年程序员
01-23 1889
上文详细学习常见布局方式-栅格布局，学习栅格布局中列数控制，子组件的排列方向已经间距控制，也学习了栅格容器子组件占用列数以及偏移和顺序的定义方式。本文将学习List布局1.设置内容间距在初始化列表时，如需在列表项之间添加间距，可以使用space参数。如下代码所示，在每个列表项之间沿主轴方向添加10vp的间距...2.添加分割线List提供了divider属性用于给列表项之间添加分隔线。在设置divider属性时，可以通过strokeWidth和color属性设置分隔线的粗细和颜色。
2024年HarmonyOS鸿蒙最全软考高级之信息系统案例分析七重奏-《3》(1)，腾讯面试gm
2401_84853495的博客
05-08 404
5、配置审计；6、发布管理和交付。
2.2【HarmonyOS鸿蒙开发UI布局】布局DirectionLayout
hanru723的博客
06-17 1292
作者：韩茹 公司：程序咖（北京）科技有限公司 鸿蒙巴士专栏作家 DirectionalLayout是Java UI中的一种重要组件布局，用于将一组组件(Component)按照水平或者垂直方向排布，能够方便地对齐布局内的组件。该布局和其他布局的组合，可以实现更加丰富的布局方式。 DirectionalLayout示意图 一、支持的XML属性 DirectionalLayout的共有XML属性继承自：Component 属性名称 中文描述 取值 取值说明 使用案例 id 控件ident.
【鸿蒙（HarmonyOS）】ArkUI构建布局（线性布局Row/Column、层叠布局Stack、弹性布局Flex、相对布局RelativeContainer）
守夜人
09-15 3934
描述：构建布局是UI界面开发的基础，如何使界面看起来优雅简洁？编辑程序时不迷路？都离不开一个好的布局思路和习惯。 难度：简单 任务： 1、认识线性布局Row/Column、层叠布局Stack、弹性布局Flex、相对布局RelativeContainer。 2、拿生活中的一些发布的软件进行练手。
HarmonyOS鸿蒙开发常用4种布局详细说明
qq_36255346的博客
03-17 3393
HarmonyOS鸿蒙开发常用4种布局详细说明1、线性布局2、层叠布局3、网格布局4、列表布局。
鸿蒙开发（六）布局概述
zhaojun的博客
03-01 1320
迄今为止，我还没有正式提到布局的概念。但其实我之前的demo里面，已经默认使用到了一种布局，那就是线性布局（Row、Column），这也是DevEco创建项目默认页面里面默认采用的布局。那么本篇，带着大家一起学习下鸿蒙开发的布局，该篇仅仅是概述，更多的是说理论，后面会有专门的文章去进行布局开发实战。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叶绿体不忘呼吸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值