3단계: 모양 및 동작 사용자 지정
업데이트: 2007년 11월
이전 단원에서는 응용 프로그램에 컨트롤을 추가하여 사용자 인터페이스를 만들었습니다. 그러나 아직은 완성된 응용 프로그램처럼 보이지 않고 제대로 작동하지도 않습니다. 이 단원에서는 속성 창에서 속성을 설정하여 컨트롤의 모양을 제어합니다.
.gif)
비디오 데모를 보려면 Video How to: Creating Your First Visual Basic Program을 참조하십시오.
컨트롤의 속성을 설정하려면
폼 디자이너에서 Panel 컨트롤을 선택합니다.
IDE의 오른쪽 아래에 있는 속성 창에 Panel1이라는 Panel 컨트롤의 모든 속성이 표시됩니다.
속성 창에서 Dock 속성을 선택한 다음 오른쪽에 있는 화살표를 클릭합니다. 여러 개의 상자가 있는 작은 속성 선택 창이 표시됩니다.
.gif "팁")
팁:Dock 속성은 레이아웃 범주에 있습니다. 속성 창에서 AZ 단추를 클릭하면 속성을 사전순으로 정렬할 수 있습니다.
속성 선택 창의 맨 위에 있는 상자를 클릭하여 Dock 속성을 Top으로 설정합니다. Panel 컨트롤이 폼의 위쪽을 채우도록 확장됩니다.
속성 창에서 Size 속성 옆의 더하기 기호(+)를 클릭하여 해당 속성을 확장합니다.
Width 및 Height 속성이 속성 창에 표시됩니다.
속성 창에서 Panel 컨트롤의 Height 속성이 100으로 설정되어 있습니다. 이 속성 값을 50으로 변경합니다.
폼 디자이너에서 WebBrowser 컨트롤을 선택합니다. 속성 창에서 Dock 속성을 선택하고 오른쪽 화살표를 클릭한 다음 속성 선택 창에서 가운데 상자를 선택하여 Dock 속성을 Fill로 설정합니다.
폼 디자이너에서 Button 컨트롤을 선택합니다.
속성 창에서 Button 컨트롤의 Text 속성을 선택합니다. 오른쪽 열에서 Button1을 삭제하고 Go!로 대체합니다.
컨트롤 중 하나의 크기를 조정하거나 위치를 변경한 다음 필요에 따라 폼의 크기를 조정합니다. 예를 들어 올바른 URL이 모두 표시될 수 있도록 TextBox 컨트롤의 길이를 늘릴 수 있습니다. 다음 그림에서는 웹 브라우저 응용 프로그램의 모양을 예로 보여 줍니다.
웹 브라우저 응용 프로그램
.png)
참고:TextBox 및 Button 컨트롤은 Panel의 맨 위에 있어야 합니다. 그렇지 않으면 응용 프로그램을 실행해도 컨트롤이 나타나지 않습니다.
자세히 보기
이 단원에서는 응용 프로그램의 컨트롤 모양을 변경하는 여러 가지 속성을 설정했습니다. Visual Basic의 속성은 개체의 특성을 나타내는데 이 경우에는 컨트롤입니다. 예를 들어 Button 컨트롤의 한 가지 특성은 자신이 표시하는 텍스트입니다. 이 경우 ' Go!'를 표시하도록 Text 속성을 설정합니다. 속성에 대한 자세한 내용은 자세히 보기: 속성, 메서드 및 이벤트 이해를 참조하십시오.
속성은 텍스트 외에도 다양한 형식의 많은 값을 가질 수 있습니다. 예를 들어, Dock 속성은 속성 선택 창을 통해 사용 가능한 옵션을 표시합니다. 다른 속성 값에는 숫자, 목록에서 선택하는 옵션, true 또는 false 옵션 등이 있습니다.
컨트롤의 크기를 조정하거나 위치를 변경하면 속성도 함께 설정됩니다. Size 및 Location 속성은 폼에서 컨트롤의 크기 및 위치를 결정합니다. 이 속성의 동작을 확인하려면 속성 창에서 Size 속성을 선택하고 마우스를 사용하여 컨트롤의 크기를 조정합니다. 마우스를 놓으면 새 Size 값이 속성 창에 표시됩니다. 컨트롤 레이아웃에 대한 자세한 내용은 자세히 보기: 컨트롤 레이아웃 이해를 참조하십시오.
속성은 속성 창에서 설정할 수도 있지만 코드를 작성하는 방식으로도 대부분의 속성을 설정할 수 있습니다. 다음 단원에서는 코드를 작성하여 속성을 설정하는 방법을 자세히 배웁니다.
다음 단계
이제 사용자 인터페이스가 완성되었습니다! 이제 프로그램이 작동하는 방식에 대한 명령(코드라고도 함)만 추가하면 됩니다. 다음 단원에서는 프로그램에 코드 줄을 추가합니다.
다음 단원: 4단계: Visual Basic 코드 추가