X/Y 맞추기를 사용하여 구성요소 맞추기

구성요소의 레이아웃 특성을 널(null)로 설정하면 레이아웃 사용자 정의 창을 사용하여 해당 경계에 맞게 구성요소를 배열할 수 있습니다.

레이아웃이 널(null)로 설정되면 각 구성요소는 해당 범위에 기초하여 사용자 인터페이스에 독립적으로 배치되고 크기가 조정됩니다. 각 구성요소의 바운드를 독립적으로 갱신하는 오류 프룬 타스크를 방지하려면 비주얼 편집기를 사용하여 관계에 기초한 구성요소의 크기 및 위치를 맞추고 조정할 수 있습니다.

레이아웃이 널(null)로 설정되면 레이아웃 사용자 정의 창은 구성요소 그룹에서 작동하는 여러 조치를 보유합니다. 다음을 수행할 수 있습니다.
  • 에지에 기초한 구성요소 맞추기
  • 가운데 확장점에 기초한 구성요소 맞추기
  • 구성요소를 동일한 너비 및 높이로 작성
  • 지정된 간격에 대해 구성요소를 세로 및 가로 모두로 균등하게 분배

널(null) 레이아웃에서 구성를 맞추거나 크기 조정하거나 분배하려면 다음을 수행하십시오.

  1. 디자인 보기 또는 Java Bean 보기에서 서로에 대해 맞추거나 조정하려는 구성요소를 둘 이상 선택하십시오. 선택 범위 선택 도구를 사용하거나 Ctrl 키를 누른 채로 복수 구성요소를 선택할 수 있습니다. 선택할 마지막 구성요소는 제어 구성요소 또는 앵커입니다. 앵커 구성요소는 검은색의 크기 조정 핸들로 표시되지만, 기타 선택된 구성요소는 흰색 핸들을 보유합니다.
  2. 레이아웃 사용자 정의 창을 열려면 다음 단계 중 하나를 수행하십시오.
    • 마우스 오른쪽 단추를 클릭한 후 팝업 메뉴에서 레이아웃 사용자 정의를 선택하십시오.
    • 도구 모음에서 레이아웃 사용자 정의 맞추기 창 표시 아이콘을 클릭하십시오.

    널(null) 레이아웃에 대한 레이아웃 사용자 정의 창
  3. 구성요소를 서로 맞추려면 다음 단추를 사용하십시오.
    • 왼쪽 맞추기 - 앵커 구성요소의 왼쪽 에지와 구성요소를 맞춥니다.
    • 가운데 맞추기 - 수직면을 따라 앵커 구성요소의 가운데와 구성요소를 맞춥니다.
    • 오른쪽 맞추기 - 앵커 구성요소의 오른쪽 에지와 구성요소를 맞춥니다.
    • 맨 위 맞추기 - 앵커 구성요소의 맨 위 에지와 구성요소를 맞춥니다.
    • 가운데 맞추기 - 수직면을 따라 앵커 구성요소의 가운데와 구성요소를 맞춥니다.
    • 맨 아래 맞추기 - 앵커 구성요소의 맨 아래 에지와 구성요소를 맞춥니다.
  4. 선택된 구성요소의 크기를 조정하려면 다음 단추를 사용하십시오.
    • 너비 일치 - 구성요소를 앵커 구성요소의 너비와 동일하게 합니다.
    • 높이 일치 - 구성요소를 앵커 구성요소의 높이와 동일하게 합니다.
  5. 구성요소의 간격을 분배하려면 먼저 다음 중 하나를 수행하여 분배 영역의 범위를 지정하십시오.
    • 컨테이너를 분배 영역으로 사용하려면 아무 것도 클릭하지 않고(기본 작동), 상자가 이미 표시되어 있는 경우에는 분배 상자 숨기기를 클릭하십시오.
    • 분배 상자 표시를 클릭하고 상자의 핸들을 끌어 분배에 필요한 크기를 작성하십시오.
    그런 다음 다음 단추 중 하나를 사용하여 구성요소를 분배하십시오.
    • 가로로 분배 - 구성요소를 앵커 구성요소의 너비와 동일하게 합니다.
    • 세로로 분배 - 구성요소를 앵커 구성요소의 높이와 동일하게 합니다.

예를 들어 세 개의 JButton 구성요소를 선택하고, 이 구성요소가 동일한 너비가 되어 왼쪽 범위의 각 기타 구성요소와 맞춰지도록 지정할 수 있습니다. 마지막으로 선택된 JButton 구성요소는 두 개의 다른 단추에 대해 앵커 또는 제어로 사용됩니다. 왼쪽 맞추기 조치는 JButton 구성요소를 마지막으로 선택된 JButton 구성요소의 왼쪽 에지와 맞추고 너비 일치 조치는 선택된 JButton 구성요소를 제어 JButton 구성요소의 너비와 동일하게 만듭니다.

레이아웃 사용자 정의 창의 맞추기 단추는 다음 조건이 true일 경우에만 사용 가능합니다.

구성요소를 맞추고 너비 및 높이를 일치시킬 뿐만 아니라 구성요소를 분배할 수 있습니다. 구성요소가 분배되면 구성요소의 위치가 변경되기 때문에 상위 컨테이너가 정의한 경계 상자 내에서 균등한 간격을 가지게 됩니다. 예를 들어, 세로 분배 단추 세로 분배 단추를 클릭하기 전에는 다음 이미지와 같이 세 개의 단추 간격이 일정하지 않습니다.


디자인 보기에 배치된 Bean

세로 분배를 클릭하면 다음 이미지와 같이 구성요소의 간격이 일정해집니다.


세로로 분배된 Bean

상위 높이 내에 세 개의 단추가 분배되어 있음에 유의하십시오(프레임 맨 위 및 맨 아래 에지).

분배에 사용되는 영역을 더 제어하려면 분배 상자 표시 분배 상자 단추를 클릭하여 분배 상자를 사용 가능하게 할 수 있습니다. 이 단추를 클릭하면 선택된 모든 구성요소의 영역 주위에 상자가 표시됩니다. 이 상자는 핸들을 사용하여 이동하거나 크기를 조정할 수 있습니다. 분배 상자를 사용하고 상자가 활성화되면 분배 상자가 제어를 재지정하는 데 사용되는 영역을 정의합니다. 분배 상자를 사용하지 않는 경우, 상위 컨테이너가 분배에 사용되는 영역을 정의합니다. 다음 이미지는 분배 상자를 표시합니다.


분배 상자가 있는 Bean

다음 이미지와 같이 분배 상자를 이동하거나 크기를 조정할 수 있습니다.


크기 조정된
분배 상자의 Bean

분배 상자를 사용하면서 세로 분배를 수행하는 경우, 다음 이미지와 같이 상위 컨테이너가 아닌 상자 경계 내에서 분배 작업이 수행됩니다.


상자 내에 세로로 분배된 Bean

상위 주제: 비주얼 편집기를 사용하여 구성요소 레이아웃

관련 개념
레이아웃 관리자 및 컨테이너

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