这里开发一个云服务即时通信平台。假设,开发,调试,验证 ,最后截图查看效果。
开发好几天的通信jquery ui 的web界面了,发现越来越力不从心,很多很多的不稳定因素。特别是开发的webplatform 的aerowindow 窗口,主要是窗口外部控制,动态更改窗口的参数并能实时表现布局,不同窗口之间的操控,还有窗口任务扩展,任务扩展是以后对窗口控制有新需求的时候可以开发一些行为方法,这些对象或方法必须得到窗口对象的有效控制。
1.窗口之间的相互控制,不能只靠ID,因为ID随机生成的,所有得使用窗口对象,对象在创建的时候得暴露出来,想了想使用'aerowindow_EnglishTitle,就是在创建窗口的时候给窗口指定一个英文的title,然后根据平台对象访问桌面对象到窗口对象:platformInstance.desktopInstance1.aerowindowInstance_title这样就可以访问到该窗口的对象来直接暴露控制整个窗口。
//窗口参数配置 defaults = { wid: this.wid,//指定窗体id title: 'AeroWindow',//标题 icon: cicon,//默认窗口左上角图标和桌面图标已经任务栏图标 content: '',//窗体内容 draggable: !0,//拖动窗体 resizable: !0,//是否可以改变窗口大小 status: 'regulared',//窗体状态,fold : 0x1,minimized : 0x2,regulared : 0x3,maximized : 0x4,closed : 0x5 mode: 'window',//窗口模式,dialog,iframe,html custorm: 1,//1:window -1:完全自定义只保留拖拽改变窗口大小 effectSpeed: 300,//效果延迟时间,单位是毫秒 effectMode: 'easeInOutQuart',//特效方式 hyalineSpeed: 300,//透明效果时间 top: 100,//{center/值}初始时离桌面最上边位置 left: 200,//{center/值}初始时离桌面最左边位置 outerWidth: 450,//{值}外宽 outerHeight: 300,//{值}外高 minWidth: 250,//改变窗口大小时的最小宽度 minHeight: 200,//改变窗口大小时的最小高度 borderWidth: 18,//边框占用宽度,即WindowBorderWidth borderHeight: 23,//上下边框占用高度和内容窗口的margin-top 5像素 btns: { fold: !0,//显示折叠按钮 minimize: !0,//显示最小化按钮 maximize: !0,//显示最大化按钮 regular: !0, closable: !0//显示关闭按钮 }, header://窗口头 { show: !0, height: 22 }, toolbar://工具栏 { show: !1, html: '', height: 20 }, statusbar://状态栏 { show: !0, html: '状态栏', height: 20 }, taskbar: { showIcon: !0,//是否添加到taskbar position: 'left',//Icon在任务栏中的位置,左边和右边 icon: cicon,//图标默认和窗口图标相同, width: 32, height: 32 }, desktopIcon: { show: !0, icon: cicon, title: '' }, mouseCursor: 25,//鼠标指针宽度 callback: $.noop//回调函数 }
今日要务:1.完成暴露各个层级选择器object和层级对象instance,层级就是用点按照嵌套级联访问,2.当改变窗口内置容器高度后如何同时改变outer的高宽和内存容器的高和宽
重新变更了样式,实现了群聊: