Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
comfilestudio:draw_title_bar:index [2026/02/12 21:45] – removed admincomfilestudio:draw_title_bar:index [2026/02/20 15:34] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +====== 타이틀바 ======
  
 +이 문서는 ComfileHMI Editor에서 제공하는 <타이틀바> 오브젝트의 기능과 설정 방법을 설명합니다.  
 +타이틀바는 화면 상단에 제목을 표시하기 위한 전용 오브젝트로, 이미지 기반으로 렌더링됩니다.
 +
 +<타이틀바>는 이미지로 만들어진 텍스트입니다.
 +
 +{{  :comfilestudio:Draw_Title_Bar:titlebar1.png?nolink | 타이틀바 기본 표시 예  }}
 +
 +속성창에서 글꼴, 크기, 바탕색 등을 변경할 수 있습니다. 
 +
 +  * A : 좌우정렬
 +  * B : 상하정렬
 +
 +{{  :comfilestudio:Draw_Title_Bar:hmi_title2.png?nolink | 타이틀바 속성창 화면  }}
 +
 +===== 모서리 모양 =====
 +
 +타이틀바의 기본 모양은 다음과 같습니다.
 +
 +{{  :comfilestudio:Draw_Title_Bar:m02.png?nolink | 기본 모서리 형태  }}
 +
 +<모서리 둥글게> 옵션을 켜면 아래와 같은 모양이 됩니다. 
 +
 +{{  :comfilestudio:Draw_Title_Bar:m5.png?nolink | 전체 모서리 둥글게 적용 예  }}
 +
 +{{  :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 | 하단만 둥근 형태 예시  }}
 +
 +===== 텍스트 VS 타이틀바 =====
 +
 +<타이틀바>는 동작 중 그 내용이 바뀌지 않는 고정 이미지입니다.  
 +<타이틀바>의 글꼴은 배경 이미지와 함께 렌더링되므로 <안티알리아싱>이 적용됩니다.  
 +<안티알리아싱>은 곡선이나 대각선이 부드럽게 표현되도록 하는 그래픽 처리 기법입니다.
 +
 +----
 +
 +키워드: 타이틀바, Draw_Title_Bar, ComfileHMI, HMI 오브젝트, 모서리 둥글게, 안티알리아싱, 정렬 옵션, 화면 제목 설정
 +
 +[[comfilestudio:index#액션|상위 페이지로 가기]]