새 프로젝트를 시작하고 컴포넌트 팔레트의 Additional페이지에 있는 TControlBar 컴포넌트를 세개 올려놓자. 각 TControlBar의 Align 프로퍼티를 각각 alTop, alBottom, alLeft로 설정하자. 이 ControlBar들을 Dock Site로 사용하기 위해 DockSite프로퍼티가 기본값인 True로 설정되어 있는지 확인하자.
이 예제에서는 TControlBar를 사용했지만 물론 TCoolBar를 Dock Site로 사용할 수도 있다.
두번째... 메뉴 만들기
다음으로 할 일은 메뉴를 만들어 주는 것이다. TMainMenu컴포넌트를 폼 위에 올리고 적당한 메뉴 아이템들을 만들어 주도록 하자. 한가지 주의할 것은, 한글로 메뉴의 Caption을 지정하다 보면 실제 메뉴 아이템의 이름은 N1, N2... 와 같이 붙게 되므로 나중에 혼동할 우려가 있다. 메뉴 아이템의 이름을 알아보기 쉽도록 지정해 주자.
이제 폼 위에는 메뉴가 나타날 것이다. 이 메뉴를 도킹메뉴로 만들기 위해서는 폼의 MainMenu프로퍼티를 Nil로 만들어 주어야 한다. Form1에 대한 오브젝트 인스펙터의 MainMenu 항목을 지우고 [Enter]키를 누르면 폼에서 메뉴가 사라지게 된다.
두번째 단계에서 할 일은 이것이 전부이다.
세번째... TToolBar 컴포넌트 올려놓기
컴포넌트 팔레트의 Win32페이지에서 TToolBar컴포넌트를 선택해 폼의 윗부분에 있는 ControlBar컴포넌트 위에 올려놓자. 이 ToolBar는 두번째 단계에서 만들어 놓은 메뉴를 담게 될 것이다.
먼저, ToolBar의 폭을 적당히 조절하고 모든 EdgeBorders값을 False로 놓는다. 다음으로 ToolBar의 도킹기능을 켜주기 위해 DragKind프로퍼티를 dkDock으로 하고 DragMode프로퍼티의 값은 dmAutomatic으로 한다. 그리고 Flat프로퍼티를 True로 셋팅한다. 이렇게 하면 ToolBar위의 버튼들은 마우스가 접근할 경우에만 튀어나오게 된다. 마지막으로 ShowCaption프로퍼티를 True로 셋팅한다.
이제 ToolBar 컴포넌트에 메뉴를 담을 준비가 모드 끝났다.
네번째... 메뉴 버튼 더하기
이맘때쯤 짐작 하겠지만, 세번째 단계에서 만들어 놓은 메뉴바는 특정한 메뉴아이템과 연결된 버튼의 컨테이너 역할을 하게 된다. 따라서 툴바는 메뉴 아이템중 최상단의 아이템과 연결된 버튼들을 담게 된다. (예를 들면
첫번째... Dock Site 생성
제일 먼저 할 일은 메뉴가 붙을 곳을 한군데 이상 지정해 주는 것이다.
새 프로젝트를 시작하고 컴포넌트 팔레트의 Additional페이지에 있는 TControlBar 컴포넌트를 세개 올려놓자. 각 TControlBar의 Align 프로퍼티를 각각 alTop, alBottom, alLeft로 설정하자. 이 ControlBar들을 Dock Site로 사용하기 위해 DockSite프로퍼티가 기본값인 True로 설정되어 있는지 확인하자.
이 예제에서는 TControlBar를 사용했지만 물론 TCoolBar를 Dock Site로 사용할 수도 있다.
두번째... 메뉴 만들기
다음으로 할 일은 메뉴를 만들어 주는 것이다. TMainMenu컴포넌트를 폼 위에 올리고 적당한 메뉴 아이템들을 만들어 주도록 하자. 한가지 주의할 것은, 한글로 메뉴의 Caption을 지정하다 보면 실제 메뉴 아이템의 이름은 N1, N2... 와 같이 붙게 되므로 나중에 혼동할 우려가 있다. 메뉴 아이템의 이름을 알아보기 쉽도록 지정해 주자.
이제 폼 위에는 메뉴가 나타날 것이다. 이 메뉴를 도킹메뉴로 만들기 위해서는 폼의 MainMenu프로퍼티를 Nil로 만들어 주어야 한다. Form1에 대한 오브젝트 인스펙터의 MainMenu 항목을 지우고 [Enter]키를 누르면 폼에서 메뉴가 사라지게 된다.
두번째 단계에서 할 일은 이것이 전부이다.
세번째... TToolBar 컴포넌트 올려놓기
컴포넌트 팔레트의 Win32페이지에서 TToolBar컴포넌트를 선택해 폼의 윗부분에 있는 ControlBar컴포넌트 위에 올려놓자. 이 ToolBar는 두번째 단계에서 만들어 놓은 메뉴를 담게 될 것이다.
먼저, ToolBar의 폭을 적당히 조절하고 모든 EdgeBorders값을 False로 놓는다. 다음으로 ToolBar의 도킹기능을 켜주기 위해 DragKind프로퍼티를 dkDock으로 하고 DragMode프로퍼티의 값은 dmAutomatic으로 한다. 그리고 Flat프로퍼티를 True로 셋팅한다. 이렇게 하면 ToolBar위의 버튼들은 마우스가 접근할 경우에만 튀어나오게 된다. 마지막으로 ShowCaption프로퍼티를 True로 셋팅한다.
이제 ToolBar 컴포넌트에 메뉴를 담을 준비가 모드 끝났다.
네번째... 메뉴 버튼 더하기
이맘때쯤 짐작 하겠지만, 세번째 단계에서 만들어 놓은 메뉴바는 특정한 메뉴아이템과 연결된 버튼의 컨테이너 역할을 하게 된다. 따라서 툴바는 메뉴 아이템중 최상단의 아이템과 연결된 버튼들을 담게 된다. (예를 들면