Koda Form Designer

Koda Form Designer 입니다.
단축키 Alt+M으로 편집창의 Tools에서 볼수 있습니다.
오토잇으로 프로그램을 만들떄 모양을 주기 편하게 만든겁니다.
이것도 제작사에서 오토잇으로 만든거 같네요. SciTE를 설치해야 보일겁니다.



1. 프로그램 외관

처음 실행시 모양

2. 각 창의 설명

상단 메뉴바입니다. 한번 만들어둔 폼은 저장했다가 불러올수도 있습니다.

메뉴바 좌측에 있는 아이콘입니다. 첫번째 하얀색 아이콘을 누르면 이와 같은 창이 뜹니다. 새로운 폼을 만드는데 어떤 형식인지 고를수 있습니다. 맨 처음 실행시 위 창에 제일 우측에 있는 Form형식입니다. 각각 골라서 만들수 있습니다. 두번째 아이콘인 열기 모양의 버튼은 한번 만들어둔 폼 데이터를 불러오는겁니다. 3번째 비활성화된 아이콘이 저장하는 아이콘입니다. 저장시 확장자는 kxf를 사용합니다. 4번째와 5번째는 이 만들어진 폼 데이터를 편집창에 소스로 붙여넣는 기능을 합니다. 4번째는 창이 뜨면서 편집창에 넣는다는 아이콘을 누르면 Koda는 닫혀지면서 소스만 남습니다 5번째는 편집창에 직접 소스를 넣지만 koda는 닫히지 않습니다.

이건 폼에 직접 어떤 형식을 입력할지 도와주는 팔레트입니다.

첫번째 마우스 버튼은 기본 버튼으로 폼에 올려진 각종 도구를 움직이거나 조절할수 있습니다. 두번째는 메뉴 아이콘으로 확실히 모르겠네요. 아직 써본적이 없으니.. 3번째는 라벨으로 폼에 글을 쓸대 입력합니다. 완성된 창에서 수정이 불가능합니다. 4번째는 인풋으로 글을 쓸수도 있고 완성된 창에서도 수정이 가능합니다. 5번째는 4번째와 비슷하지만 여러줄 입력가능합니다. 6번째부터는 버튼 종류입니다. 6번째가 기본적인 버튼. 7번째는 체크박스입니다. 체크박스가 있고 그 옆으로 설명을 달아줄수 있습니다. 8번째는 라디오버튼. 여기까지 주로 사용합니다. 마지막은 그룹지워주는 툴입니다. 완성된 폼에서도 옅은 선으로 묶어주는 역할을 합니다. 위쪽에 탭을 바꿔서 더 많은 형식들이 있습니다. 한번씩 해보시면 됩니다. 폼에 직접 그리면 되니까요.

위쪽에 있는 도구를 이용하여 폼에 직접 그립니다. 이 폼의 크기가 완성된후 똑같이 나옵니다.
중간에 점선은 사라지게 됩니다. 이 폼을 이용해서 직접 꾸미는 거죠.

 

위 두창은 각종 옵션을 바꿀수 있습니다.
왼쪽은 각종 아이템을 선택하고 우쯕에서(실제 화면에서는 하단_ 세부 메뉴를 수정할수 있습니다.

Button아이콘을 누른 상태에서 시작합니다. 주요 설명만 적습니다. Caption - 버튼에 나올 이름을 적어줍니다. Color - 버튼의 색을 정합니다. Cursor - 버튼에 마우스가 올라왔을때 모양을 바꿀수 있습니다. Font - 버튼의 폰트를 바꿀수 있습니다. 하위 메뉴가 있으며 색과 글씨체 크기를 바꿀수있습니다. Hint - 마우스를 대었을때 풍선도움말이 나옵니다. Name - 왼쪽 창에 표시될 이름입니다. 영어만 됩니다.    이 값은 나중에 편집창으로 소스가 옮겨갈때 변수로 지정이 됩니다.    현재는 $Button1으로 나오게 되며, 이 버튼이 눌렸을때 각종 이벤트를 정할수 있습니다. Height, Width, Left, Top 등은 크기와 위치를 정하는겁니다. 보통은 폼창에서 마우스로 직접 조절을 하며, 세세하게 조절할때 바꿔주면 좋습니다. 밑에 스타일은 버튼의 스타일을 바꿀수 있습니다. 약간 볼록한 몽양이거나 살짝 들어간 모양등 여러가지가 있으며 하나씩 해보고 마음에 드는것을 고르면 됩니다. 위 사진은 버튼에 관한 것이므로 각각의 아이콘마다 약간씩은 다르게 나타납니다.

이렇게 폼창을 만들고 난후 소스창으로 옮기는 아이콘을 누릅니다.
누르기 전에 나중을 위해 저장을 해두면 정말 편합니다.
이 Koda창이 닫히면 다시 Koda에서 작업할 수가 없습니다.
저장을 해서 불러와야 하며 폼 모양을 소스로 바꿀수는 있지만 반대로는 할수가 없었습니다.





소스창에 직접 입력된 모습이 아래 표입니다.
약간의 주석을 달아주었습니다.

#include <ButtonConstants.au3> #include <EditConstants.au3> #include <GUIConstantsEx.au3> #include <StaticConstants.au3> #include <WindowsConstants.au3> ;~ 위쪽으로 이 소스에서 필요한 각종 함수가 저장된 기본 파일을 불러오는군요. #Region ### START Koda GUI section ### Form= $Form1 = GUICreate("Form1", 331, 435, 193, 125) $Label1 = GUICtrlCreateLabel("Label1", 152, 48, 36, 17) $Input1 = GUICtrlCreateInput("Input1", 112, 88, 129, 21) $Edit1 = GUICtrlCreateEdit("", 96, 120, 161, 145) GUICtrlSetData(-1, "Edit1") $Button1 = GUICtrlCreateButton("Button1", 96, 280, 153, 57, 0) GUISetState(@SW_SHOW) #EndRegion ### END Koda GUI section ### ;~ 이 위는 코다로 만든 함수가 직접 소스로 만들어진 부분입니다. ;~ 여기서도 수정할수가 있습니다. While 1      $nMsg = GUIGetMsg()               ;~ GUIGetMsg()함수의 값을 저장합니다. 이 함수는 폼 데이터를 불러오죠.      Switch $nMsg            Case $GUI_EVENT_CLOSE                   Exit         :~ $nMsg라는 값이 만약 $GUI_EVENT_CLOSE 라면 Exit함수를 실행하게됩니다.         ;~ 종료하라는 것이지요.     EndSwitch WEnd 기본은 이렇게 됩니다 여기에 살짝살짝 추가해서 원하는 것을 만들지요. Case $Button1      Exit 이 소스를 추가시키고 실행해보면, 버튼을 눌러도 프로그램이 종료됩니다. 이렇게 하나씩 하나씩 추가시키면 됩니다.