ExtJs desktop 显示无框窗口

在extjs desktop中,有时需要显示一些没有边框的透明windows 就像开机LOGO,播放器等,可以显得桌面更酷,实现这个需要两步配合,一是在桌面显示一个无框,背景透明的windows,二是在windows里面显示内容的图片背景最好不是规则形状的,把边缘外的部分透明,保存为png图片,这样,浏览看到的就是一个不规则形状的LOGO,或者播放器等等。

以下是代码

 这个可以放在desktop.js文件中,开机自动执行,也可以在其它需要的地方,按需要执行
 
    createpopWindow: function () {
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow(‘popwin‘);
        if (!win) {
            win = Ext.create(‘Ext.window.Window‘, {
                header: false,
                border: false,
                id: ‘popwin‘,
                baseCls: ‘‘,          //  这个很关键 背景透明
                shadow: false,
                frame: false,
                width: 400,
                height: 350,
                maximizable: false,
                resizable: false,
                hideMode: ‘offsets‘,
                constrain: false,
                layout: ‘fit‘,
                loader: {
                    url: ‘abc/def.htm‘,  //这个htm里放个不规则形状的边缘透明图片和其他业务代码
                    autoLoad: true,
                    scripts: true
                }
            });
        }
            var myy = (Ext.getBody().getHeight() - 600) / 2;  // 显示在屏幕中间
            var myx = Ext.getBody().getWidth() - 53;
            win.showAt([myx, myy]);
        var proxy = new Ext.dd.DDProxy(win);        // 这个win可以拖动位置
        return win;
    }


以下两个实现的不规则形状桌面窗口




demo :   http://demo.linbsoft.com/zykdsk/default.aspx




郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。