利用 X/Y 對齊方式來對齊元件

當您把元件的佈置內容設為空值時,就可以使用「自訂佈置」視窗,依據界限來對齊元件。

如果把佈置設為空值,每一個元件就能夠在使用者介面上獨立放置, 並且根據其界限來調整大小。 如果要避免個別更新每一個元件界限這種單調且容易出錯的作業, 可以根據關係,利用視覺化編輯器來對齊和調整元件的大小和位置。

如果把佈置設為空值,「自訂佈置」視窗就有許多動作可以處理元件群組。 您可以:
  • 依據邊緣來對齊元件
  • 依據中心點來對齊元件
  • 讓元件等寬和等高
  • 在一個既定的空間中,以水平和垂直均勻分佈元件

如果要在空值佈置中對齊、調整大小和分佈元件,請執行下列動作:

  1. 在「設計」視圖或 Java Bean 視圖中,選取兩個或兩個以上您要互相對齊或調整的元件。 您可以使用跑馬燈選取工具,也可以按住 Ctrl 鍵,來選取多個元件。 您所選的最後一個元件,是控制項元件或錨點。 錨點元件是以調整大小的黑色控點指出,而其他所選的元件則為白色控點。
  2. 請執行下列一個動作,開啟「自訂佈置」視窗:
    • 按一下滑鼠右鍵,然後從蹦現功能表中選取自訂佈置
    • 按一下工具列中的自訂佈置顯示對齊視窗圖示

    空值佈置的「自訂佈置」視窗
  3. 如果要讓元件互相對齊,請使用下列按鈕:
    • 靠左對齊 - 將元件對齊錨點元件的左邊緣。
    • 置中對齊 - 將元件沿著垂直平面對齊錨點元件的中央。
    • 靠右對齊 - 將元件對齊錨點元件的右邊緣。
    • 靠上對齊 - 將元件對齊錨點元件的上邊緣。
    • 置中對齊 - 將元件沿著水平平面,對齊錨點元件的中間。
    • 靠下對齊 - 將元件對齊錨點元件的下邊緣。
  4. 如果要調整所選元件的大小,請使用下列按鈕:
    • 符合寬度 - 讓這些元件與錨點元件等寬。
    • 符合寬度 - 讓這些元件與錨點元件等高。
  5. 如果要分配元件的間距,請先執行下列一項作業,指定分佈區的界限:
    • 按一下空白區, 以儲存器作為分佈區(這是預設行為), 如果該方框已經顯示出來,則按一下隱藏分佈框
    • 按一下顯示分佈框,拖曳該框的控點,針對分佈作業建立您所滿意的大小。
    然後,再使用下列一個按鈕來分佈元件:
    • 水平分佈 - 讓元件與錨點元件等寬。
    • 垂直分佈 - 讓元件與錨點元件等高。

比方說,您可以選擇三個 JButton 元件,指定讓它們等寬,並且彼此對齊左界限。最後一個選定的 JButton 元件,是作為其他兩個按鈕的錨點或控制項使用。 「靠左對齊」動作可以將 JButton 元件對齊最後選取的 JButton 元件左邊緣,而「符合寬度」動作則讓所選的 JButton 元件與控制項 JButton 元件等寬。

「自訂佈置」視窗上的對齊按鈕,只有在下列情況下才會啟用:

除了對齊元件,並且讓元件等寬與等高之外,您還可以分佈元件。 分佈元件時會變更其位置,這樣一來,就可以等距分佈在母項儲存器所定義的外框內。 比方說,在按一下垂直分佈按鈕 垂直分佈按鈕之前,有三個按鈕的間距不平均,如下圖所示:


「設計」視圖上的 Bean

按一下垂直分佈之後,這些元件就平均分佈了,如下圖所示:


垂直分佈的 Bean

請注意,其中三個按鈕會依母項的高度(頁框的上下邊緣)垂直分佈。

如果要對分佈用的區域有更大的控制權,您可以按一下顯示分佈框 分佈框按鈕,來啟用分佈框。 當您按一下這個按鈕時,會在所有所選元件的區域周圍畫出一個方框。 您可以移動這個方框,並且利用其控點來調整其大小。 當您使用分佈框,而且分佈框是在作用中時,分佈框會定義重新定位控制項所用的區域。 如果沒有分佈框,則由母項儲存器定義所手的分佈區域。 下圖是一個分佈框:


分佈框中的 Bean

您可以移動分佈框,並且調整其大小,如下圖所示:


調整大小後的分佈框中的 Bean

如果您使用分佈框來執行垂直分佈, 則分佈作業會在分佈框界限內進行, 而不是在母項儲存器內進行,如下圖所示:


在方框中垂直佈的 Bean

母主題:利用視覺化編輯器佈置元件

相關概念
佈置管理程式和儲存器

(C) Copyright IBM Corporation 1999, 2004. All Rights Reserved.