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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值