VB.NET - ToolStrip을 이용한 툴바 생성

이 블로그를 보고 있는 구글 크롬을 포함해 윈도우용 응용프로그램은 대부분 상단에 툴바가 존재한다. 툴바는 그만큼 많은 사용자들에게 익숙한 UI이기 때문에 거의 모든 프로젝트에는 어김없이 툴바가 포함되어 있다. 이에 이번 강좌에서는 VB.NET의 도구 상자에 있는 ToolStrip 컨트롤을 이용해서 윈도우용 툴바를 사용하는 방법에 대해 알아보도록 하자.

 

아래 예제는  Microsoft Visual Studio 2022 Community, Windows Form 앱, .NET 6.0으로 작성됐지만, 아주 오래되지 않은 웬만한 버전의 Visual Studio에서는 거의 비슷하게 동작합니다. 완성된 프로젝트의 모습은 아래와 같습니다.

 

ToolStrip 완성된 모습

VB.NET - ToolStrip을 이용한 툴바 생성

이제 본격적으로 시작해봅시다. 참고로 저는 프로젝트 이름을 TBTest로 생성했습니다.

1. Form에 아래의 컨트롤을 추가하세요.

컨트롤	Name	속성
ToolStrip	ToolStripMain	Items - 편집
TextBox	TextBoxMain	Multiline = True

2. 툴바의 Items 속성에 아래와 같이 버튼을 2개 입력하세요.

ToolStrip에 버튼 추가

툴바에 Button, Label, SplitButton,  DropDownButton, Separator, ComboBox, TextBox, ProgressBar를 각각 추가할 수 있으며, 별도의 사용방법을 설명할 필요도 없이 간략하기 때문에 이 예제에서는 버튼만 2개 추가하도록 하겠다.

컨트롤	Name	Text	DisplayStyle
Button	TBButtonStart	&Start	Text
Button	TBButtonStop	S&top	Text

툴바의 버튼에 이미지를 넣는게 일반적이기는 하지만 여기서는 DisplayStyle을 Text로 설정해서 텍스트만 보이도록 만들었다. DisplayStyle은 아래와 같이 사용이 가능하니 참고하도록 하자.

• None - 텍스트와 이미지를 모두 사용 안함
• Text - 텍스트만 사용
• Image - 이미지만 사용
• ImageAndText - 텍스트와 이미지를 모두 사용

이제 간략히 소스를 구현해보자. Start 버튼을 누르면 "Start Button Clicked!", Stop 버튼을 누르면 "Stop Button Clicked!"이 텍스트박스에 출력되도록 만들것이다. 이를 위해 디자인창에서 Start 버튼과 Stop 버튼을 각각 더블클릭해서 소스 편집기를 띄운 후 아래와 같이 입력하면 된다.

Private Sub TSButtonStart_Click(sender As Object, e As EventArgs) Handles TSButtonStart.Click
    TextBoxMain.Text &= "Start Button Clicked!" & vbCrLf
End Sub

Private Sub TSButtonStop_Click(sender As Object, e As EventArgs) Handles TSButtonStop.Click
    TextBoxMain.Text &= "Stop Button Clicked!" & vbCrLf
End Sub

디자인에 추가한 텍스트상자에 내용을 추가하는 간략한 소스이다.

마치며...

여기까지 이해하고 따라왔다면 이제 VB.NET에서 툴바를 사용하는 방법을 알게 됐을 것이다. 툴바를 처음 사용해보는 분들은 여기서 끝내지 말고, 버튼에 이미지를 넣어보고, 버튼 외에 Label, TextBox등 여러 컨트롤들을 추가해보면서 툴바의 사용법을 제대로 숙지하기를 바란다.

 

관련글 : 2023.02.22 - [VB.NET/왕초보] - [VB.NET] 기본 컨트롤 - Button

[VB.NET] 기본 컨트롤 - Button