一起学习HarmonyOS应用开发——基础篇(4)

前言,上一篇说了应用工程的目录结构,今天不讲ArkTS语言(HarmonyOS优先的主力应用开发语言)的语法,先说一下组件的事情。比如基础组件、容器组件、媒体组件、绘制组件、画布组件。今天就简单的学习一下常用的组件怎么玩。

1、第一个容器控件就是Row:沿水平方向布局容器,图片如下:

可以用space设置子元素的横向间距,图片如下:

还可以设置它里面子组件的水平方向、垂直方向。justifyContent属性用来设置子组件的水平方向:参数值分别为FlexAlign.Start表示左边、FlexAlign.Center表示中间、FlexAlign.End表示右边。alignItems属性用来设置子组件的垂直方向:参数值分别为VerticalAlign.Bottom表示底部、VerticalAlign.Center表示中间、VerticalAlign.Top表示顶部。图片如下:

2、第二个容器控件就是Column:沿垂直方向布局容器。图片如下:

同样可以用space设置子元素的垂直方向间距,图片如下:

还可以设置它里面子组件的水平方向、垂直方向。alignItems属性用来设置子组件的水平方向:参数值分别为HorizontalAlign.Start表示左边、HorizontalAlign.Center表示中间、HorizontalAlign.End表示右边。justifyContent属性用来设置子组件的垂直方向:参数值分别为FlexAlign.Start表示底部、FlexAlign.Center表示中间、FlexAlign.End表示顶部。(这样看来这个Column容器组件和Row容器组件的属性值正好相反)图片如下:

3、第三个容器控件就是RelativeContainer:相对布局组件。子组件Text通过在alignRules属性中设置参数来定位。其中水平方向有left靠左、middle水平居中、right靠右;垂直方向有top靠顶部、center垂直居中、bottom靠底部。注意:id属性必须存在,否则该子控件不显示。图片如下

可以将里面的__container__换成其他组件元素id名字,这样更加方便定位。图片如下

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/601585.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【SpringCloud】Nacos 配置管理

目 录 一.统一配置管理1. 在 nacos 中添加配置文件2. 从微服务拉取配置 二.配置热更新1. 方式一2. 方式二 三.配置共享1. 添加一个环境共享配置2. 在 user-service 中读取共享配置3. 运行两个 UserApplication,使用不同的 profile4. 配置共享的优先级5. 多服务共享配…

提高网站安全性,漏洞扫描能带来什么帮助

随着互联网的蓬勃发展,网站已经成为人们获取信息、交流思想、开展业务的重要平台。然而,与之伴随的是日益严重的网络安全问题,包括恶意攻击、数据泄露、隐私侵犯等。 为了保障网站的安全性,提前做好网站的安全检测非常有必要&…

C语言程序与设计——工程项目开发

之前我们已经了解了C语言的基础知识部分,掌握这些之后,基本就可以开发一些小程序了。在开发时,就会出现合作的情况,C语言是如何协作开发的呢,将在这一篇文章进行演示。 工程项目开发 在开发过程中,你接到…

K8s学习十(高级调度)

高级调度 CronJob计划任务 在 k8s 中周期性运行计划任务,与 linux 中的 crontab 相同注意点:CronJob 执行的时间是 controller-manager 的时间,所以一定要确保 controller-manager 时间是准确的cron表达式如下: 配置如下&#x…

为什么企业推广需要品牌故事?媒介盒子分享

从时代来看,我们正处“信息超载的商业时代”,品牌传播面临着“产品同质化”和“信息超载化”的困境。近日小米SU7的出圈除了汽车本身的话题度外,离不开小米的品牌故事、创始人雷军的话题等等。今天媒介盒子就来和大家聊聊:为什么企…

医院智慧手术麻醉系统管理源码 C# .net有演示

医院智慧手术麻醉系统管理源码 C# .net有演示 手术麻醉管理系统(DORIS)是应用于医院手术室、麻醉科室的计算机软件系统。该系统针对整个围术期,对病人进行全程跟踪与信息管理,自动集成病人HIS、LIS、RIS、PACS信息,采集监护等设备数据&#x…

LowCodeEngine基础教程

一、技术介绍 1、应用场景 LowCodeEngine支持一下四种通用场景:中后台页面、移动端页面、流程、可视化报表。 2、低代码的特点 3、低代码在阿里巴巴实践 4、开发痛点 中后台页面中,对于页面的视觉冲击、视觉炫酷要求并不是很敏感,更多的是…

Java | Leetcode Java题解之第13题罗马数字转整数

题目&#xff1a; 题解&#xff1a; class Solution {Map<Character, Integer> symbolValues new HashMap<Character, Integer>() {{put(I, 1);put(V, 5);put(X, 10);put(L, 50);put(C, 100);put(D, 500);put(M, 1000);}};public int romanToInt(String s) {int …

vue前端项目到后端执行逻辑——自己改的话要怎么改

文章目录 vue前端项目到后端流程——自己改的话要怎么改 vue前端项目到后端流程——自己改的话要怎么改

下一代分层存储方案:CXL SSD

近日&#xff0c;在Memcon 2024大会上&#xff0c;三星推出了一款名为CXL Memory Module-Hybrid for Tiered Memory&#xff08;CMM-H TM&#xff09;&#xff0c;这款扩展卡配备了高速DRAM和NAND闪存&#xff0c;允许CPU和加速器远程访问额外的RAM和闪存资源。 那么&#xff0…

IVS模型解释

核心思路 【Implied volatility surface predictability: The case of commodity markets】 半参数化模型&#xff1a;利用各种参数(或者因子)对隐含波动率进行降维&#xff08;静态参数化因子模型&#xff09;&#xff0c;对参数化因子的时间序列进行间接的建模 基于非对称…

C++练级之路——类和对象(上)

1、类的定义 class 类名{//成员函数 //成员变量}; class为定义的关键字&#xff0c;{ }内是类的主体&#xff0c;注意后面的 ; 不要忘了 类体中的内容成为类的成员&#xff0c;类中的变量为成员变量或类的属性&#xff0c;类中的函数为成员函数或类的方法&#xff0c; 类的两种…