如圖所示碌识，自定義彈窗默認(rèn)的圓角很大狮斗，不是UI設(shè)計(jì)師想要的效果拂到。
官方自定義彈窗示例圖
彈窗圓角修改方式如下：
① 需要先給CustomDialogController的customStyle屬性設(shè)置為true (彈窗容器樣式是否自定義)
dialogController: CustomDialogController = new CustomDialogController({
builder: ConfirmDialog({
alignment: DialogAlignment.Center,
autoCancel: false, // 設(shè)置false 點(diǎn)擊半透明遮罩彈窗不會(huì)關(guān)閉
customStyle: true //設(shè)置為true才可以修改圓角
})
② 給@CustomDialog修飾的彈窗最外層容器【增加背景色】，并【添加圓角】
@CustomDialog
export default struct ConfirmDialog {
controller: CustomDialogController
build() {
Column() {
//...彈窗 UI 布局
}.borderRadius(8).backgroundColor(Color.White).width("90%")
}
}
修改圓角生效
