首页 > 代码库 > DuiVision开发教程(18)-弹出窗

DuiVision开发教程(18)-弹出窗

DuiVision的弹出窗体类CDlgPopup,是菜单、下拉列表等控件的父类,也能够单独使用,用于创建弹出窗体。弹出窗体默认是非激活状态下自己主动关闭,比如鼠标点击到弹出窗体外面的区域,弹出窗体就会自己主动关闭,也能够设置为不自己主动关闭。
通用的弹出窗体一般通过对话框的OpenDlgPopup函数创建。
弹出窗的属性说明例如以下:

属性名 类型 说明
width 数字 窗体宽度
height 数字 窗体高度
bkimg 字符串 窗体的背景图片,假设指定了就使用指定的背景图片,否则使用全局设置的背景图片
bkmod 字符串 窗体背景图片的模式。包含:
image – 普通的背景图片
frame – 边框模式
mid – 九宫格模式
framesize 数字 窗体背景是frame模式时候,指定边框宽度
width-lt 数字 窗体的背景图片的九宫格左上角位置距离边框的宽度
height-lt 数字 窗体的背景图片的九宫格左上角位置距离边框的高度
width-rb 数字 窗体的背景图片的九宫格右下角位置距离边框的宽度
height-rb 数字 窗体的背景图片的九宫格右下角位置距离边框的高度
bkalpha 0|1 背景是否使用Alpha通道
translucent 数字 窗体的总体透明度。取值范围是1-255,1表示全透明,255表示不透明
autoclose 0|1 窗体是否自己主动关闭,默认是鼠标点击到非窗体区域就自己主动关闭
topmost 0|1 窗体是否显示在全部窗体的最前面(整个桌面范围内)

弹出窗体与界面演示样例:
技术分享


DuiVision开源码下载地址(github):https://github.com/blueantst/DuiVision
蓝蚂蚁工作室主页:http://www.blueantstudio.net
DuiVision QQ群:325880743
微信公众号:blueantstudio 或搜索 蓝蚂蚁工作室

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

DuiVision开发教程(18)-弹出窗