firefox擴充套件開發 三 排列視窗控制項II

2021-09-06 02:54:20 字數 2169 閱讀 3874

當我們把上面的視窗拖大,視窗控制項還是停留在視窗的左邊,留下右邊一大片空白,這似乎不是我們想要的效果:

我們可以在或中的pack屬性來控制,pack有3種值:

start:對vbox來說,是盒內全部靠上,對hbox,就是盒內全部靠左。

center:盒內居中。

end:vbox是靠下,hbox是靠右。

這裡,我們還要介紹乙個flex屬性,預設情況下,盒子的大小是不變的,等於盒內元素的總大小,但是當flex屬性為"1"時,盒子的大小是隨著視窗的增大而增大,這樣才能通過設定pack屬性控制盒內的布局:

<?xml

version="1.0"

?>

<?xml-stylesheet

href="chrome://global/skin/"

type="text/css"

?>

id= "test-window"

title=

"測試用的視窗"

xmlns=

"">

>

pack="center"

flex="1"

>

>

value="使用者名稱:"

/>

value="密碼:"

/>

>

>

id="login"

/>

id="pass"

/>

>

>

pack="center"

flex="1"

>

id="ok"

label="登入"

/>

id="cancel"

label="取消"

/>

>

>

>

這樣就實現了居中:

有的時候,視窗中一部分空間是相互關聯的,為了表示出這種關聯關係,要用到:

<?xml

version="1.0"

?>

<?xml-stylesheet

href="chrome://global/skin/"

type="text/css"

?>

id= "test-window"

title=

"測試用的視窗"

xmlns=

"">

>

label="9月20日是……?"

/>

value="植樹節"

/>

value="愛牙日"

/>

value="中秋節"

/>

value="元宵節"

/>

>

>

顯示效果:

的值,就是分組標籤標題的值,甚至可以包含其他的控制項:

<?xml

version="1.0"

?>

<?xml-stylesheet

href="chrome://global/skin/"

type="text/css"

?>

id= "test-window"

title=

"測試用的視窗"

xmlns=

"">

>

>

label="enable backups"

/>

>

>

control="dir"

value="directory:"

/>

id="dir"

/>

>

label="compress archived files"

/>

>

>

顯示效果:

三 排序演算法

所有例子都是公升序排序。資料分成兩部分 已排序和待排序。排序過程中,資料移動分為兩種 1.直接移動 移動資料的儲存位置,消耗時間 2.邏輯移動 改變指向這些資料的指標 特點 遍歷待排序資料,把最小值與起始資料 最左邊 交換位置 次數 第一輪n 1次,第k輪n k次 步驟 1.如果待排序資料大於0,則...

ObjectDataSourc用法之三 排序

objectdatasourc用法之三 排序 sortparametername引數主要用於對資料來源控制項進尾排序 1.準備條件 引數 objectdatasource用法之一 selectmethod來進行簡單的邦定 新增乙個處理物件排序的類reverser public class rever...

firefox擴充套件開發 二 用XUL建立視窗控制項

firefox擴充套件開發 二 用xul建立視窗控制項 2008 06 11 16 57 1.建立乙個簡單的視窗 version 1.0 href chrome global skin type text css id test window title 測試用的視窗 xmlns 把上述的 儲存為t...