【SAPUI5】컨트롤과 컨트롤러는 무엇이 다른가?

소개

지난번 의 기사로, Shellcontrol에 대해 소개했습니다만, 문득 「원래 컨트롤은 무엇?

컨트롤이란?

공식 문서 에 의하면, 화면의 파트의 외형이나 동작을 정의하기 위해서 사용되는 것이라고 합니다.
예를 들어, 화면에 버튼을 표시하기 위해 다음과 같은 소스를 작성했습니다. 여기에서 사용되는 Button은 Control의 일종입니다. 한편 컨트롤러는 뷰를 조작하기 위한 로직이었지요.

<mvc:View
   controllerName="test.helloworld.controller.App"
   xmlns="sap.m"
   xmlns:mvc="sap.ui.core.mvc">
   <Button
      text="Say Hello"
      press="onShowHello"/>
</mvc:View>

API 참조를 살펴보면

sap.m.Button의 API 참조를 살펴 보겠습니다.
Extends : 곳에 "sap.ui.core.Control"이 있고 "sap.ui.core.Control"이라는 추상 클래스를 상속 한 것을 알 수 있습니다. 따라서 모든 컨트롤은 sap.ui.core.Control 클래스를 상속하여 만들어집니다.


또한 그 아래에는 Properties, Associations, Events, Methods라고 합니다. 이것을 컨트롤러의 메타데이터라고 합니다. Button에는 없지만 Aggregation을 정의하는 컨트롤도 있습니다.


메타데이터 속성
의미
예


Properties
외부에서 액세스할 수 있는 속성
text, type

Associations
컨트롤 및 기타 요소 및 카디널리티
Button에 대해 0~n의 레이블을 정의할 수 있습니다.

Aggregation
컨트롤과 그 아이 요소의 카디널리티
Toolbar 안에 0~n의 아이 요소를 배치할 수 있다

이벤트
컨트롤에 대해 정의된 이벤트
press: 버튼을 눌렀을 때의 이벤트

방법
컨트롤에 대해 정의된 외부에서 액세스할 수 있는 메서드
getText:text 의 값을 취득

요약

컨트롤러는 화면 파트의 모양과 동작을 정의하는 데 사용됩니다.

"sap.ui.core.Control"클래스를 상속해 만들어진다

속성을 설정하여 모양을 변경하거나 이벤트 및 메서드를 사용하여 동작을 정의 할 수 있습니다.

참고로 한 페이지

[SAPUI5/OpenUI5] 커스텀 UI 컨트롤을 만드는 방법(전편)