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

前言,记得之前面试的时候经常会被问到安卓的生命周期的一些函数方法在什么场景会被调用,看了鸿蒙的生命周期里面的函数方法总个数发现比安卓上面的少一些,这样说来是不是鸿蒙的比较简单?

1、首先开发鸿蒙系统的时候,软件打开出现的第一个页面在哪里设置?

复制代码
src->main->ets->entryability->EntryAblity.ts文件中

2、新建一个ArkTS文件后,一定要记得添加页面路径,不然后面无法跳转成功。

复制代码
右键->New->ArkTS File->输入名称,点击Enter键。跳转失败的提示就是:this uri not support in route push.

resources->base->profile->main_pages.json文件中添加页面路径。

复制代码
router.pushUrl({ url: 'pages/SecondPage' });//页面跳转方法注意:页面需要显示的组件,前面一定要有@Entry装饰。

3、生命周期分为页面生命周期组件生命周期两种。

复制代码
页面生命周期里面的方法有onPageShow()、onPageHide()、onBackPress()。组件生命周期里面的方法有aboutToAppear()、aboutToDisappear()。​​​​​​​

onPageShow():页面显示的时候触发这个方法。onPageHide():页面隐藏的时候触发这个方法。onBackPress():当用户点击返回按钮的时候触发这个方法。aboutToAppear():组件创建的时候调用这个方法。(由于在build函数方法之前执行,所以特别适合在这里面初始化数据)aboutToDisappear():组件销毁前调用,这里适合释放不再使用的资源。

4、@Styles装饰器:定义组件重用样式

代码中经常要对一些组件设置一些属性(宽度、高度、字体大小、背景颜色等等),而好多组件使用的属性是一样,这样就会出现很多重复的代码。这个时候,我们就需要设计一个样式,方便其他组件使用,减少重复代码。

​​​​​​​

复制代码
// 定义在全局的@Styles封装的样式@Styles function FirstFancy  () {  .width(200).height(100).backgroundColor(Color.Pink)}@Entry@Componentstruct StylesTest{  build() {    Column({ space: 10 }) {      // 使用全局的@Styles封装的样式      Text('FancyA').FirstFancy().fontSize(30)      Text('FancyB').FirstFancy().fontSize(40).fontColor(Color.Red)    }.width('100%').height('100%')  }}

注意:这个样式可以写在全局,也可以写在组件内。

5、@Builder装饰器:自定义构建函数。调用自定义组件的时候可以传递参数。

​​​​​​​

复制代码
@Builder function firstBuilder( message: string) {  Row() {    Text(`自定义构建函数: ${message} `)  }}@Entry@Componentstruct BuilderTest {  build() {    Column() {      firstBuilder('12345')    }.width('100%').height('100%')  }}
相关推荐
lilihuigz几秒前
Tutor LMS 4.0 Beta版全新上线:以学习者为中心的移动优先学习体验
学习·在线教育·lms
kuinnebula3 小时前
RTSP学习
学习
Math_teacher_fan4 小时前
Flutter 跨平台开发实战:鸿蒙与音乐律动艺术(六)、Lissajous 利萨茹曲线:频率耦合的轨迹艺术
flutter·ui·数学建模·华为·harmonyos·鸿蒙系统
北顾笙9804 小时前
LLM学习-day04
学习
xmdy58665 小时前
Flutter+开源鸿蒙实战|智安盾电商溯源平台Day3 溯源查询逻辑+鸿蒙网络请求适配
flutter·开源·harmonyos
lzj_pxxw6 小时前
W25Q64存储芯片 软件设计刚需常识
stm32·单片机·嵌入式硬件·mcu·学习
maaath6 小时前
【maaath】Flutter 跨平台日历日程应用开发实战
flutter·华为·harmonyos
Slow菜鸟6 小时前
AI学习篇(四) | AI设计类Skills推荐清单(2026年)
人工智能·学习
念恒123066 小时前
Python(列表进阶)
python·学习
LeesonWong7 小时前
架构困境与四层结构化设计
harmonyos