05 GUI(Graphical User Interface)

Estimated reading: 1 minute 43 views

GUI(Graphical User Interface, 그래픽 사용자 인터페이스)는 사용자가 시각적인 요소(버튼, 텍스트 상자, 리스트 등)를 통해 프로그램과 상호작용할 수 있도록 하는 인터페이스입니다. 오토핫키 v2에서는 GUI 컨트롤을 직관적이고 간단하게 생성 및 제어할 수 있습니다.

GUI는 이용자 경험(UX)을 향상시키고, 비전문가도 쉽게 사용할 수 있는 소프트웨어를 만드는 핵심 기술입니다. 단순한 매크로 스크립트를 넘어, 윈도우 애플리케이션 수준의 사용자 인터페이스를 구축할 수 있는 강력한 도구입니다.

이 장에서는 오토핫키 v2의 주요 GUI 컨트롤을 다룹니다.

GUI의 윈도우(Window) 생성부터 시작하여, 버튼(Button), 에디트(Edit), 리스트뷰(ListView) 등의 다양한 컨트롤을 어떻게 생성하고 제어하는지 단계별로 설명합니다.

각 컨트롤의 동작 방식과 사용 예제를 통해 GUI 컨트롤을 활용한 다양한 사용자 인터페이스 제작 방법을 학습합니다.

이 장의 학습 목표

윈도우(Window) 생성 및 기본 설정 방법을 학습합니다.
텍스트, 입력 필드(Edit), 버튼, 콤보박스, 드롭다운 리스트와 같은 입력 컨트롤을 생성 및 제어할 수 있습니다.
체크박스, 라디오 버튼, 슬라이더, 탭(Tab) 등 선택 컨트롤을 구현할 수 있습니다.
리스트박스, 리스트뷰 등 데이터 목록 컨트롤을 활용하여 대량의 데이터를 시각적으로 관리할 수 있습니다.
이미지, 달력, 날짜 시간 컨트롤을 활용하여 정보를 직관적으로 표시하는 사용자 인터페이스를 만들 수 있습니다.

이 장의 주요 컨트롤

오토핫키 v2의 GUI 컨트롤은 다음과 같이 분류할 수 있습니다.

컨트롤	설명	주요 기능
윈도우(Window)	GUI의 최상위 창을 생성합니다.	창 크기, 위치, 아이콘 설정 등
텍스트(Text)	사용자에게 정보를 전달합니다.	메시지, 제목, 라벨 등
에디트(Edit)	사용자가 입력할 수 있는 입력 필드	입력, 수정 가능
버튼(Button)	사용자가 클릭할 수 있는 버튼	클릭 이벤트 처리 가능
라디오 버튼(Radio)	하나만 선택 가능한 항목	단일 선택 가능
콤보박스(ComboBox)	입력 필드와 목록을 결합한 컨트롤	입력 + 선택 가능
드롭다운리스트(DDL)	목록을 펼쳐서 선택	단일 선택 가능
체크박스(CheckBox)	다중 선택 가능한 항목	여러 항목 선택 가능
날짜시간(DateTime)	날짜와 시간을 선택합니다.	달력 및 시간 선택 가능
달력(MonthCal)	달력을 표시하여 날짜 선택 가능	날짜 선택 및 일정 관리 가능
그룹박스(GroupBox)	여러 컨트롤을 그룹화	GUI의 레이아웃 정리
이미지(Picture)	이미지를 표시합니다.	아이콘, 이미지 삽입 가능
진행바(Progress)	작업의 진행 상태를 표시합니다.	작업 진행률 시각화
슬라이더(Slider)	값을 조정하는 슬라이더	볼륨, 값 조절 가능
탭(Tab)	여러 개의 탭을 생성	탭별로 다른 UI 구성 가능
증감 버튼(UpDown)	숫자를 증감시키는 컨트롤	숫자 조정 가능
리스트박스(ListBox)	목록을 표시하고 선택할 수 있습니다.	단일 선택 및 다중 선택 가능
리스트뷰(ListView)	표 형태로 데이터를 표시	행(Row)과 열(Column) 구조

