生活随笔
收集整理的這篇文章主要介紹了
firefox扩展开发(二)：用XUL创建窗口控件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
firefox擴展開發(二)：用XUL創建窗口控件 2008-06-11 16:57
| 1.創建一個簡單的窗口 <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="test-window" title="測試用的窗口" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> </window> 把上述的代碼保存為test.xul，然后在firefox的“文件” --> “打開文件” 中打開這個文件，就可以看到（下圖）。 哎，怎么啥都沒有？ 因為我們還沒有往窗口中加入任何東西，所以除了標題欄之外，是一片空白。實際上，上面的XUL文件，是每個窗口的基本框架。 第1行是XML文件的基本表示，第2行引用渲染窗口控件的樣式表文件，這里我們先跳過對這行的解釋，只要知道“chrome://global/skin/” 引用的是firefox全局默認的樣式表即可。 第3行的<window>元素，就是窗口的根元素，你可以把它想象成HTML中的<html>元素。屬性id的值可以隨便 取，和HTML中的id屬性相同，必須要保證全局唯一，因為之后我們要通過id來引用每個窗口。title屬性就是窗口的標題，xmlns是名稱空間，說 明之下的內容是XUL。 窗口中所有的內容，都要放在<window>和</window>之間，就像HTML中所有的元素必須放在<html>和</html>之間一樣。 2.讓我們往窗口里添點東西吧 所有一般程序具有的窗口控件（按鈕、單選復選框、文本輸入框、下拉菜單……），在firefox的窗口中都可以實現，只不過，不同的窗口控件在XUL中變成了不同的XML標簽，控件的屬性（大小、文本、排列方式……）變成了標簽的屬性值而已。 2.1按鈕 我們先來添加個按鈕，打開test.xul，添加下面的代碼： <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="test-window" title="測試用的窗口" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <button label="普通的按鈕"/> </window> 按鈕在XUL中就是<button>這個標簽，label屬性為按鈕上顯示的文字。 2.2文字 在窗口上顯示的文字，用<label>標簽來顯示： <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="test-window" title="測試用的窗口" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <label value="下面是一個普通的按鈕:)"/> <button label="普通的按鈕"/> </window> 2.3文本輸入框 文本輸入框，為<textbox>標簽。讓我們清除剛才添加的代碼，下面的代碼顯示了<textbox>的幾種用法。 <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="test-window" title="測試用的窗口" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <label value="用戶名"/> <textbox id="username"/> <label value="密碼"/> <textbox id="password" type="password" maxlength="10"/> <label value="個人簡介"/> <textbox multiline="true" value="在這里填入你的個人簡介。"/> </window> 第11行，密碼輸入框要設置type屬性為"password"；第14行，如果需要多行的輸入框，需要指定multiline為"true"。 |
轉載于:https://www.cnblogs.com/jxsoft/archive/2011/04/07/2008179.html
總結
以上是生活随笔為你收集整理的firefox扩展开发(二)：用XUL创建窗口控件的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
