넥사크로 앱은 폼(Form)을 기반으로 동작한다.
1. 넥사크로 스튜디오 실행
Project Explorer : 파일 탐색기
Form Design : 디자인, 스크립트 편집 작업 공간
Properties(속성) : 폼, 컴포넌트, Dataset 컴포넌트의 속성 편집
Output : 오류메시지나 Generate 메시지, trace()메소드로 설정한 메시지 확인
2. 넥사크로 프로젝트 생성
새로운 프로젝트 만들기
1. File > New > Project
2. 프로젝트명 : Hello
3. 스크린 설정
1280*720px가 기본값이다.
4. 프레임 구조와 form 생성
만들어진 폼은 FrameBase 파일에 저장된다.
| 1 | select | 6 | maskedit | 11 | radio | 16 | menu | 21 | imageviewer |
| 2 | move | 7 | textarea | 12 | chkbox | 17 | popupmenu | 22 | progressbar |
| 3 | button | 8 | static | 13 | listbox | 18 | tap | 23 | plugin |
| 4 | combo | 9 | div | 14 | grid | 19 | groupbox | 24 | dataset |
| 5 | edit | 10 | popupdiv | 15 | spin | 20 | calender | 25 | listview |
- Static 컴포넌트 배치하고 text 속성 수정하기
static으로 드래그 하여 생성한다.
Form 크기(width, height) 수정하기
property에서 width : 300, height:200px로 설정,
Staitc 컴포넌트에 마우스 클릭 시 이벤트 처리하는 기능 추가하기
Event-onclick옵션으로 alert창 생성
this.Static00_onclick = function(obj:nexacro.Static,e:nexacro.ClickEventInfo)
{
this.alert("nexacro platform 17")
};
만든 화면 NRE에서 실행하기
퀵뷰로 NRE에서 실행 시 성공적으로 alert창이 확인된다.
만든 화면 웹브라우저에서 실행하기
퀵뷰로 chrome에서 실행 시 성공적으로 alert창이 확인된다.
