[Codejock Toolkit Pro] Skin Builder 사용하기

Codejock skinbuilder 기본정보

 

스킨빌더 위치

C:\Program Files (x86)\Codejock Software\MFC\Xtreme ToolkitPro v22.0.0\Utils\SkinBuilder.exe

 

테마 샘플

C:\Program Files (x86)\Codejock Software\MFC\Xtreme ToolkitPro v22.0.0\Source\SkinFramework\Styles

 

codejock 공식 가이드

https://codejock.com/support/help/view_article.asp?id=100

Getting started with SkinBuilder | Codejock Article

 

codejock 공식 포럼

https://forum.codejock.com/

Codejock Developer Community

 

---

Skin Builder 사용하기

사용할 일이 있어 정리 해놓았던 내용을 포스팅 합니다.
본 포스트에서 사용하는 용어들이 공식 용어는 아닐 수 있습니다
참고용으로만 봐 주시면 좋을 것 같습니다.

 

스킨빌더 exe 파일을 실행하면 위와 같은 화면이 나옵니다 

 

 

 

스키마 아래 '+' 버튼을 클릭하여 하위 스키마를 추가합니다

.ini 파일을 생성하는 과정이라고 보시면 됩니다. ini 파일의 이름이 코드에서 불러오는 이름이 됩니다.

 

 

 

성공적으로 추가되면 위와 같이 common 아래에 생성한 스키마가 보이고 화면 중앙 미리보기 ui 디자인이 회색으로 변경됩니다.

 

 

 

본격적으로 속성을 추가해 봅시다.

왼쪽 패널에 회색으로 표시된 것들은 설정할 수 있는 영역을 나타냅니다. 회색글씨로 나타나는 컨트롤은 아직 지정된 속성이 없다는 뜻입니다.

항목을 클릭 한 후 오른쪽 속성창에서 '+' 버튼을 눌러 속성을 추가합니다.

 

 

 

가장 많이 사용할 배경색 바꾸기는 대부분 위와 같은 방식으로 설정합니다.

Bgfill -> true

FillColor -> 원하는 컬러로 설정(rgb)

BgType -> 색으로 채우려면 borderfill, 이미지로 채우려면 imagefill

 

 

이미지로 채우는 경우 배경타입을 imagefill로 한 후 이미지 파일 속성을 추가하여 사용할 이미지를 추가합니다.

이미지에서 늘어나면 안되는 부분은 sizingmargins 속성으로 지정할 수 있습니다. 상하좌우 가장자리에서 지정한 마진만큼 늘어나지 않도록 지정할 수 있습니다.

왼쪽 패널 아래부분의 항목은 상태별 속성을 뜻합니다.

버튼이 눌렸을때, 호버되었을때, 사용 불가할때 등 여러 상태에 따라 속성을 지정 할 수 있습니다.

 

 

 

이렇게 하나씩 지정해주면 됩니다.

생각보다 스킨빌더로 지정할 수 있는것들이 많지는 않은 듯 합니다.

버그도 많은 툴이라 이것저것 눌러 보면서 하는게 가장 좋은 방법이라고 생각합니다.

 

 

 

프로그레스 바 같은경우에는 size 속성을 적용하여 형태를 바꿀 수 있습니다.

 

 

스킨 적용하기

파일을 저장하기 위해서는 메뉴바에서 file - Export - Export to cjstyles file... 을 클릭합니다.

 

 

 

 

mfc 프로젝트에서 스킨을 적용시킵니다. 다이얼로그나 뷰를 생성하는 부분에 아래코드를 참고하여 적당히 적용시켜 줍니다.

저는 뷰 생성자에 적용하였습니다

 

if (!XTPSkinManager()->LoadSkin(_T("[.cjstyle 경로]"), _T("[.ini 이름]")))
{
	AfxMessageBox(_T("Skin Load Failed"));
}
XTPSkinManager()->SetAutoApplyNewWindows(TRUE);