diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_alpha.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_alpha.gif deleted file mode 100644 index 54c74793ba762946b561e869b3352db7a116b3ce..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_alpha.gif and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_default.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_default.gif deleted file mode 100644 index a2790b3cf613f7c525ba5b57d3c7b88ed41b1505..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_default.gif and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-modal-transition.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-modal-transition.md index 9059796917df1d1b8d9728b790f6e13c1f553ca7..0bf2721c5741496dc7d8c2e62111369c98bc8534 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-modal-transition.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-modal-transition.md @@ -164,142 +164,4 @@ struct ModalTransitionExample { } ``` -![zh-cn_full_screen_modal_none_2](figures/zh-cn_full_screen_modal_none_2.gif) - -### 示例3 - -全屏模态上下切换转场。 - -```ts -// xxx.ets -@Entry -@Component -struct ModalTransitionExample { - @State isShow:boolean = false - @State isShow2:boolean = false - - @Builder myBuilder2() { - Column() { - Button("close modal 2") - .margin(10) - .fontSize(20) - .onClick(()=>{ - this.isShow2 = false; - }) - } - .width('100%') - .height('100%') - .backgroundColor(Color.Gray) - } - - @Builder myBuilder() { - Column() { - Button("transition modal 2") - .margin(10) - .fontSize(20) - .onClick(()=>{ - this.isShow2 = true; - }).bindContentCover(this.isShow2, this.myBuilder2(), ModalTransition.DEFAULT) - - Button("close modal 1") - .margin(10) - .fontSize(20) - .onClick(()=>{ - this.isShow = false; - }) - } - .width('100%') - .height('100%') - .backgroundColor(Color.Pink) - .justifyContent(FlexAlign.Center) - } - - build() { - Column() { - Button("transition modal 1") - .onClick(() => { - this.isShow = true - }) - .fontSize(20) - .margin(10) - .bindContentCover($$this.isShow, this.myBuilder(), ModalTransition.DEFAULT) - } - .justifyContent(FlexAlign.Center) - .backgroundColor(Color.White) - .width('100%') - .height('100%') - } -} -``` - -![zh-cn_full_screen_modal_default](figures/zh-cn_full_screen_modal_default.gif) - -### 示例4 - -全屏模态透明度渐变转场。 - -```ts -// xxx.ets -@Entry -@Component -struct ModalTransitionExample { - @State isShow:boolean = false - @State isShow2:boolean = false - - @Builder myBuilder2() { - Column() { - Button("close modal 2") - .margin(10) - .fontSize(20) - .onClick(()=>{ - this.isShow2 = false; - }) - } - .width('100%') - .height('100%') - .backgroundColor(Color.Gray) - .justifyContent(FlexAlign.Center) - } - - - @Builder myBuilder() { - Column() { - Button("transition modal 2") - .margin(10) - .fontSize(20) - .onClick(()=>{ - this.isShow2 = true; - }).bindContentCover(this.isShow2, this.myBuilder2(), ModalTransition.ALPHA) - - Button("close modal 1") - .margin(10) - .fontSize(20) - .onClick(()=>{ - this.isShow = false; - }) - } - .width('100%') - .height('100%') - .backgroundColor(Color.Pink) - .justifyContent(FlexAlign.Center) - } - - build() { - Column() { - Button("transition modal 1") - .onClick(() => { - this.isShow = true - }) - .fontSize(20) - .margin(10) - .bindContentCover($$this.isShow, this.myBuilder(), ModalTransition.ALPHA) - } - .justifyContent(FlexAlign.Center) - .backgroundColor(Color.White) - .width('100%') - .height('100%') - } -} -``` - -![zh-cn_full_screen_modal_alpha](figures/zh-cn_full_screen_modal_alpha.gif) \ No newline at end of file +![zh-cn_full_screen_modal_none_2](figures/zh-cn_full_screen_modal_none_2.gif) \ No newline at end of file