4.5.11 弹出层
弹出层组件实现在当前页面上显示一个区域,这个区域停靠在屏幕的上、下、左、右边上,区域以外的地方显示透明蒙层,如图4-5-15所示。停靠在上、下边的区域宽度等于屏幕的宽度。停靠在左、右边的区域宽度可以设置。
图4-5-15 弹出层组件
1、在设计区显示/隐藏弹出层
弹出层组件是一个功能组件,显示在功能组件中。选择弹出层组件,属性栏的设置区域中会显示两个按钮,分别是显示和隐藏。单击“显示”按钮,在设计区中显示出弹出层,此时可以添加组件,设置组件属性。单击“隐藏”按钮,隐藏弹出层。
2、基础属性
弹出层组件提供1个基础属性:单击关闭,表示单击透明蒙层是否关闭弹出层
3、样式
弹出层组件提供3个特有样式:
l 显示位置:设置弹出层在屏幕上的显示位置,也表示弹出层会从哪个边上滑动而出
l 遮罩透明度:设置透明蒙层的透明度
l 内容区宽度:设置显示在屏幕左侧或右侧时,弹出层占屏幕宽度的百分比
4、操作
弹出层组件提供2个操作:
l 显示:用于在运行时显示弹出层
l 隐藏:用于在运行时隐藏弹出层
5、事件
弹出层组件提供2个事件:显示事件在显示弹出层时触发,隐藏事件在隐藏弹出层时触发。