====== SAMPLE 5 : 큐캔버스 ======

앞에서와 같은 화면을 일일이 좌표를 계산해서 입력해주어야 하는 것은 매우 힘든 일입니다. 이런 화면을 구성하
기 위해서 CUCANVAS 를 사용하면, 보다 편리하게 작업할 수 있습니다. 

[[http://www.comfile.co.kr/download/cubloc/cucanvas_kor_v242.exe|CUCANVAS 다운로드]]

CUCANVAS 를 실행시키고, 화면 오른쪽 위에 있는 ADD FORM 을 눌러서 화면이름 (여기서는 NUMKEY)을 입
력하면 다음과 같은 빈 화면이 표시됩니다. 

{{ :ct1820:sample_5_큐캔버스:sample5.png?nolink |}}

화면 왼쪽에 있는 툴 바를 보면 박스,원, 선 등을 그릴 수 있는 도구들이 있습니다. 이중 가장 아래에 위치한 박스
가 바로 “메뉴 박스”를 그리는 툴입니다. 이 툴을 선택한 뒤 화면상에 조그마한 박스를 그립니다.

박스 상단의 0 이라는 표시는 0 번 메뉴라는 뜻입니다. 실제 LCD 화면상에는 표시되지 않습니다. 상단에 TITLE
에 1 이라고 입력하면 1 번 보턴이 완성됩니다. 


{{ :ct1820:sample_5_큐캔버스:sample5_a.png?nolink |}}

아래와 같이 여러 개의 보턴을 그려서 화면을 완성합니다.

{{ :ct1820:sample_5_큐캔버스:sample5_b.png?nolink |}}

Generate 의 View Basi Code 메뉴를 선택하면 아래와 같이, 최종 소스가 생성됩니다. 이 최종 소스를 CUBLOC
STUDIO 상에 그대로 카피해서 붙여 넣게 되면, 위와 같은 화면이 표시됩니다. 

이를 위해서 화면 하단의 to Clipboard 를 클릭한 뒤, CUBLOC STUDIO 상에 원하는 위치에 커서를 놓은 뒤, Ctrl-V 키를 누릅니다. 

{{ :ct1820:sample_5_큐캔버스:sample5_c.png?nolink |}}


이 방법은 화면을 수정할 때마다 일일이 Copy, Paste 를 반복해 주어야 하므로 매우 번거롭습니다. 보다 편리하
게 CuCANVAS 를 사용하기 위해서 INCLUDE 문을 이용한 방법이 있습니다.

Generate 메뉴상에 Save BASIC code As… 메뉴를 선택하신 뒤 적당한 파일명을 선택하십시오. 

{{ :ct1820:sample_5_큐캔버스:sample5_d.png?nolink |}}

그러면 다음부터 최종 생성된 BASIC 코드는 이 파일로 자동적으로 저장되게 됩니다. 이 파일을 BASIC 소스에서
INCLUDE 를 시켜주면, 일일이 COPY-PASTE 하지 않아도, 화면이 바뀔 때마다 변경된 상태를 그대로 반영할
수 있게 됩니다.

SAMPLE4 에서 작성한 프로그램을 이 방법을 사용하여 변경한 소스 프로그램입니다.


<code xbasic>
 #include “CT18XX”
 Dim TX1 As Integer, TY1 As Integer
 Dim I As Integer
 Ct18contrast 150
 On Pad Gosub GETTOUCH
 NUMKEY
 I =0
 Do
 Loop

GETTOUCH:
 TX1 = Sys(10)
 TY1 = Sys(11)
 If Menucheck(0,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 1
 CT18beep 20
 Elseif Menucheck(1,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 2
 CT18beep 20
 Elseif Menucheck(2,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 3
 CT18beep 20
 Elseif Menucheck(3,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 4
 CT18beep 20
 Elseif Menucheck(4,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 5
 CT18beep 20
 Elseif Menucheck(5,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 6
 CT18beep 20
 Elseif Menucheck(6,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 7
 CT18beep 20
 Elseif Menucheck(7,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 8
 CT18beep 20
 Elseif Menucheck(8,TX1,TY1) = 1 Then
 I = I << 4
 I = I + 9
 CT18beep 20
 Elseif Menucheck(9,TX1,TY1) = 1 Then 
 I = I << 4
 CT18beep 20
 Elseif Menucheck(10,TX1,TY1) = 1 Then
 I = 0
 CT18beep 20
 End If
 Locate 3,3
 Print HEX4 I

 Return

 End

#INCLUDE "CT005.INC" 
</code>

앞 부분은 똑같고, 뒷부분에 END 명령 뒤에 #INCLUDE 명령이 있는 것만 차이점이 있습니다. 앞에서 NUMKEY
함수를 콜 하면, 화면상에 보턴이 표시됩니다.

이후, CuCANVAS 에서 화면을 고치고, CUBLOC STUDIO 에서 RUN 하면, 고친 화면이 그대로 반영되는 것을 확
인할 수 있습니다.