HarmonyOS 鸿蒙Next CustomDialogController类显示自定义弹窗，如何设置弹窗圆角

HarmonyOS 鸿蒙Next CustomDialogController类显示自定义弹窗，如何设置弹窗圆角 如下图，文档给的注释，我没看懂，大家能帮我理解一下吗?

cke_622.png

默认的圆角24vp，如果高度很矮的话，就很丑

cke_8946.png


更多关于HarmonyOS 鸿蒙Next CustomDialogController类显示自定义弹窗，如何设置弹窗圆角的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

感谢楼主分享，问题已解决。

更多关于HarmonyOS 鸿蒙Next CustomDialogController类显示自定义弹窗，如何设置弹窗圆角的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


找到解决办法了!  

① 需要先给CustomDialogController增加一个属性 customStyle: true (弹窗容器样式是否自定义)

②给@CustomDialog修饰的弹窗最外层容器增加背景色,然后再添加圆角

③效果图

在@CustomDialog中设置圆角,没有效果~, 有什么解决办法吗,各位

cke_475.png

在把调用FoodInfoDialog方中的CustomDialogController设置customStyle:true，

在HarmonyOS中，使用CustomDialogController类显示自定义弹窗时，可以通过设置弹窗的样式来实现圆角效果。你可以在自定义弹窗的布局文件中，为根布局设置background属性，使用shape资源来定义圆角。具体步骤如下：

  1. 在resources/base/element目录下创建一个shape资源文件，例如dialog_background.xml。

  2. 在dialog_background.xml中定义圆角样式，例如：

    <shape xmlns:ohos="http://schemas.huawei.com/res/ohos">
    <corners ohos:radius="16vp"/>
    <solid ohos:color="#FFFFFFFF"/>
</shape>

  3. 在自定义弹窗的布局文件中，将根布局的background属性设置为刚才定义的shape资源，例如：

    <ohos:DirectionalLayout
    ohos:background="$graphic:dialog_background"
    ...>
    <!-- 其他布局内容 -->
</ohos:DirectionalLayout>

通过以上步骤，弹窗的圆角效果即可实现。

回到顶部