Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

(blue star)

본 예제는 기능을 설명하기 위해 삽입된 예제입니다. 실제 사용 시 사용자의 환경에 맞게 설정하여 사용해주십시오.

...

사용 예제 1 : 그림 삽입을 통한 페이지 배경화면 설정

그림 삽입을 사용하여 외부 이미지를 페이지에 추가하고, 프로젝트의 배경화면으로 적용하는 예제입니다.

a)       [편집] – [그림 삽입]을 선택하여 파일 탐색기를 실행합니다. 원하는 이미지를 선택 후 페이지에 삽입합니다.

...

b)     사용자의  사용자의 설정에 맞추어 이미지의 크기 혹은 페이지의 크기를 맞춘 뒤, [정렬] – [배경 그림으로]를 선택합니다. 이미지가 페이지의 배경화면으로 설정되는 것을 확인할 수 있습니다.

...

...

c)      배경화면으로  배경화면으로 지정된 이미지를 다른 이미지로 교체하거나 편집하려면 [정렬] – [배경 그림 풀기]를 선택합니다. 사용자가 이미지를 클릭하여 지정할 수 있도록 변경됩니다.

...

복수의 이미지를 페이지에 등록하고 오브젝트화하여 기능을 부여하는 예제입니다. 그룹화한 이미지에 수직이동 효과를 부여하여, 수직방향으로 상승하도록 합니다.

a)      데이터베이스에서  데이터베이스에서 아날로그 태그 ‘SEC’를 생성합니다.

...

b)     페이지에  페이지에 이미지를 삽입하기 위해 [편집] - [그림 삽입]을 클릭합니다. 기구와 사람을 나타내는 각각의 이미지를 등록합니다.

...

 

c)      두  두 이미지의 위치 및 크기를 설정한 뒤, 드래그로 한 번에 이미지 오브젝트들을 지정합니다. 두 이미지를 하나로 그룹화합니다.

...

d)     그림  그림 설정으로 진입하여 [수직이동] 기능을 설정합니다. 태그 이름에 ‘SEC’ 태그를 지정하고 데이터 변화 영역을 최소 0에서 최대 60까지 지정합니다.

...

 

e)       [이동기준설정] 탭에서 이동 기준 지점을 아래로 선택하고, 이동거리를 500으로 지정합니다.

...

f)        [도구]-[스크립트]에 진입하여 다음과 같이 스크립트를 작성합니다. 매 초마다 SEC 태그의 값이 3씩 오르고, 60이 되었을 때 0으로 초기화됩니다.

...

...

g)      프로젝트를 Xpanel 또는 시뮬레이터에서 실행합니다. 기구가 20초에 걸쳐 수직 방향으로 상승하는 동작을 확인할 수 있습니다.

...