鸿蒙零散知识

1.自定义弹窗

1）使用@CustomDialog装饰器声明弹窗组件

@CustomDialog
struct CustomDialogExample {
    controller: CustomDialogController
    build() {
        Column() {
            Text('我是弹窗中的内容')
                .fontSize(20)
  }
 }
}

2)在页面中声明弹窗控制器，并利用其控制弹窗

@Entry
@Component
struct IndexPage {
    dialogController: CustomDialogController = new CustomDialogController({
        builder: CustomDialogExample({/* 此处可以传入弹窗需要的参数*/})
    })
    build() {
        Column() {
            Button('打开')
                .onClick(() => {
                    this.dialogController.open()
        })
  }
 }
}

 2.首页UI设计

Tabs组件可以实现页面内视图内容快速切换，包含TabBar和TabContent两个部分。

Tabs({barPosition: BarPosition.End//设置位置，默认值在顶部}){
    TabContent(){
         Text('内容1')
    }
    .tabBar('标题1')
    TabContent(){
         Text('内容2')
    }
    .tabBar('标题2')
    // ...
}