harmony Next 基础知识点1

容器类—Column和Row

布局容器概念

Column表示沿垂直方向布局的容器
Row表示沿水平方向布局的容器

对齐方式

justifyContent:设置子元素在主轴方向的对齐格式
alignItems:设置子元素在交叉轴方向的对齐格式

主轴和交叉轴的概念

主轴:在Column容器中的子组件是按照从上到下的垂直方向布局的,其主轴的方向是垂直方向;在Row容器中的组件是按照从左到右的水平方向布局的,其主轴的方向是水平方向。
交叉轴:与主轴垂直相交的轴线,如果主轴是垂直方向,则交叉轴就是水平方向;如果主轴是水平方向,则交叉轴是垂直方向。

路由跳转

页面路由:是指在应用程序中实现不同页面之间的跳转和数据传递。
Router有两种页面跳转模式:
①router.pushUrl( ):目标页不会替换当前页,而是压入页面栈中,因此可以用router,back( )返回当前页。
②router.replaceUrl( ):目标页替换当前页,当前页会被销毁并释放资源,无法返回当前页。
此外Router有两种页面实例模式:
①Standard:标准实例模式,每次跳转都会新建一个目标页并压入栈顶。默认就是这种模式
②Single:单实例模式,如果目标页已经在栈中,则离栈顶最近的同UrT页面会被移动到栈顶并重新加载。
注意:页面栈的最大容量上限为32个页面,使用router.clear( )方法可以清空页面栈,释放内存。

通过调用router.getParams()方法获取页面传递过来的自定义参数

装饰器

装饰器:用来装饰类、结构体、方法以及变量,赋予其特殊的含义,如 @Entry 、@Component 、 等这个状态变化会引起 UI 变更。
ArkTS装饰器分为三大类:组件定义装饰器、动态构建装饰器、状态管理装饰器。

组件定义装饰器

@Entry装饰的自定义组件用作页面的默认入口组件,加载页面时,将首先创建并呈现
作为一个入口组件,先载入@Entry,再载入其他组件。只有被@Entry和@Preview修饰的组件才能用预览器进行预览展示。 @Entry 和 @Component 是ArkUI中的装饰器,用于定义组件的入口和组件本身。@Entry 表示这个组件是应用的入口组件,@Component 表示这是一个组件 ,build()  //是组件的构建方法,用于定义组件的UI结构。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值