This is an old revision of the document!


타이틀바 (Title Bar)

<타이틀바>는 텍스트를 고품질 이미지 형태로 렌더링하여 표시하는 위젯입니다. 일반 텍스트 위젯보다 시각적으로 부드럽고 수려한 디자인을 제공합니다.

타이틀바 위젯 배치 예시

속성창을 통해 글꼴, 크기, 배경색 등을 자유롭게 변경할 수 있으며, 텍스트의 정렬 상태를 세밀하게 조정할 수 있습니다.

타이틀바 속성 설정 화면

  • A (좌우 정렬): 텍스트를 왼쪽, 가운데, 오른쪽으로 배치합니다.
  • B (상하 정렬): 텍스트를 위쪽, 중간, 아래쪽으로 배치합니다.

모서리 모양 설정

타이틀바의 모서리 옵션을 조절하여 화면 디자인에 어울리는 다양한 스타일을 연출할 수 있습니다.

  • 기본 모양: 각진 직사각형 형태입니다.

기본 사각형 타이틀바

  • 전체 둥글게: 부드러운 라운드 박스 형태가 됩니다.

전체 라운드 적용 라운드 배경 예시

  • 상단만 둥글게: 탭 메뉴나 상단 헤더 디자인에 적합합니다.

상단 라운드 설정 상단 라운드 결과

  • 하단만 둥글게: 하단 메뉴나 안내창 디자인에 활용됩니다.

하단 라운드 설정 하단 라운드 결과

일반 텍스트 위젯과의 차이점

<타이틀바>는 실행 중 내용이 변하지 않는 고정 이미지 방식으로 처리됩니다.

  • 안티앨리어싱(Anti-aliasing) 적용: 텍스트가 배경 이미지와 결합될 때 외곽선을 부드럽게 다듬는 기법이 적용됩니다. 덕분에 일반 텍스트보다 곡선 부분이 훨씬 매끄럽고 고급스럽게 표시됩니다.
  • 용도: 화면의 제목, 메뉴명, 라벨 등 정적인 문구를 강조하고 싶을 때 사용합니다.

keyword: 타이틀바, 제목 표시줄, 안티앨리어싱, 라운드 모서리, UI 디자인, 고정 텍스트, 컴파일 스튜디오 디자인

상위 페이지로 가기