그림 삽입 기능을 이용하면 외부 프로그램에서 생성하거나 다운로드한 이미지를 Xpanel 내의 프로젝트에 추가하고, 이를 오브젝트처럼 사용할 수 있습니다. 그림 삽입 기능을 통하여 bmp와 jpg 형식의 이미지 파일을 활용할 수 있습니다.
NOTE |
|
설정 화면
[편집]-[그림삽입]을 선택하면 파일 탐색기 화면이 나타납니다. 이 곳에서 사용자가 원하는 이미지 파일을 선택하여 페이지에 추가할 수 있습니다.
그림 삽입 기능으로 등록한 이미지는 그림 설정이 가능합니다. 그림 설정이란, 오브젝트의 위치, 크기, 색상 등과 출몰, 점멸 등의 제어 기능을 부여하기 위한 기능입니다. 페이지에 추가된 이미지를 더블클릭하거나 우클릭하여 [그림 설정]을 선택하면 아래와 같은 화면이 표시됩니다.
항목 | 설명 |
이름 | 오브젝트의 이름을 설정합니다. 공백으로 지정할 수 없습니다. |
종류 | 오브젝트의 종류가 나타납니다. ‘비트맵’으로 지정됩니다. |
항목 | 설명 |
그림 구성 | 위치/크기, 선/채우기의 탭으로 구성되어 있습니다. |
출몰 | 태그의 값에 따라 오브젝트를 보이게 하거나 숨기는 기능입니다. |
점멸 | 태그의 값에 따라 오브젝트를 지정된 주기마다 점멸 시키는 기능입니다. |
수직/수평이동 | 태그의 값에 따라 오브젝트를 위, 아래로 이동시키는 기능입니다. |
회전 | 입력한 태그의 값에 따라 오브젝트를 지정된 각도만큼 회전시키는 기능입니다. |
터치 | 마우스 등을 사용하여 오브젝트를 누르거나 뗄 때 정의된 동작을 실행하는 기능입니다. |
데이터 입력 | 마우스 등을 사용하여 오브젝트를 선택하면 나타나는 윈도우 입력 창을 활용하여 데이터를 입력할 수 있는 기능입니다. |
사용 예제
본 예제는 기능을 설명하기 위해 삽입된 예제입니다. 실제 사용 시 사용자의 환경에 맞게 설정하여 사용해주십시오. |
사용 예제 1 : 그림 삽입을 통한 페이지 배경화면 설정 |
그림 삽입을 사용하여 외부 이미지를 페이지에 추가하고, 프로젝트의 배경화면으로 적용하는 예제입니다.
a) [편집] – [그림 삽입]을 선택하여 파일 탐색기를 실행합니다. 원하는 이미지를 선택 후 페이지에 삽입합니다.
b) 사용자의 설정에 맞추어 이미지의 크기 혹은 페이지의 크기를 맞춘 뒤, [정렬] – [배경 그림으로]를 선택합니다. 이미지가 페이지의 배경화면으로 설정되는 것을 확인할 수 있습니다.
c) 배경화면으로 지정된 이미지를 다른 이미지로 교체하거나 편집하려면 [정렬] – [배경 그림 풀기]를 선택합니다. 사용자가 이미지를 클릭하여 지정할 수 있도록 변경됩니다.
사용 예제 2 : 이미지 그룹화를 통한 단일 오브젝트화 |
복수의 이미지를 페이지에 등록하고 오브젝트화하여 기능을 부여하는 예제입니다. 그룹화한 이미지에 수직이동 효과를 부여하여, 수직방향으로 상승하도록 합니다.
a) 데이터베이스에서 아날로그 태그 ‘SEC’를 생성합니다.
b) 페이지에 이미지를 삽입하기 위해 [편집] - [그림 삽입]을 클릭합니다. 기구와 사람을 나타내는 각각의 이미지를 등록합니다.
c) 두 이미지의 위치 및 크기를 설정한 뒤, 드래그로 한 번에 이미지 오브젝트들을 지정합니다. 두 이미지를 하나로 그룹화합니다.
d) 그림 설정으로 진입하여 [수직이동] 기능을 설정합니다. 태그 이름에 ‘SEC’ 태그를 지정하고 데이터 변화 영역을 최소 0에서 최대 60까지 지정합니다.
e) [이동기준설정] 탭에서 이동 기준 지점을 아래로 선택하고, 이동거리를 500으로 지정합니다.
f) [도구]-[스크립트]에 진입하여 다음과 같이 스크립트를 작성합니다. 매 초마다 SEC 태그의 값이 3씩 오르고, 60이 되었을 때 0으로 초기화됩니다.
g) 프로젝트를 Xpanel 또는 시뮬레이터에서 실행합니다. 기구가 20초에 걸쳐 수직 방향으로 상승하는 동작을 확인할 수 있습니다.
