1、
XUL帮助手册速查
一、 XUL的元素及属性描述:
例如下例:
2、ndow>
3、
5、
6、 label="&JustinSidebar.label;"
autoCheck="false"
type="checkbox"
group="sidebar"
sidebarurl="chrome://Justin/content/ff-sidebar.xul"
sidebartitle="&JustinSidebar.label;"
oncommand="to 7、ggleSidebar('viewSidebar_Justin');" />
8、来描述一个窗体,每个用户界面的窗体都在一个单独的文件中描述,类似HTML中的
9、元件表示它的所有子元件都是XUL,Mozilla内部会识别这个 URL; (5) 表示注释 6、 打开窗口 window.open(url,windowname,flags) 其中url 表示文件路径,windowname 表示窗体的名字,flags 是指chrome 文档 7、
10、属性没有表示这个按钮会被启动 (6) accesskey 设置快捷键,通常是字母 8、 标签元素
11、
(1) id 属性:控件的唯一标识
(2) class属性:输入框的样式表
(3) value属性:指定输入框的文本
(4) disabled属性:文本输入框是否禁用
(5) type 属性:可以将这个属性设置为password,创建一个输入框隐藏用户输入内容,通常为密码框
(6) maxlength 属性: 输入框允许输入的字符最大数量;
(7) multiline 属性: 其值若为true 表示文本框将显示多行。若为 false 文本不显示多行
11、 单选按钮
12、的文本
(3) disabled 属性:其值可以是true或false,若为true表示按钮被禁用,反之为启 用
(4) accesskey 属性:用于选中元素的快捷键
12、 单选按钮组
13、列表控件 17、"Roger"/>
18、t元素创建的下拉列表。XUL中的menulist元素可以实现这种效果。
19、
例子如下:
20、enupopup>
21、
22、Mozilla从XUL中区分HTML标签的。
例子演示:
23、nd files”
Orient=”horizontal”
Xmls:html=http://www.w3.org/1999/xhtml
Xmlns=http://www.mozilla.org/keymaster/gatekeeper/therer.is.only.xul;>
注意事项:
1、 必须在每个标签的开始增加一个html:的前缀;
2、 标签必须用小写
3、 “双引号”必须完成所有属性值括起来。
4、 在没有内容的xml标签 24、的末端(>)前一定要加上结束(/);
(3) 使用HTML元素:
例子演示:
25、
Xmls:html=http://www.w3.org/1999/xhtml
Xmlns=http://www.mozilla.org/keymaster/gatekeeper/therer.is.only.xul;>
26、
27、 例子演示:
32、 34、是指box里面的元素靠顶端对齐。
center 是指 box 里面的元素靠中间对其。
end 是指 box 里面的元素底端对齐。
baseline 是指 box 里面的元素按照文本底线对齐。
sretch 自动扩展
35、 vbox元素:用来创建一个垂直方向的盒子。每个放在vbox的元素将被垂直地排成一列
例子演示:
1、 登陆提示范例
36、 文本框对齐
37、/button>
38、box id=”find-text” control=”find-text”>
39、 Minwidth 属性:指定元素的最小宽度。
Minheight 属性:指定元素的最小高度。
Maxheight 属性:指定元素的最大宽度。
40、 End 如说是水平box,他就是右对齐。对于竖直的box,他就是底端对齐。
align 属性:
start如果是水平的box,它就是顶端对齐。如果是竖直的box,它就是左对齐。
center居中
end如果是水平的box,它就是底端对齐。如果是竖直的box,它就是右对齐。
baseline文本线对齐,只可以用在水平box上。
stretch自动扩展
23、 分组框:
(1) gropbox的描述:gropbox是一个box容器,里面的元素会按照box布局规则来显示。与其他box相比,gropbo 41、x有以下特点:
1、 默认有边框。你可以通过修改其cess来改变边框。
2、 可以添加标题(caption).标题会显示在gropbox的左上方。
(2) gropbox的属性:
align:start 如果是水平的box,它就是顶端对齐。如果是竖直的box,它就是左对齐。
Center 居中;
Baseline 文本线对齐,只可以用在水平box上。
End 如果是水平box,他就是底端对齐。如果是竖直的box,他就是右对齐。
42、 Stretch 制动扩展。
Pack属性:
Start 对于水平box,他就是左对齐。对于竖直的box,他就是顶端对齐。
Center 居中;
End 如说是水平box,他就是右对齐。对于竖直的box,他就是底端对齐。
例子演示:
43、"Banana"/>
44、 flex="1"/>
45、dom” label=”Random Number”/>
46、局模式。需要注意的是:内部元素的left、top是指相对于stock的位置,而不是相对于window或者screen的位置。所谓的绝对定位,是指其直接孩子元素。非直接孩子元素不执行stack的布局逻辑。
例子演示:
48、ck 常用于向导对话框。我们可以通过设置内部元素的left、top属性来控制其显示位置
例子演示:
50、tabbox用于界面元素的分页显示。常用于显示用户选项等界面元素多,界面大小有限的用户界面。用户可以通过选择不同的tab页来查看不同的内容。
xul中提供了5个元素来实现分页组
tabbox:最外层的容器,一般内部包含一个tabs和tabpanels。
tabs:tab的容器。当然你也可以在里面加入其他的xul元素来丰富导航 tab的界面。
tab:具体的每一个分页卡,用户通过选择不同的tab来切换显示页。
tabpanels:tabpanel的容器。
tabpanel:里面放置具体的页面内容。
tab与tabpanel的对应关系是按照他们在各自容器中的序号来确定的。tabs中标签;使用