이 장의 구성

이 장은 초급 → 중급 → 고급 순으로 난이도가 상승하며, 각 컨트롤의 생성과 활용 방법을 다룹니다.
각 컨트롤에 대한 설명과 함께 코드 예제와 실행 결과를 제공합니다.

1. 윈도우(Window)

윈도우(Window)는 모든 컨트롤의 기반이 되는 GUI의 최상위 요소입니다.
여기서는 윈도우 생성, 창 크기, 위치, 창 닫기 등 기본 설정 방법을 학습합니다.

2. 텍스트(Text)

텍스트 컨트롤은 사용자가 읽을 수 있는 라벨, 안내 메시지, 설명 등을 표시하는 요소입니다.
간단한 메시지 또는 사용자에게 안내할 정보를 화면에 표시하는 데 사용합니다.

3. 에디트(Edit)

Edit 컨트롤은 사용자가 입력할 수 있는 입력 필드입니다.
텍스트 입력, 숫자 입력, 다중 행 입력 등을 지원하며, 로그인 폼, 검색창, 사용자 입력 인터페이스에 자주 사용됩니다.

4. 버튼(Button)

Button 컨트롤은 사용자가 클릭할 수 있는 버튼입니다.
클릭 이벤트 처리를 통해 특정 작업을 수행할 수 있습니다.

5. 라디오 버튼(Radio)

Radio 컨트롤은 여러 개의 항목 중 하나만 선택할 수 있는 컨트롤입니다.
설문조사, 양식 선택 등 단일 선택이 필요한 경우에 사용됩니다.

6. 콤보박스(ComboBox)

ComboBox 컨트롤은 입력 필드와 드롭다운 목록을 결합한 컨트롤입니다.
기존 항목 중 하나를 선택하거나 직접 입력할 수 있습니다.

7. 드롭다운리스트(DropDownList, DDL)

드롭다운 리스트(DDL)는 사용자가 목록을 펼쳐 하나의 항목을 선택할 수 있는 컨트롤입니다.
고정된 옵션 목록에서 하나의 값을 선택할 때 유용합니다.

8. 체크박스(CheckBox)

체크박스(CheckBox)는 다중 선택을 지원하는 컨트롤입니다.
여러 개의 항목 중 하나 또는 여러 개를 선택할 수 있습니다.

9. 리스트박스(ListBox)

ListBox 컨트롤은 여러 개의 항목을 목록으로 표시하고, 사용자가 하나 이상의 항목을 선택할 수 있습니다.
단일 선택 모드와 다중 선택 모드를 모두 지원합니다.

10. 리스트뷰(ListView)

ListView 컨트롤은 표 형태로 데이터를 정렬 및 관리할 수 있는 컨트롤입니다.
파일 탐색기의 목록 뷰와 유사한 인터페이스로, 열(Column)과 행(Row)으로 구성됩니다.

이 장을 학습한 후 할 수 있는 것

GUI 기반 애플리케이션 제작: GUI 컨트롤을 조합하여 단순 매크로에서 독립 실행형 프로그램을 만들 수 있습니다.
동적 인터페이스 생성: 동적 컨트롤 추가, 삭제 및 정렬을 통해 유연한 사용자 인터페이스를 생성할 수 있습니다.
이벤트 기반 인터페이스 구현: 클릭, 선택, 입력 이벤트를 처리하여 사용자 상호작용을 반영할 수 있습니다.

이 장을 학습하면, 오토핫키 v2의 GUI 컨트롤을 자유자재로 다룰 수 있는 능력을 갖추게 됩니다.
이제부터, 각 컨트롤의 생성 및 제어 방법을 단계별로 학습해보겠습니다.