WinLIKE仿微软视窗属性(二)

2023-10-04 00:30
文章标签 属性 winlike 视窗 微软

本文主要是介绍WinLIKE仿微软视窗属性(二),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

上次也简单的说了下WinLIKE的使用,我们创建一个窗口,使用如下代码即可:

var j=new WinLIKE.window('Title',PosLeft,PosTop,Width,Height,z-Index);
j.Attribute=Value;
...
WinLIKE.addwindow(j);

    窗口的位置和大小(宽度和高度)都是以像素(pixel)为单位的。在上述代码的第一行和最后一行之间可以插入窗口的属性信息,比如j.Nam="sohu".注意,这里的使用点成员符号来表示特定窗口的属性,如果想对所有的窗口实现统一的属性管理,可以使用下划线代替点成员符号,比如上面的Nam属性,可以使用_Nam="sohu"这样,前面不用加j标识,这样就表示所有的窗口的名称都是sohu。

    下面列出窗口的属性和其说明:

1.Ttl
    窗口的名称,这个名称最好是保证其唯一性。这个名称类似于我们在框架页面中的框架的名称一样,这样我们就可以在<a href="" target="你的窗口名称">连接</a>这样来使用了,当我们点击连接的时候,就会在我们定义的窗口中打开这个页面。

2.Left
    窗口的左边距浏览器的左边的绝对距离,单位为像素!

3.Top
    窗口的上边距浏览器的上边的绝对距离,单位为像素!

4.Width
    窗口的绝对宽度,单位为像素!这里的绝对宽度是指,无论浏览器的大小如何改变其宽度是不会改变的。

5.Height
    窗口的绝对高度,单位为像素!

6.RLeft
    窗口的左边距浏览器左边的相对距离,这样浏览器的大小改变的时候,其会动态的调整。我们在使用相对属性,比如RLeft,RTop,RWidth,RHeight的时候,我们在定义窗口的时其对应的PosLeft,PosTop,Width,Height就应该用%来表示,比如:
var win = new WinLIKE.window("", 200, "%", "%", 300, 5);
win.RTop = "WinLIKE.browsersize().Height - Height";
win.RWidth = "WinLIKE.browsersize().Width - Width";
这样我们就可以动态的改变窗口的宽度了。

7.RTop
    窗口的上边距浏览器的上边的相对距离!

8.RWidth
    窗口相对浏览器的宽度,当浏览器的大小改变时,窗口的宽度会按比例进行缩放!

9.RHeight
    窗口的相对浏览器的高度,当浏览器的大小改变时,窗口的高度会按比例进行缩放!

10.Ski
    窗口的皮肤名称,其值应该是skins目录下的文件夹的名称(也就是皮肤的名称)!默认是default

11.Adr
    窗口中内容的URL地址,注意该地址在运行期是只读的,即必须在创建窗口的同时赋予其地址。后期是不允许通过该属性来改变窗口的内容的,只用通过其API方法来改变,这个后面再说!

12.Nam
    窗口的target name,即我们可以通过<a>标签的target来定位到指定名称的窗口中!这个属性在运行期间也是只读的!

13.Fro
    设置窗口是否永远在最前面,无论其他窗口的z-index怎么改变!其值为true或false,默认是false!

14.Vis
    设置窗口是否可见,其值为true或false,默认是true!

15.Tit
    窗口的标题栏是否可见,其值为true或false,默认是true!

16.Min
    窗口的最小化按钮是否可见,其值为true或false,默认是true!

17.Cls
    窗口的关闭按钮是否可见,其值为true或false,默认是true!

18.Mov
    设置窗口是否可以移动,其值为true或false,默认是true!

19.Siz
    窗口是否可以通过鼠标来改变大小,其值为true或false,默认是true!

20.Mn
    窗口是否为最小化的,其值为true或false,默认是false,表示创建时不是最小化的!

21.Mx
    窗口是否是最大化的,其值为true或false,默认是false,表示创建时不是最大化的!

22.Ed
    窗口是否可以被编辑,其值为true或false,默认是true,一般情况下我们在开发的时候是不进行编辑的!

23.SD
    窗口的刷新按钮是否可见,就是窗口最左上角的那个刷新按钮。其值为true或false,默认是true!

24.LD
    窗口的DeepLink是否可见,其值为true或false,默认是true!这个一般好象没什么用处,可以关闭!

25.HD
    窗口的前进后退按钮是否可见,其值为true或false,默认是true!这个前进后退按钮和浏览器的前进后退类似,只不过是图标而已。通过这个历史操作,我们可以在一个窗口中进行当前窗口历史URL记录的前进和后退!

26.Bac
    设置是否永远不改变窗口的z-index属性,其值为true或false,默认是false!

27.Rel
    官方的解释是relative/absolute behavior,具体的实际意义不是很清楚!

28.Del
    deleted (not created),运行期间只读!具体意义也没怎么弄清楚,呵呵~~~

29.Bg
    是否指定为后台窗口,默认为false,其值为true或false!

30.onUnload
    窗口的卸载事件,其值类型为字符串型。一般我们就指定其函数名称即可,比如:win.onUnload="myUnload()";

31.onClose
    窗口的关闭事件,其值为字符串型。同上onUnload,不过他是在onUnload之后执行的。

