Skyline WEB端开发 ——添加一个弹框

Posted 2021-02-27 明天的明天 永远的永远 未知的一切 我与你一起承担 ??

相对于之前的功能而言，弹出弹框就比较容易了，在skyline中有提供Window， 包含所有与三维窗口互动的相关功能。

创建弹窗的方法

Creator.CreatePopupMessage

CreatePopupMessage(
Caption,    //字符串，显示在弹出窗口标题位置。这个参数也被用于弹出窗口标识。当使用相同的标题名称，新内容将替代具有相同名称窗口的内容。
Src,        //弹窗的url，显示在弹出窗口中的 html 路径。如果没设置此参数，则假设弹出窗口显示一个简单文本字符串。
Left,        //窗口相对于三维窗口左上角的 x 坐标（单位：像素）。
Top,        //窗口相对于三维窗口左上角的 y 坐标（单位：像素）。
Width,        //弹出窗口的宽度（单位：像素），这个值包括标题和边框。
Height,        //弹出窗口的高度（单位：像素），这个值包括标题和边框。
Timeout        //设置关闭弹出窗口的延时（单位：毫秒），10000即10秒后关闭弹窗。如果值为-1，则属性不可用
)

示例代码

//打开功能页
function ShowPanel() {
    var instr = ‘http://www.baidu.com‘;
    var pp = sgworld.Creator.CreatePopupMessage("功能页", instr, 305, 0, 500, 500, 10000);
    sgworld.Window.ShowPopup(pp);
}
//关闭功能页
function RemovePanel() {
    sgworld.Window.RemovePopupByCaption("功能页");
}