This is an old revision of the document!
Table of Contents
타이틀바 (Title Bar)
<타이틀바>는 텍스트를 고품질 이미지 형태로 렌더링하여 표시하는 위젯입니다. 일반 텍스트 위젯보다 시각적으로 부드럽고 수려한 디자인을 제공합니다.
속성창을 통해 글꼴, 크기, 배경색 등을 자유롭게 변경할 수 있으며, 텍스트의 정렬 상태를 세밀하게 조정할 수 있습니다.
- A (좌우 정렬): 텍스트를 왼쪽, 가운데, 오른쪽으로 배치합니다.
- B (상하 정렬): 텍스트를 위쪽, 중간, 아래쪽으로 배치합니다.
모서리 모양 설정
타이틀바의 모서리 옵션을 조절하여 화면 디자인에 어울리는 다양한 스타일을 연출할 수 있습니다.
- 기본 모양: 각진 직사각형 형태입니다.
- 전체 둥글게: 부드러운 라운드 박스 형태가 됩니다.
{{ :comfilestudio:draw_title_bar:m6.png?nolink |라운드 배경 예시}}
* **상단만 둥글게**: 탭 메뉴나 상단 헤더 디자인에 적합합니다.
{{ :comfilestudio:draw_title_bar:m1.png?nolink |상단 라운드 설정}}
{{ :comfilestudio:draw_title_bar:m2.png?nolink |상단 라운드 결과}}
* **하단만 둥글게**: 하단 메뉴나 안내창 디자인에 활용됩니다.
{{ :comfilestudio:draw_title_bar:m3.png?nolink |하단 라운드 설정}}
{{ :comfilestudio:draw_title_bar:m4.png?nolink |하단 라운드 결과}}
일반 텍스트 위젯과의 차이점
<타이틀바>는 실행 중 내용이 변하지 않는 고정 이미지 방식으로 처리됩니다.
- 안티앨리어싱(Anti-aliasing) 적용: 텍스트가 배경 이미지와 결합될 때 외곽선을 부드럽게 다듬는 기법이 적용됩니다. 덕분에 일반 텍스트보다 곡선 부분이 훨씬 매끄럽고 고급스럽게 표시됩니다.
- 용도: 화면의 제목, 메뉴명, 라벨 등 정적인 문구를 강조하고 싶을 때 사용합니다.
keyword: 타이틀바, 제목 표시줄, 안티앨리어싱, 라운드 모서리, UI 디자인, 고정 텍스트, 컴파일 스튜디오 디자인
