2007年7月30日星期一

firefox扩展开发(四) : 更多的窗口控件

firefox扩展开发(四) : 更多的窗口控件

galeki posted @ 2007年05月21日 10:24PM in Firefox扩展开发 with tags XUL 开发 扩展 firefox
firefox扩展开发(五) : 驱动XUL界面

标签盒子

标签盒子是啥?大家都见过,就是分页标签:

对应的代码:

  1. <?xml version="1.0"?>
  2. <?xml-stylesheet href="chrome://global/skin/" type="text/css" ?>
  3. <window
  4.   id="test-window"
  5.   title="测试用的窗口"
  6.         <tabbox >
  7.           <tabs >
  8.             <tab label="第一个标签标题"/>
  9.             <tab label="第二个标签标题"/>
  10.           </tabs >
  11.           <tabpanels >
  12.             <tabpanel id="firsttab">
  13.               <label value="第一个标签的内容"/>
  14.             </tabpanel >
  15.             <tabpanel id="secondtab">
  16.               <label value="第二个标签的内容"/>
  17.             </tabpanel >
  18.           </tabpanels >
  19.         </tabbox >
  20. </window >

每个标签盒子中的内容被包含在<tabbox>中,<tabs>下的<tab>包含标签标题,< tabpanels>下的<tabpanel>包含每个标签的内容,按顺序和标签标题<tab>对应。

iframe

<iframe>这个标签在HTML里再熟悉不过了,在XUL中,作用和用法HTML一样,可以用来在窗口中嵌套一个网页,只要设置<iframe>的src属性即可:

  1. <?xml version="1.0"?>
  2. <?xml-stylesheet href="chrome://global/skin/" type="text/css" ?>
  3. <window
  4.   id="test-window"
  5.   title="测试用的窗口"
  6.         <label value="以下为GemBlog首页…………"/>
  7.         <iframe id="content" src="http://blog.linuxgem.org " flex="1"/>
  8. </window > 

效果:



--
一步一步教你从互联网赚钱 http://www.zqzn.com/index.asp?rid=key480769
投资理财 http://li-cai.blogspot.com/

没有评论: