首页 >> 牛刀云小程序开发教程 >> 第1篇 制作模式 >> 页面制作 >> 内容组件

4.5.12 对话框

对话框组件实现在当前页面的中间显示一个区域,区域以外的地方显示透明蒙层,如图4-5-16所示。

4-5-16  对话框组件

1、在设计区显示/隐藏对话框

对话框组件是一个功能组件,显示在功能组件中。选择对话框组件,属性栏的设置区域中会显示两个按钮,分别是显示和隐藏。单击“显示”按钮,在设计区中显示出对话框,此时可以添加组件,设置组件属性。单击“隐藏”按钮,隐藏对话框。

2、基础属性

         对话框组件提供2个基础属性:

l  标题:显示标题栏时有效,设置标题栏中的标题

l  隐藏标题栏:设置是否显示标题栏,标题栏包括标题和关闭按钮。如果隐藏标题栏,需要在对话框中增加关闭对话框的按钮

3、样式

对话框组件提供3个特有样式:

l  弹出位置:设置对话框显示时的动画效果,分为左侧弹出、中间弹出和右侧弹出

l  宽度:设置显示在屏幕时,对话框占屏幕宽度的百分比

l  遮罩透明度:设置透明蒙层的透明度

4、操作

对话框组件提供2个操作:

l  显示:用于在运行时显示对话框

l  隐藏:用于在运行时隐藏对话框

5、事件

对话框组件提供2个事件:显示事件在显示对话框时触发,隐藏事件在隐藏对话框时触发。