HarmonyOS入门手册(二):UI组件

首页 > 综合 > 正文
2021-06-02

发表自话题:HarmonyOS 2

什么是UI组件?

在注册QQ号时,可以发现界面上有许多"元素"(图1-1),这些"元素"我们就称之为UI组件一个界面包含了多个UI组件,我们可以通过各种组件的组合得到想要的效果
图1-1

组件分类

XML创建布局

概述

在HarmonyOS开发过程中,我们有两种方式进行UI组件的布局,即Java布局、XML布局,这两种布局方式没有本质上的差别。我们最常使用的是XML文件布局,即通过XML文件存储页面的布局信息不同的Component具有不同的属性,系统会自动忽略不属于Component自己的属性具有继承关系的组件子类将继承父类的属性列表

ID

每个组件都应该设置一个ID,用以区分其它组件

如果布局中不同的组件设置了相同的ID,在通过ID查找组件时会返回查找到的第一个组件

示例:

布局参数

与代码中设置组件的宽度和高度类似,在XML中它们的取值可以是:

具体的数值:10(以像素为单位)、10vp(以屏幕相对像素为单位)match_parent:表示组件大小将扩展为父组件允许的最大值,它将占据父组件方向上的剩余大小match_content:表示组件大小与它的内容占据的大小范围相适应

组件方向上的剩余大小

match_content:表示组件大小与它的内容占据的大小范围相适应

标签组:[xml语言

上一篇HarmonyOS之DevEco2中真实手机调试应用

下一篇抢先学鸿蒙(HarmonyOS)2.0,你就是下一个大咖! | 易学教程

相关阅读

热门阅读