그래픽 위젯
Graphical widget |
그래픽 사용자 인터페이스의 그래픽 위젯(그래픽 제어 요소 또는 제어 장치)은 단추나 스크롤 막대와 같은 상호작용의 요소다.컨트롤은 컴퓨터 사용자가 응용 프로그램에 대한 정보를 읽거나 편집하기 위해 직접 조작을 통해 상호 작용하는 소프트웨어 구성품이다.Windows Presentation Foundation, GTK 및 Cocoa와 같은 사용자 인터페이스 라이브러리에는 컨트롤 모음과 이를 렌더링하는 논리가 포함되어 있다.[1]
각 위젯은 특정 유형의 사용자-컴퓨터 상호작용을 용이하게 하며, 테마에 의해 정의되고 렌더링 엔진에 의해 렌더링되는 애플리케이션 GUI의 가시적인 부분으로 나타난다.이 테마는 모든 위젯이 통일된 미적 디자인을 고수하도록 하고 전체적인 응집감을 조성한다.일부 위젯은 레이블, 단추 및 확인란과 같은 사용자와의 상호작용을 지원한다.다른 것들은 윈도우, 패널, 탭과 같이 자신에게 추가된 위젯을 그룹화하는 컨테이너 역할을 한다.
위젯 툴킷으로 사용자 인터페이스를 구성하면 개발자가 유사한 작업에 코드를 재사용할 수 있으며, 사용자에게 상호작용을 위한 공통 언어를 제공하여 정보 시스템 전체의 일관성을 유지할 수 있다.
그래픽 사용자 인터페이스 구축업체는 사용자 인터페이스 마크업 언어를 사용하는 WYSIWYG 방식으로 GUI를 쉽게 저작할 수 있다.이들은 개발자가 제공한 일반적인 설명에서 위젯에 대한 모든 소스 코드를 자동으로 생성하며, 대개 직접 조작을 통해 생성된다.
역사 및 사용
모든 위젯은 사용자가 변경할 수 있는 창이나 텍스트 상자 같은 정보 배열을 표시한다.위젯의 정의 특성은 주어진 종류의 데이터를 직접 조작하기 위한 단일 상호작용 지점을 제공하는 것이다.즉, 위젯은 응용프로그램에서 결합하여 응용프로그램에 의해 처리되는 모든 데이터와 이 데이터에 대한 사용 가능한 상호작용을 저장하는 기본적인 시각적 구성 블록이다.
GUI 위젯은 프로그램의 인체-기계 인터페이스를 구축하는 데 사용되는 그래픽 요소다.GUI 위젯은 소프트웨어 구성요소와 같이 구현된다.GTK+ 또는 Qt와 같은 위젯 툴킷과 소프트웨어 프레임워크는 프로그래머가 프로그램을 위한 GUI를 구축하는 데 사용할 수 있도록 소프트웨어 라이브러리에 포함시킨다.
제록스 알토 사용자 인터페이스를 위한 Palo Alto Research Center Inc. 연구에 기초하여 일반 정보를 보유하기 위해 공통의 재사용 가능한 위젯 제품군이 진화했다.이러한 일반적인 위젯의 다양한 구현은 종종 프로그래머들이 그래픽 사용자 인터페이스(GUI)를 구축하기 위해 사용하는 위젯 툴킷에 함께 포장된다.대부분의 운영 체제는 프로그래머가 어떻게 행동해야 하는지를 명시하면서 응용프로그램에 통합할 수 있는 일련의 맞춤식 위젯을 포함한다.[2]각 유형의 위젯은 일반적으로 개체 지향 프로그래밍(OOP)에 의해 클래스로 정의된다.따라서 많은 위젯은 계급 상속에서 파생된다.
응용프로그램의 맥락에서, 위젯은 주어진 시점에 활성화되거나 비활성화될 수 있다.활성화된 위젯은 키 입력 또는 마우스 동작과 같은 이벤트에 응답할 수 있는 용량을 가지고 있다.이러한 이벤트에 응답할 수 없는 위젯은 비활성화된 것으로 간주된다.위젯의 외형은 일반적으로 활성화 또는 비활성화 여부에 따라 달라진다. 사용하지 않을 경우 위젯을 더 밝은 색(회색)으로 그리거나 어떤 방식으로든 시각적으로 가려질 수 있다.예를 들어 인접 이미지를 참조하십시오.
사용 불가능한 제어장치를 완전히 숨기기 보다는 사용 불가능한 제어장치를 사용 불가능하게 하는 이점은 사용자가 제어장치가 존재하지만 현재 사용할 수 없다는 것을 보여준다는 것이다(일부 다른 제어장치를 변경하면 사용 가능할 수 있다는 함축성). 제어장치를 어디서 찾아야 할지 사용자에게 불확실하게 하는 것이 아니라,
위젯은 때때로 포인터로 클릭할 수 있는 가상 버튼과 손가락으로 누를 수 있는 물리적 버튼과 같이 물리적 버튼과 구별하기 위해 가상으로 자격을 부여한다.
관련(그러나 다른) 개념은 데스크톱 위젯으로, 시계, 캘린더, 뉴스 집계기, 계산기 및 데스크톱 노트와 같이 자주 사용되는 기능에 대한 시각적 정보 및/또는 손쉬운 액세스를 제공하는 소규모 전문 GUI 애플리케이션이다.이러한 종류의 위젯은 위젯 엔진에 의해 호스트된다.
어원
"위젯"은 1920년경 미국영어로, 어떤 유용한 장치, 특히 판매를 위해 제조된 제품의 총칭이다.컴퓨터 사용에서 그것은 "창문가젯"의 단축된 형태로 빌렸고 1988년 프로젝트 아테나 동안 사용자 인터페이스 요소에 처음 적용되었다.[citation needed]이 단어는 프로젝트의 Essentics 툴킷이 각 위젯을 기본 X Window 시스템의 창과 연결했기 때문에 "다른 모든 공통 용어에는 부적절한 함축이 과부하되어 있었다"와 단어 창과의 공통 접두사 때문에 선택되었다.[3]
일반 위젯 목록
- 컬렉션 선택 및 표시
- 버튼 – 작업을 수행하기 위해 클릭할 수 있는 컨트롤.기계식 또는 전자식 계측기에서 볼 수 있는 푸시버튼과 동일함.
- 라디오 버튼 – 라디오 튜닝 전용 버튼 그룹에서 라디오 방송국을 선택하는 것과 유사하게, 선택 옵션 중에서 하나를 선택하기 위해 클릭할 수 있는 컨트롤.라디오 버튼은 항상 쌍 또는 더 큰 그룹으로 표시되며, 그룹 내에서 한 번에 하나의 옵션만 선택할 수 있다. 그룹의 버튼에서 새 항목을 선택하면 이전에 선택한 버튼도 선택 해제된다.
- 확인란 – 옵션을 활성화하거나 비활성화할 때 클릭할 수 있는 컨트롤.체크박스라고도 한다.이 상자는 체크 표시/틱 ☑ 또는 십자 표시 ☒을 통해 "ON" 또는 "OFF" 상태를 나타낸다.중간 상태(shaded 또는 대시 포함)로 표시하여 여러 선택 항목의 다양한 객체가 확인란으로 표시되는 속성에 대해 서로 다른 값을 가지고 있음을 나타낼 수 있다.라디오 버튼과 대조적으로 그룹의 여러 확인란을 선택할 수 있다.
- 토글 스위치 - 기능적으로 확인란과 유사함켜거나 끌 수 있지만 확인란과 달리 이는 일반적으로 즉각적인 효과를 가진다.
- 토글 버튼 - 기능적으로 확인란과 유사하지만 스위치로 작동하지만 버튼으로 표시됨.켜거나 끌 수 있다.
- 분할 버튼 – 버튼(일반적으로 일부 기본 작업을 호출함)과 드롭다운 목록을 관련 보조 작업과 결합하는 컨트롤
- 사이클 버튼 - 둘 이상의 값을 통해 내용을 순환시켜 항목 그룹에서 하나를 선택할 수 있는 버튼.
- 슬라이더 – 바에서 위아래(수직 슬라이더) 또는 좌우(수평 슬라이더)를 움직여 값(또는 핸들이 두 개 있는 경우 범위)을 선택할 수 있는 핸들로 제어이 막대는 사용자가 허용치 범위 전체에 걸쳐 값을 조정하거나 프로세스를 조정할 수 있도록 한다.
- 목록 상자 – 사용자가 정적 다중 줄 텍스트 상자에 포함된 목록에서 하나 이상의 항목을 선택할 수 있는 그래픽 제어 요소.
- Spinner – 다양한 값의 범위를 밟을 수 있는 작은 위/아래 버튼이 있는 값 입력 제어
- 드롭다운 목록 – 선택할 항목의 목록.이 목록은 보통 특별한 버튼이나 표시기를 클릭했을 때만 항목을 표시한다.
- 메뉴 – 활성화할 선택 항목을 선택하기 위해 클릭할 수 있는 여러 동작으로 제어
- 메뉴 모음 – 드롭다운 메뉴를 포함하는 그래픽 제어 요소
- 도구 모음 – 화면 버튼, 아이콘, 메뉴 또는 기타 입력 또는 출력 요소를 배치하는 그래픽 제어 요소
- 리본 – 메뉴와 도구 모음이 혼합되어 탭으로 된 인터페이스를 통해 시각적 레이아웃에 많은 명령 모음을 표시한다.
- 콤보 상자(메뉴 또는 목록 상자가 있는 텍스트 상자) – 사용자가 컨트롤에 직접 값을 입력하거나 기존 옵션 목록에서 선택할 수 있는 단일 줄 텍스트 상자와 드롭다운 목록 또는 목록 상자의 조합.
- 아이콘 – 소프트웨어 도구, 기능 또는 데이터 파일을 빠르게 이해할 수 있는 기호
- 트리 뷰 – 정보의 계층적 뷰를 표시하는 그래픽 제어 요소
- 그리드 보기 또는 데이터그리드 – 숫자 또는 텍스트를 행과 열에 입력할 수 있는 스프레드시트 형태의 데이터 표 보기입니다.
- 버튼 – 작업을 수행하기 위해 클릭할 수 있는 컨트롤.기계식 또는 전자식 계측기에서 볼 수 있는 푸시버튼과 동일함.
- 항법
- 텍스트/값 입력
- 출력
- 컨테이너
- 창 – 그래픽 제어 요소는 자신이 속한 프로그램의 그래픽 사용자 인터페이스 요소 중 일부를 포함하는 시각 영역으로 구성됨
- 접을 수 있는 패널 – 위젯의 탭을 눌러 숨기거나 표시되는 내용을 압축적으로 저장할 수 있는 패널.
- 서랍: 스크린의 왼쪽 또는 오른쪽 가장자리 너머에 고정되거나, 당겨지거나, 밀어낼 수 있는 보충 내용물이 들어 있는 측면 시트 또는 표면.[4]
- 아코디언 – 각 항목을 "확장"하여 관련 내용을 표시할 수 있는 레이블 또는 미리 보기와 같은 항목의 수직으로 쌓인 목록
- Modal window – 응용 프로그램의 메인 윈도우에 종속된 그래픽 제어 요소로서 메인 윈도우를 사용할 수 없는 모드를 만든다.
- 대화상자 – 사용자에게 정보를 전달하고 응답을 요청하는 작은 창
- 팔레트 창 - "유틸리티 창"이라고도 함 - 모든 일반 창 위에 떠 있고 현재 응용 프로그램에 대한 액세스 도구, 명령 또는 정보를 제공하는 그래픽 제어 요소
- Inspector 창 – 선택한 개체의 현재 특성 목록을 표시하고 이러한 파라미터를 즉시 변경할 수 있는 대화창의 유형
- 프레임 – 관계를 시각적으로 보여주는 방법으로 그래픽 제어 요소 모음을 그룹화할 수 있는 상자 유형
- 캔버스 – 그래픽 정보를 나타내는 일반적인 도면 요소
- 커버 플로우 – 문서, 웹 사이트 북마크, 앨범 아트워크 또는 사진의 스냅샷을 시각적으로 플립할 수 있는 3차원 애니메이션 요소.
- 버블 흐름 – 사용자가 토론 쓰레드의 트리 뷰 전체를 탐색하고 상호작용할 수 있는 2차원 애니메이션 요소.
- 캐러셀(컴퓨팅) – 웹 사이트와 모바일 앱에서 사용자가 빠르게 탐색할 수 있는 방식으로 비주얼 카드를 표시하는 데 사용되는 그래픽 위젯
- 접을 수 있는 패널 – 위젯의 탭을 눌러 숨기거나 표시되는 내용을 압축적으로 저장할 수 있는 패널.
- 창 – 그래픽 제어 요소는 자신이 속한 프로그램의 그래픽 사용자 인터페이스 요소 중 일부를 포함하는 시각 영역으로 구성됨
참고 항목
- 그래픽 사용자 인터페이스 요소
- 기하학적 원시
- 대부분 관련이 없고, 물리적으로 영감을 받은 "위젯"을 위한 위젯 엔진
- 위젯 툴킷 – 위젯 컬렉션을 포함하는 소프트웨어 라이브러리
- 상호작용 기법
참조
- ^ "Microsoft: Graphic elements". msdn.microsoft.com. Microsoft. Retrieved 27 April 2015.
- ^ "What is widget? - Definition from WhatIs.com". WhatIs.com. Retrieved 2020-06-03.
- ^ Ralph R. Swick, Mark S. Ackerman (1988). "The X Toolkit: More Bricks for Building User-Interfaces, or, Widgets for Hire". USENIX Winter. pp. 221–228. Archived from the original on 2007-09-27. Retrieved 2007-01-03.
- ^ https://material-ui.com/demos/drawers/ 서랍 반응 구성 요소 - 재료-UI
