CHANGE_UI5_THEME¶
목적
Application의 UI5 Theme을 변경하는 방법 설명
주요 단계¶
1. UI5 Theme 변경을 수행할 UI Object 및 Event 생성¶
o UI5 Theme 변경을 수행할 UI Object(Button)와 Event 생성
<사진 1> UI5 Theme 변경을 위한 UI Object 및 Event 구성 화면
2. 현재 UI5 Theme 및 설정 가능한 Theme 목록 확인¶
o ROOT > Properties > UI Theme 에서 현재 UI5 Theme 및 변경 가능한 Theme 목록 확인 가능
<사진 2> 현재 UI5 Theme 및 설정 가능한 Theme 목록 화면
3. Method 구성¶
3.1. CHANGE_UI5_THEME Method 구성¶
o CHANGE_UI5_THEME 를 사용하여 UI5 Theme 변경
o 관련 ABAP 소스 코드 : EV_CHANGE_UI5_THEME
ㆍ현재 적용된 Theme: sap_horizon
ㆍ변경할 Theme: sap_horizon_dark
| METHOD EV_CHANGE_UI5_THEME. |
|---|
| "현재 UI Theme : sap_horizon / 변경 UI Theme : sap_horizon_dark |
| CALL METHOD /U4A/CL_UTILITIES=>CHANGE_UI5_THEME |
| EXPORTING |
| IO_VIEW = ME->/U4A/IF_SERVER~AR_VIEW " [U4A] UI Element Super Class |
| I_THEME_NAME = 'sap_horizon_dark'. " UI5 Theme Name |
| ENDMETHOD. |
4. 실행 결과 확인¶
4.1. Web 에서 Event 작동 시 UI Theme 변경 확인¶
o 실행 후 UI Theme가 sap_horizon에서 sap_horizon_dark로 변경됨
<사진 3> UI5 Theme 변경 실행 결과 화면