在CustomDialog中打开新的页面,CustomDialog会自动消失
在CustomDialog中打开新的页面,CustomDialog会自动消失,如何解决。
代码描述:
ActionSheetExample.ets:
import { CustomDialogExample } from'…/view/CustomDialogExample';
import { UIContext } from '@ohos.arkui.UIContext';
import common from '@ohos.app.ability.common';
import { DialogManager } from '…/view/DialogManager';
@Entry
@Component
struct ActionSheetExample {
@State textValue: string = ''
@State inputValue: string = 'click me'
@State angle: number = 0
dialogController: CustomDialogController | null = new CustomDialogController({
builder: CustomDialogExample(),
autoCancel: true,
alignment: DialogAlignment.Bottom,
openAnimation: { duration: 0 },
closeAnimation: { duration: 0 },
offset: { dx: 0, dy: 0 },
// maskColor: ‘rgba(0, 0, 0, 0)’,
customStyle: true
})
constructor() {
super()
}
build() {
Column() {
Text('rotate').width('90%').fontColor(0xCCCCCC).padding(15).fontSize(14)
Row()
.rotate({
x: 0,
y: 0,
z: 1,
angle: this.angle
})// 组件以矢量(0,0,1)为旋转轴,绕中心点顺时针旋转300度
.width(100)
.height(50)
.backgroundColor(0xAFEEEE)
.onClick(() => {
animateTo({ curve: Curve.Ease, onFinish: () => {
}, duration: 300 }, () => {
this.angle += 180
})
})
Button(this.inputValue)
.onClick(() => {
if (this.dialogController != null) {
this.dialogController.open()
}
}).backgroundColor(0x317aff)
.margin(20)
Button('打开CallerPage').onClick(() => {
let context = getContext(this) as common.UIAbilityContext
context.startAbility({
bundleName: "com.example.myapplication",
abilityName: "CallerAbility",
}).catch((err: Error) => {
console.log(err.message)
})
})
}.width('100%').margin({ top: 5 })
}
}
CustomDialogExample.ets
import common from '@ohos.app.ability.common';
import router from '@ohos.router';
@CustomDialog
@Preview
export struct CustomDialogExample {
@State dialogHeight: number = 0
controller?: CustomDialogController
initOffsetY: number = 0;
datas: Array<number> = [1, 2]
initHeight: number = 60 * this.datas.length + 90
topBorderRadius: number = 20;
closeFlag: boolean = false;
open = () => {
this.moveTo(this.initHeight)
}
close = () => {
this.moveTo(0).then(() => {
this.controller?.close()
})
}
moveTo = (height: number) => {
return new Promise<void>((res) => {
animateTo({ curve: Curve.Ease, onFinish: res, duration: 300 }, () => {
this.dialogHeight = height
})
})
}
// 阻尼函数
damping(x: number, max: number) {
let y = Math.abs(x);
y = 0.82231 * max / (1 + 4338.47 / Math.pow(y, 1.14791));
return Math.round(x < 0 ? -y : y);
}
build() {
Column() {
Column() {
Column() {
Row() {
Text('Title')
}
.width('100%')
.height(30)
.justifyContent(FlexAlign.Center)
Scroll() {
Column() {
ForEach(this.datas, () => {
Column() {
Image($r('app.media.startIcon'))
.width(50)
.height(50)
}
.onClick(()=>{
// let context = getContext(this) as common.UIAbilityContext
// context.startAbility({
// bundleName: "com.example.myapplication",
// abilityName: "CallerAbility",
// }).catch((err: Error) => {
// console.log(err.message)
// })
router.pushUrl({
url:'pages/Index'
})
})
.width('100%')
.margin({ top: 10 })
.justifyContent(FlexAlign.Center)
})
}
}
}
.layoutWeight(1)
Row() {
Button('取消')
.onClick(() => {
this.close()
}).width('100%').backgroundColor(0xffffff).fontColor(Color.Black)
}
.backgroundColor(Color.Red)
.width('100%')
.height(50)
}
.justifyContent(FlexAlign.SpaceBetween)
.height(this.dialogHeight)
.width('100%')
.backgroundColor(Color.White)
.onAppear(this.open)
.zIndex(2)
.borderRadius({ topLeft: this.topBorderRadius, topRight: this.topBorderRadius })
Column()
.width('100%')
.height('100%')
.backgroundColor(0x33000000)
.position({ x: 0, y: 0 })
.zIndex(1)
}
.width('100%')
.height('100%')
.justifyContent(FlexAlign.End)
// .borderRadius({ topLeft: 40, topRight: 40, bottomLeft: 0, bottomRight: 0 })
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS CustomDialog里的text点击跳转新的page之后 这个dialog会自动关闭
492浏览 • 1回复 待解决
使用自定义弹窗 CustomDialog ,跳转其他页面需要弹框不自动消失,怎么实现?
474浏览 • 1回复 待解决
HarmonyOS 跳转页面时customDialog不自动关闭
196浏览 • 1回复 待解决
customdialog在滑动后消失时,会出现一个向上的消失动效
780浏览 • 1回复 待解决
HarmonyOS CustomDialog中的CustomDialogController 为undefined
455浏览 • 1回复 待解决
HarmonyOS 自定义弹窗CustomDialog会导致键盘收起
345浏览 • 1回复 待解决
HarmonyOS 自定义CustomDialog如何实现静态打开
398浏览 • 1回复 待解决
CustomDialog,Popup等弹窗如何与页面解耦
1860浏览 • 1回复 待解决
HarmonyOS CustomDialog关闭后重新打开,内部状态丢失问题
475浏览 • 1回复 待解决
HarmonyOS @CustomDialog 调用 pushUrl
245浏览 • 1回复 待解决
HarmonyOS 关于CustomDialog使用
309浏览 • 1回复 待解决
customDialog焦点透传
803浏览 • 1回复 待解决
HarmonyOS CustomDialog 中cancel回调没有执行
423浏览 • 1回复 待解决
CustomDialog创建可以不在compent组件中吗?
240浏览 • 1回复 待解决
HarmonyOS 页面往上滑动自动加载新数据的方法?
92浏览 • 1回复 待解决
如何控制CustomDialog显示层级
594浏览 • 1回复 待解决
HarmonyOS CustomDialog中弹AlertDialog问题
302浏览 • 1回复 待解决
CustomDialog自定义动画
361浏览 • 1回复 待解决
Web的桥方法的实现中,不能弹出CustomDialog
1522浏览 • 1回复 待解决
怎么判断某个customDialog是否弹出?
204浏览 • 1回复 待解决
HarmonyOS使用CustomDialog如何设置宽度
462浏览 • 1回复 待解决
customDialog调用router.push启动新页面,会把customDialog关闭,怎么实现在不关闭弹窗的前提下启动新页面
1857浏览 • 1回复 待解决
HarmonyOS @CustomDialog组件的宽度请问如何调节 ?
222浏览 • 1回复 待解决
HarmonyOS CustomDialog进入后台 , 然后再恢复 , 弹窗就自动关闭了
249浏览 • 1回复 待解决
通过使用Stack替代CustomDialog,再控制Stack的显隐即可达到效果。