예제로 익히는 비베 기초(2)-그래픽뷰어(상)

글쓴이 /

비베 프로그래밍에서 자주 사용하는 컨트롤들을 어떻게 설명할까 고민고민하다가 내린 결론이 “몸에 와 닿는 예제로 배우자”였습니다. 그래서 지난 시간에 Timer 컨트롤과 Label 컨트롤, CommandButton 컨트롤을 이용하여 시계를 만들어 봤습니다. 이번 시간에는 보다 고급적(?)인 프로그램을 하나 만들어 보죠.
간단한 그래픽 뷰어를 만들면서 Image, ListBox, ComboBox 컨트롤에 대해 익히는 알아보도록 하죠.(그렇게 되면 지금까지 Text, Label, CommandButton, Timer, Image, ListBox, ComboBox 컨트롤에 대해 미약하지만 한번씩은 짚고 넘어가게 되네요.)

  1. 먼저 아래 그림과 같이 만들어 보세요.

    • Label 컨트롤은 이미 앞 시간에 해봤으니 어떤 기능인지 아실 것이고…
    • 위 그림에서 파란색 Image 컨트롤은 그림을 보여주는 기능을 합니다.
    • 보라색의 ListBox 컨트롤과 연두색의 ComboBox 컨트롤은 모두 리스트를 보여주고 특정 항목을 고를 때 사용하는 것입니다. ListBox와 ComboBox는 그 모양에서도 다소 차이가 나지만, LIstBox는 정해진 목록에서만 선택할 수 있고 ComboBox는 목록에서 선택하거나 직접 입력할 수도 있다는 점이 다릅니다.
  2. 각각의 컨트롤에 다음과 같이 속성을 변경합니다.

    • Image의 BorderStyle은 기본값이 0입니다. 즉 테두리 표시가 없습니다. 이 값을 1로 바꾸면 입체감있는 테두리로 바뀝니다.
    • Image의 Stretch 속성의 기본값은 False입니다. Stretch는 우리말로 ‘잡아 늘이다”쭉 펴다’라는 뜻인 것은 아시죠? 즉 우리가 위에서 그려놓은 Image 영역보다 그림 크기가 크든 작든 Image 영역에 맞추어 보이도록 하는 것입니다.
    • Label의 AutoSize 속성은 Label의 Caption 문자열 길이에 맞춰 자동으로 너비를 조절하라는 것입니다. 만약 AutoSize의 속성이 False인 상태에서 Label에 표시될 문자열이 길 경우 잘리게 된다는 말입니다.
    • ComboBox의 Style을 ‘2 – 드롭다운 목록’으로 바꾸면 ComboBox 내의 목록에서만 선택할 수 있고 직접 어떤 값을 입력할 수는 없게 한다는 것입니다. 즉 ListBox의 기능과 동일하게 한다는 뜻이죠.(모양만 다르고….)
  3. 다음은 코드 창을 열어 아래와 같이 코딩해 봅시다.
    코드 창 열 줄 아시죠? [보기] 메뉴의 제일 처음에 보이는 [코드]를 선택하면 됩니다. 그 외에도 여러 방법이 있지만…

    • 위 그림의 보라색 부분에 보이는 것처럼 Form 개체에서 Load 이벤트를 선택합니다.
      코드 창을 열 때 폼을 더블클릭해서 열면 자동으로 Form의 Load 이벤트 함수가 표시됩니다. (앞에서 이미 설명한 것 같은데…)

    • 위의 ①과 같은 코드를 직접 입력합니다.
      • List1.AddItem은 ‘List1’이라는 ListBox에 항목을 추가하라는 메서드입니다.
        즉, List1.AddItem “워드프로세서”, 0이라고 하면, ‘List1’이라는 ListBox에 ‘워드프로세서”라는 항목을 추가하고, 이 ‘워드프로세서’라는 항목의 값을 ‘0’으로 지정한다는 뜻입니다.

      • Combo1.AddItem 문장도 같은 뜻입니다. ListBox와 ComboBox의 속성과 메서드는 거의 동일합니다.
    • 다음 코드를 더 입력하기 전에 지금까지 입력한 결과를 확인하기 위해 [F5]를 누르거나 도구 모음에서 실행 단추(▶)를 눌러 실행해 봅시다.
    • 리스트 박스에 위에서 입력한 4가지 항목이 보이고, 콤보 박스를 클릭했을 때에도 4개의 항목이 모두 보입니까? 그러면 지금까지는 성공했습니다. 만약 안되는 분…… 본 강좌 처음부터 다시 한번 찬찬히 살펴보시기 바랍니다.

이번 강좌는 여기서 끝내야겠습니다. 추가로 입력해야할 코드가 Select Case 제어문인데, 계속 설명하려니 너무 길어질 것 같네요.
아쉽지만 다음 강좌를 위해 지금까지 작성한 것을 저장해 두세요. 폼 파일은 “콤보와리스트”로 하고, 프로젝트 파일명도 “콤보와리스트”로 해서 저장해 둡시다.

성격이 좀 급한 분들을 위해 소스 파일을 미리 올려두겠습니다. 다음 강좌 이전에 미리 예습을 하셔도 좋습니다.(혹시 미리 실행해 보시려면 C:vb실습 폴더를 만들고 그 안에 소프 파일의 모든 그림 파일을 복사해 두어야 합니다.)

다음 강좌에서 계속 이어집니다.

이상 동주아빠 손병목이었습니다.

위로 스크롤