sapUiSizeCompact and Cozy¶
목적¶
UI 오브젝트의 콘텐츠 밀도를 조절하여 가독성과 화면 활용도를 최적화할 수 있음
주요 단계¶
1. sapUiSizeCompact¶
o 오브젝트 간 간격을 줄이고 밀도를 높여 더 많은 요소를 화면에 표시할 때 사용
1.1. sapUiSizeCompact 미적용¶
<사진1> sapUiSizeCompact 적용 전 화면
1.2. sapUiSizeCompact 적용¶
<사진 2> sapUiSizeCompact 적용 후 화면
<사진 3> sapUiSizeCompact 적용 후 Web 화면
2. sapUiSizeCozy¶
o 앱 스타일 클래스에서 사용하여 UI 테이블 전체 크기를 확대할 때 사용
2.1. sapUiSizeCozy 적용 전 테이블¶
<사진4> sapUiSizeCozy 적용 전 화면
<사진 5> sapUiSizeCozy 적용 전 Web 화면
2.2. sapUiSizeCozy 적용 후 UI 테이블¶
<사진 6> sapUiSizeCozy 적용 후 Web 화면