Harmony学习1:ArkUI框架,更懂程序员的信息语法

news/2024/10/15 7:55:34

一、在ArkU命令式框架内部,有两个重要的角色:代理和拦截器。

代理:将目标数据进行代理,并为目标数据绑定到拦截器上。

拦截器:监听目标数据的变化,当数据更新时,拦截器就会重写数据的set方法,同时自动更新数据对应的前端页面。无需程序员手动命令更新。

二、开发一次代码,在多个设备上适配。当设备尺寸变宽时,可以通过原子布局的均分能力去实现页面布局的一致性。也可以通过栅格布局,去解决多尺寸多设备的动态布局问题。

原子布局能力包含:

1.均分能力、2.拆行能力、3.拉伸能力、4.缩放能力、5.延伸能力、6.占比能力、7.隐藏能力

 三、自适应问题解决了。针对设备独有的特性,比如平板适配左侧导航栏,实现方法:媒体查询,判断设备类型,设计出相匹配的布局样式。同时还可以监听屏幕尺寸的变化。

orientation属性:判断屏幕横竖状态来动态适配。还支持判断分屏状态、折叠屏展开状态等。

/*平板&横屏*/
@media screen and (device-type: tablet) and (orientation: landscape) {.music_container {flex-direction: row;}.music_image {width: 50%;height: 100%;}.Lyrics_title {font-size: 40vp;}.items_title {font-size: 25vp;}.music_Lyrics {width: 50%;height: 100%;}
}

三、多态组件:1.容器类、2.展示类、3.导航类、4.操作类

开发者在使用多态组件时,无需考虑设备差异,只需关注功能实现即可。

1.容器类

 

2.展示类

 

3.导航类

 

4.操作类

 

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

4G模组PSM+超低功耗,手把手教你!

​合宙4G-Cat.1模组支持三种功耗模式:常规模式低功耗模式PSM+模式用户可以根据不同的应用场景,按需选择不同的合宙4G-Cat.1模组功耗模式,以及三种功耗模式之间的相互转换。 合宙4G-Cat.1模组优异的低功耗表现,既有来自硬件设计的加持,也有软件协议算法的帮助。除实验室数据…

Air780E篇:采集温湿度传感器数据,并网页查看

​ 今天我们学习合宙低功耗4G模组Air780E篇:采集温湿度传感器数据并实现网页查看,以下进入正文。 一、硬件装备 1.1 硬件连接 使用跳线帽将IO_SEL连接3.3V,给引脚供3.3V的电。dht11模块的out引脚连接780E开发板的一个引脚,具体哪个可以自己更改,这个demo中使用的是7号引脚…

干货分享:Air780E怎么连接华为云?

​ 众所周知,市面上有很多云平台,阿里云、腾讯云、中移OneNET、华为云、百度云、涂鸦云、TLink云等等......并且每家云平台都有自己的协议,工程师要移植不同的SDK代码或基于各家的手册文档对接不同的协议,看着都头大!!! 为解决繁琐的云平台开发困扰,合宙IoT_CLOUD应运而…

10.15

A.旋转吧 由于保证数据随机,所以枚举因数求就行,跑得很快。 B.雪 几天前的 A C.月 每遍历一个点都会使它的最短路数组减 1,用线段树优化枚举出点更新最短路的过程,看起来非常不可过,但这就是正解。花 \(\text{2-SAT}\) 计数膜拜,人类智慧暴力+随机化。 没改,但题解说复杂…

TestFlight下载App,加载图片失效。Xcode安装App,图片加载正常。

热烈欢迎,请直接点击!!! 进入博主App Store主页,下载使用各个作品!!! 注:博主将坚持每月上线一个新app!! 图片在Assets.xcassets中,UIImage *image = [UIImage imageNamed:@"图片名称"];[[UIImageView alloc] initWithImage:image];UIImageView *test = …

读数据工程之道:设计和构建健壮的数据系统09示例和类型

示例和类型1. 数据架构不是凭空设计的 1.1. 数据架构是一门抽象学科,所以它有助于通过示例进行推理 2. 数据仓库 2.1. 一个面向主题的、集成的、非易失性和时变的数据集合,以支持管理决策 2.2. 数据仓库是用于报告和分析的中央数据中心2.2.1. 数据仓库中的数据通常针对分析用…

快速搭建hadoop,zk,hbase的基础集群

1. ZK集群,Hadoop集群,Hbase集群安装Linux121 Linux122 Linux123Hadoop ✔ ✔ ✔MySQL✔ZK ✔ ✔ ✔HBASE ✔ ✔ ✔1.1 安装Vmware,安装虚拟机集群 1.1.1 安装 (VMware-workstation-full-15.5.5-16285975) 许可证: UY758-0RXEQ-M81WP-8ZM7Z-Y3HDA 1.1.2 安装 centos7123…

ShowMeAI-人工智能工具笔记-三-

ShowMeAI 人工智能工具笔记(三) Excel中级教程!(持续更新中) - P39:40)使用监视窗口 - ShowMeAI - BV1uL411s7bt在本教程中,我们将看看如何在Excel中设置监视窗口。你将看到它是如何工作的,以及它在你的Excel电子表格中有多么有用。所以这里我有一个简单的电子表格,包含…