鸿蒙继续开发

        控件的封装一共有三种方法，我们之前用的那种内部封装只是其中一种，用的最多的应该是外部封装，我首先在外部创建一个文件夹，叫component，然后在里面创建一个ets的文件，将写好的组件直接粘贴进去，就可以开始操作了

（1）创建ets文件，将写好的组件放进去

（2）将写好的文件导出（最后一行加上这个就可以）

export default LoginInput

（3）在需要引用这个组件的页面引入进去就可以了

import LoginInput from '../component/LoginInput'

         还有一种方法可以封装控件

        Builder：装饰器 修饰build方法 用于控件的封装

        这个的使用方法如下：

 （1）创建一个方法，前面加上@Builder修饰，然后再方法里面写自己想要的东西

  @Builder loginBtn(){
    Button("登录")
      .width("100%")
      .margin({ top: 16 })
      .onClick(()=>{
        router.push({
          url:"pages/HomePage",
          params:{username:"张三"}
        })
      })
  }

（2）在需要的位置调用方法即可

    this.loginBtn()

         再说一下生命周期！

（1）onPageShow这个是页面显示的时候触发的

（2）onPageHide这个是页面隐藏的时候触发的

 onPageShow(){
    console.info("页面显示的时候")
  }
  onPageHide(){
    console.info("页面隐藏的时候")
  }
  onBackPress(){
    console.info("返回按钮，按下时回调")
  }

        接着我还用了list列表，首先写一个list方法，然后里面写listitem方法，剩下的就是在tiem里面正常写内容就可以了，代码如下：

build() {

    List() {
      ListItem() {
        Text("列表一")
          .fontSize(20)
          .fontColor(Color.Red)
      }

      ListItem() {
        Text("列表二")
          .fontSize(20)
          .fontColor(Color.Red)
      }

      ListItem() {
        Text("列表三")
          .fontSize(20)
          .fontColor(Color.Red)
      }
    }
  }

今天太晚了，明天继续干！