customDialog焦点透传

@CustomDialog 
export struct MyDialog1 { 
controller1: CustomDialogController 
title: string = '' 
​ 
build() { 
  Row() { 
    Column({ space: 10 }) { 
      Text(this.title) 
        .fontSize(25) 
        .fontColor(Color.Blue) 
      Flex({ justifyContent: FlexAlign.SpaceAround }) { 
        Button('取消') 
          .onClick(() => { 
            this.controller1.close() 
          }).backgroundColor(0xffffff).fontColor(Color.Black) 
        Button('确认') 
          .onClick(() => { 
            this.controller1.close() 
          }).backgroundColor(0xffffff).fontColor(Color.Black) 
      }.width("100%") 
    }.width("100%") 
  }.height(100) 
} 
} 
​ 
// main页面 
@Entry 
@Component 
struct Index { 
@State dialogData: string = '' 
@State colorTest: Color = Color.Blue 
dialogController1: CustomDialogController = new CustomDialogController({ 
  builder: MyDialog1({ 
    title: '弹窗1', 
  }), 
  // 弹窗容器样式是否自定义 
  customStyle: false, 
  // offset: {dx: 0, dy: 0}, 
  // 是否允许点击遮障层退出 
  autoCancel: false, 
  // 弹窗遮蔽层区域，在遮蔽层区域内的事件不透传，在遮蔽层区域外的事件透传 
  maskRect: ({x:0,y:667,width:'100%',height:100}), 
  // 自定义蒙层颜色 
  // maskColor: (Color.Yellow) 
}) 
​ 
confirm(data: string) { 
  this.dialogData = data 
  console.info(`recv dialog data: ${data}`) // 获取弹窗输入的信息 
} 
​ 
// 在自定义组件即将析构销毁时将dialogController置空 
aboutToDisappear() { 
  // 将dialogController置空 
  // this.dialogController1 = null 
} 
​ 
build() { 
  Row() { 
    Column({ space: 10 }) { 
      Text(`这是一个弹窗的测试`) 
        .fontSize(25).margin(20).fontColor(0x3399FF) 
      Button('点击打开弹窗') 
        .onClick(() => { 
          this.dialogController1.open() 
        }) 
      Button('点击改变颜色，不影响弹窗') 
        .onClick(() => { 
          this.colorTest = this.colorTest == Color.Blue ? Color.Yellow : Color.Blue 
        }) 
        .backgroundColor(this.colorTest) 
    }.width("100%") 
  }.height("100%").backgroundColor(Color.Pink) 
} 
}