32.onEvent
    窗口的事件集中处理函数,该方法有两个参数,分别是当前窗口对象和事件代码。比如我们定义如下:
win.onEvent="winMag";
function winMag(/*object*/win, /*int*/what)
{
    if (what == 1) alert('最小化!');
    else if (what == 3) alert('关闭!');
}

    这里的what可以表示多个事件,官方手册中没有具体的说明,不过我们可以自己写如下函数,然后进行检测即可!
// 窗口事件代码检测方法
var tmp = new Object(); // 该对象用来存储事件
function winMag(win, what)
{
    if (!tmp[what]) {
        alert(win.Nam + '\n' + what);
        tmp[what] = true;
    }
}
    然后通过鼠标对窗口的操作就可以知道是什么事件了!

33.myP
    窗口的自定义属性,比如win.test="nihao",这样就可以自定义一个属性了!

    上面介绍了窗口的所有基本属性,通过属性定义,我们就可以定义出不同的窗口对象,然后结合API操作方法动态的改变窗口属性等就可以创建一个丰富的桌面式应用程序了!

这篇关于WinLIKE仿微软视窗属性(二)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/980

相关文章

浅析CSS 中z - index属性的作用及在什么情况下会失效

《浅析CSS中z-index属性的作用及在什么情况下会失效》z-index属性用于控制元素的堆叠顺序,值越大,元素越显示在上层,它需要元素具有定位属性(如relative、absolute、fi... 目录1. z-index 属性的作用2. z-index 失效的情况2.1 元素没有定位属性2.2 元素处

HTML5 data-*自定义数据属性的示例代码

《HTML5data-*自定义数据属性的示例代码》HTML5的自定义数据属性(data-*)提供了一种标准化的方法在HTML元素上存储额外信息,可以通过JavaScript访问、修改和在CSS中使用... 目录引言基本概念使用自定义数据属性1. 在 html 中定义2. 通过 JavaScript 访问3.

CSS模拟 html 的 title 属性(鼠标悬浮显示提示文字效果)

《CSS模拟html的title属性(鼠标悬浮显示提示文字效果)》:本文主要介绍了如何使用CSS模拟HTML的title属性,通过鼠标悬浮显示提示文字效果,通过设置`.tipBox`和`.tipBox.tipContent`的样式,实现了提示内容的隐藏和显示,详细内容请阅读本文,希望能对你有所帮助... 效

解读为什么@Autowired在属性上被警告,在setter方法上不被警告问题

《解读为什么@Autowired在属性上被警告,在setter方法上不被警告问题》在Spring开发中,@Autowired注解常用于实现依赖注入,它可以应用于类的属性、构造器或setter方法上,然... 目录1. 为什么 @Autowired 在属性上被警告?1.1 隐式依赖注入1.2 IDE 的警告:

HTML5中下拉框<select>标签的属性和样式详解

《HTML5中下拉框<select>标签的属性和样式详解》在HTML5中,下拉框(select标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中选择值的方式,本文将深入探讨select标签的... 在html5中,下拉框(<select>标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中

在Java中使用ModelMapper简化Shapefile属性转JavaBean实战过程

《在Java中使用ModelMapper简化Shapefile属性转JavaBean实战过程》本文介绍了在Java中使用ModelMapper库简化Shapefile属性转JavaBean的过程,对比... 目录前言一、原始的处理办法1、使用Set方法来转换2、使用构造方法转换二、基于ModelMapper

JavaScript中的isTrusted属性及其应用场景详解

《JavaScript中的isTrusted属性及其应用场景详解》在现代Web开发中,JavaScript是构建交互式应用的核心语言,随着前端技术的不断发展,开发者需要处理越来越多的复杂场景,例如事件... 目录引言一、问题背景二、isTrusted 属性的来源与作用1. isTrusted 的定义2. 为

Java如何通过反射机制获取数据类对象的属性及方法

《Java如何通过反射机制获取数据类对象的属性及方法》文章介绍了如何使用Java反射机制获取类对象的所有属性及其对应的get、set方法,以及如何通过反射机制实现类对象的实例化,感兴趣的朋友跟随小编一... 目录一、通过反射机制获取类对象的所有属性以及相应的get、set方法1.遍历类对象的所有属性2.获取

vue如何监听对象或者数组某个属性的变化详解

《vue如何监听对象或者数组某个属性的变化详解》这篇文章主要给大家介绍了关于vue如何监听对象或者数组某个属性的变化,在Vue.js中可以通过watch监听属性变化并动态修改其他属性的值,watch通... 目录前言用watch监听深度监听使用计算属性watch和计算属性的区别在vue 3中使用watchE

滚雪球学Java(87):Java事务处理:JDBC的ACID属性与实战技巧!真有两下子!

咦咦咦,各位小可爱,我是你们的好伙伴——bug菌,今天又来给大家普及Java SE啦,别躲起来啊,听我讲干货还不快点赞,赞多了我就有动力讲得更嗨啦!所以呀,养成先点赞后阅读的好习惯,别被干货淹没了哦~ 🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,助你一臂之力,带你早日登顶🚀,欢迎大家关注&&收藏!持续更新中,up!up!up!! 环境说明:Windows 10