利用相對坐標(biāo)輕松完成網(wǎng)格袋布局

1、電腦知識與技術(shù)網(wǎng)絡(luò)通訊與安全 電腦知識與技術(shù)凡是學(xué)習(xí)過的人都知道，中學(xué)習(xí)起來最困難、最容易引起混淆的就是的布局，尤其是網(wǎng)格袋布局，由于它使用了很多約束條件來控制界面，所以學(xué)習(xí)的人覺得它很復(fù)雜，也很靈活，本文將教你利用單元格相對坐標(biāo)定位輕松搞定網(wǎng)格袋布局。網(wǎng)格袋布局要創(chuàng)建網(wǎng)格袋布局，可以使用類和助手類。管理器是提供的最靈活、最復(fù)雜的布局管理器，它用于定義要放置到單元格中的每個組件的屬性，包括布局、大小、對齊方式等。助手類可以接受幾個網(wǎng)格袋約束條件，網(wǎng)格袋約束條件和每個組件之間的關(guān)系決定了整個布局，約束條件決定了包含在對象以內(nèi)的構(gòu)件參數(shù)的定位。創(chuàng)建網(wǎng)格袋的一般步驟利用相對坐標(biāo)設(shè)計網(wǎng)格在進行創(chuàng)建布局

2、之前，首先要做到心中有數(shù)，我們要繪制的用戶界面要達到什么樣的效果，即進行網(wǎng)格設(shè)計，最好將各個組件的位置以單元格的形式繪制在紙上，每個組件有自己的單元格，不能將多個組件放到同一個單元格中，對每個單元格標(biāo)上坐標(biāo)（，），它們是以單元格為單位，而非像素為單位，并且這個坐標(biāo)是一個相對坐標(biāo)，比如下面圖的坐標(biāo)（，）表示是第一個單元格的坐標(biāo)，那么橫向的第二個單元格坐標(biāo)為（，）；如果將第一個單元格定義為（，），那么橫向的第二個單元格坐標(biāo)為（，），以次類推，因為只要你確定了第一個的位置，其他單元格就依次相對改變坐標(biāo)，不影響整體布局效果，這就是相對坐標(biāo)，這個坐標(biāo)在布局中表現(xiàn)為約束中的和。圖創(chuàng)建網(wǎng)格的步驟第一步：創(chuàng)建

3、一個對象；構(gòu)造方法不需要任何參數(shù)。（）原則上，這條代碼的位置可以比較的隨意，只要你在沒有調(diào)用之前創(chuàng)建都是可以的，一般情況下，我們在將添加到窗口之后寫這條代碼。第二步：將的布局設(shè)置為網(wǎng)格袋；只需要調(diào)用面板的方法。如（）第三步：創(chuàng)建一個對象，即約束對象；的構(gòu)造是沒有參數(shù)的，這就意味著在創(chuàng)建對象之后，我們通常要對對象的屬性進行設(shè)置，這里的屬性即是約束條件。（）第四步：初始化約束設(shè)置；在多個組件的情況下，每個組件有不同的約束，我們可以重用對象，能夠給屬性分配下列值：，。該約束只適用于不充滿整個單元格的組件，即構(gòu)件比它的顯示區(qū)域小的情況，它告訴，將組件放在單元格的什么地方，該約束的有效值包括（水平和垂直

4、居中）、（放置構(gòu)件在容器北部）、（放置構(gòu)件在容器東北部）、（放置構(gòu)件在容器東部）、（放置構(gòu)件在容器東南部）、（放置構(gòu)件在容器南部）、（放置構(gòu)件在容器西南部）、（放置構(gòu)件在容器西部）、（放置構(gòu)件在容器西北部），默認(rèn)為。設(shè)置方法：用于構(gòu)件的顯示區(qū)域比構(gòu)件的要求區(qū)域大以決定是否（并且如何）調(diào)整構(gòu)件的尺寸，它的可能取值有四個：（沿兩個方向伸展，以添滿單元格）、（以最小尺寸顯示組件）、（水平填補顯示區(qū)域，不改變高度）、（垂直填補顯示區(qū)域，不改變寬度）。默認(rèn)為。設(shè)置方法：，它們規(guī)定構(gòu)件在顯示區(qū)域跨越的單元格列數(shù)（）或行數(shù)（），缺省值是。有效值可以是：（規(guī)定構(gòu)件將是行或列里的最后收稿日期：作者簡介：楊懷義（

5、），男，四川通江人，講師，主要研究方向：計算機圖形處理、程序設(shè)計教學(xué)。利用相對坐標(biāo)輕松完成網(wǎng)格袋布局楊懷義（南充職業(yè)技術(shù)學(xué)院，四川南充）摘要：網(wǎng)格袋布局管理器是布局中最有用、最靈活、最復(fù)雜、最難掌握的一種布局管理器，實際上，如果我們明白了在布局時它利用了單元格相對坐標(biāo)定位這一點，以及各個約束條件在布局中的作用，網(wǎng)格袋布局也會變得很輕松。關(guān)鍵詞：；程序設(shè)計；布局管理；網(wǎng)格袋布局器中圖分類號：文獻標(biāo)識碼：文章編號：（）（，）：，：；電腦知識與技術(shù)網(wǎng)絡(luò)通訊與安全一個）；（規(guī)定構(gòu)件將是行或列里的下一個。設(shè)置方法：，這些屬性是組件所在單元格的坐標(biāo)，當(dāng)組件跨越了多個單元格，則該組件的坐標(biāo)應(yīng)為左上角單元格的

6、坐標(biāo)。第一個單元格的坐標(biāo)選取將決定其他單元格坐標(biāo)值的選取，這里將用到我們前面介紹的相對坐標(biāo)的概念，一般情況最左邊的的列地址，最上邊的單元格的地址。設(shè)置方法：；，該屬性確定了是否要將組件水平拉伸（）或垂直拉伸（）填充的顯示區(qū)域。缺省值為，表示兩者都拉伸。設(shè)置方法：，它們規(guī)定了面板內(nèi)組件間的間距大小，構(gòu)件的寬度將是它的最小寬度加上像素（填充應(yīng)用到構(gòu)件的兩邊，即在組件的兩邊加入空白）。同樣，構(gòu)件的高度將是他的最小高度加上像素（即在組件的上下加入空白）。默認(rèn)情況下，組件周圍都沒有空白。決定面板周圍的空白大小。缺省值是（，），表示在上下左右每個構(gòu)件沒有空白。第五步：對要添加的控件進行約束；語法為：網(wǎng)格袋

7、對象（控件名稱，約束對象名稱），如：（，）；第六步：添加控件。語法：（控件名稱），如：（）；對你要添加的每一個控件重復(fù)第四、第五、第六步。實例圖一效果代碼圖效果源代碼本例在及下調(diào)試通過；標(biāo)簽變量；數(shù)據(jù)輸入項控件變量；布局變量；（）初始化布局變量（）；（）；（）（）；（）；創(chuàng)建并添加相應(yīng)控件初始化標(biāo)簽（客戶卡號）；（姓名）；（地址）；（確定）；（取消）；初始化文本框（）；（）；（）；為添加控件；（，）；（）；（，）；（）；為添加控件；（，）；（）；（，）；（）；為添加控件；（，）；（）；（，）；（）；為按鈕添加控件；（，）；（）；（，）；（）；上例沒有對每一個約束都進行設(shè)置，讀者可以在此基礎(chǔ)上做一些修改，或修改有關(guān)參數(shù)值或添加一些約束，多調(diào)試幾次，多觀察，相信你一定會對網(wǎng)格