enuSpace 그래픽 저작기 디버깅 윈도우(Debuging Window)



Runtime Debug


Runtime Debug는 그래픽 편집기에서 사용자가 개발하는 프로젝트에 대한 정보를 화면에 출력해 주는 기능을 제공한다. 예를 들어 Picture를 불러오기 할 때는 정상적으로 불러오기를 수행했는지 에러가 발생했는지에 대해 Runtime Debug 에서 텍스트 형태로 제공하며, Library 정의 시 이벤트가 정상적으로 작동하는지, 함수 동작이 정상적으로 동작하는지에 대해서도 역시 텍스트 형태로 제공한다. 또한 Script 작성 시 해당 Script가 정상적으로 사용되었는지도 텍스트 형태로 제공한다. 아래 그림은 Runtime Debug가 텍스트 형태로 제공되는 형태를 나타낸 것이다.





enuSpace 그래픽 저작기 Runtime View 사용하기 



Graphic Viewer는 그래픽 편집기에서 사용자가 개발한 Library 및 Picture 등을 사용자가 정의한 이벤트 및 사용 목적에 맞게 정상적으로 동작하는지 확인하기 위한 기능을 제공한다. Graphic Viewer는 그래픽 편집기 상단 오른쪽에 위치한 “Runtime” 버튼을 클릭하면 편집기 중앙에 팝업 형태로 표시된다. 아래 그림은 Graphic Viewer를 사용하는 방법에 대해 나타낸 것이다.





enuSpace 그래픽 저작기 프린트 (Print)



통합 그래픽 Prototype 소프트웨어에서는 Picture의 Print 기능을 제공하며, Print 방법은 다음과 같은 순서로 할 수 있다. 


1. 프로그램 좌측 상단에 위치한 메인 메뉴 버튼을 클릭한다.

2. 클릭 후 메뉴가 나타나고, 메뉴 중 “Print” 를 클릭하면 프로그램 중앙에 팝업 화면이 나타난다. 

3. 팝업 화면은 인쇄할 Picture에 대한 Print Preview 기능을 제공하며, 팝업 화면 상단의 “Print” 버튼을 클릭하면 Print Setting 화면이 나타난다.

4. Print Setting 화면에서 원하는 설정을 마친 후 화면 하단의 “확인” 버튼을 클릭하면 Picture를 Print 할 수 있다.


아래 그림은 Print 방법을 나타낸다.








enuSpace 그래픽 저작기 Trend 사용하기 (Trend)



통합 그래픽 Prototype 소프트웨어에서는 Chart의 생성 및 Chart 설정, Chart데이터 설정 등과 같은 Trend 기능을 제공한다.


Trend 생성


Trend의 생성은 Picture 화면에서 그래픽 편집기 상단 중앙에 위치한 “Chart”버튼을 클릭하여 화면에 원하는 크기로 드래그 하여 생성한다. 아래 그림은 Trend 생성 방법을 나타낸 것이다.





Trend 삭제


Trend 삭제를 위해서는 생성된 Trend를 선택한 후 키보드의 “Delete” 버튼을 누르면 Trend를 삭제 시킬 수 있다. 아래 그림은 Trend 삭제 방법을 나타낸 것이다.





Trend Element 생성


Trend를 선택 후 나타나는 리본메뉴에서 “Add Chart Element” 버튼 클릭하여 하위 메뉴를 선택하여 Element를 생성한다. 아래의 표는 하위 메뉴의 설명이다.


분류

항목

내용

하위 메뉴

Title

Title(제목)을 생성한다.

Axis X

X axis(X)을 생성한다.

Axis Y

Y axis(Y)을 생성한다.

Grid

Grid(격자선)을 생성한다.

Legend

Legend(범주)를 생성한다.



아래 그림은 Trend Element 생성 방법에 대해 나타낸 것이다.





Trend 속성 변경


생성한 Trend를 선택하고 속성 창에서 Layout, Trend Properties, Trend background, Trend AxisProperties 섹션을 찾아 속성을 변경한다. 아래의 표는 Trend 속성에 대한 설명이다.


분류

항목

내용

Layout

x

Trend x좌표

y

Trend y좌표

width

Trend 너비

height

Trend 높이

Trend Properties

trend-flow

Trend를 동적으로 변경한다

direction

동적 Trend가 흘러가는 방향을 결정

subscale

TrendX, Y축의 보조눈금 표시여부

title-visible

Title의 표시여부

legend-visible

Legend의 표시여부

xaxis-visible

X축의 표시여부

yaxis-visible

Y축의 표시여부

grid-visible

Grid의 표시여부

Trend Background

fill

Trend의 배경색

fill-opacity

Trend의 배경 투명도

stroke

Trend 외곽선의 색상

stroke-opacity

Trend 외곽선의 투명도

stroke-width

Trend 외곽선의 굵기

stroke-linejoin

Trend 외곽선의 꼭지점부분의 모양

stroke-dasharray

Trend 외곽선의 스타일

Trend Axis Properties

xview-min

X축의 최소값

xview-max

X축의 최대값

yview-min

Y축의 최소값

yview-max

Y축의 최대값

databuffer

Series데이터의 최대개수

auto-scale

Y축의 min, max값을 자동으로 설정하는 속성


아래 그림은 Trend의 Background 속성을 변경하는 방법에 대해 나타낸 것이다.





Trend Title 속성 변경


Trend의 Title영역을 선택하여 속성 창을 열고, 속성을 변경한다. 아래의 표는 Title속성에 대한 설명이다.


분류

항목

내용

Trend Title

x

Titlex좌표

y

Titley좌표

width

Title의 너비

height

Title의 높이

fill

Title의 배경색

fill-opacity

Title의 배경 투명도

stroke

Title 외곽선의 색상

stroke-opacity

Title 외곽선의 투명도

stroke-width

Title 외곽선의 굵기

stroke-linejoin

Title 외곽선의 꼭지점부분의 모양

stroke-dasharray

Title 외곽선의 스타일

title

Title의 내용

font-color

글자 색

font-family

글자 모양

font-size

글자 크기

font-style

글자의 스타일

font-weight

글자의 굵기(bold, lighter )



아래 그림은 Trend의 Title 속성을 변경하는 방법에 대해 나타낸 것이다.







Trend Legend 속성 변경


Trend의 Legend영역을 선택하여 속성 창을 열고, 속성을 변경한다. 아래 표는 Legend속성에 대한 설명이다



분류

항목

내용

Trend Legend

x

Legendx좌표

y

Legendy좌표

width

Legend의 너비

height

Legend의 높이

fill

Legend의 배경색

fill-opacity

Legend의 배경 투명도

stroke

Legend 외곽선의 색상

stroke-opacity

Legend 외곽선의 투명도

stroke-width

Legend 외곽선의 굵기

stroke-linejoin

Legend 외곽선의 꼭지점부분의 모양

stroke-dasharray

Legend 외곽선의 스타일

symbol-size

Series symbol 크기

font-color

글자 색

font-family

글자 모양

font-size

글자 크기

font-style

글자의 스타일

font-weight

글자의 굵기(bold, lighter )



아래 그림은 Trend의 Legend 속성을 변경하는 방법을 나타낸 것이다.






Trend X axis 속성 변경


Trend의 X axis(X축) 영역을 선택하여 속성 창을 열고, 속성을 변경 한다. 아래의 표는 X axis의 속성에 대한 설명이다.


분류

항목

내용

Trend X axis

position

X축의 위치

fill

X축의 배경색

fill-opacity

X축의 배경 투명도

stroke

X축 외곽선의 색상

stroke-opacity

X축 외곽선의 투명도

stroke-width

X축 외곽선의 굵기

stroke-linecap

X축 외곽선의 꼭지점부분의 모양

font-color

글자 색

font-family

글자 모양

font-size

글자 크기

font-style

글자의 스타일

font-weight

글자의 굵기(bold, lighter )


아래 그림은 Trend의 X axis(X축) 속성 값을 변경하는 방법을 나타낸 것이다.





Trend Y axis 속성 변경


Trend의 Y axis(Y축) 영역을 선택하여 속성 창을 열고, 속성을 변경 한다. 아래 표는 Y axis의 속성에 대한 설명이다.



분류

항목

내용

Trend Y axis

position

Y축의 위치

fill

Y축의 배경색

fill-opacity

Y축의 배경 투명도

stroke

Y축 외곽선의 색상

stroke-opacity

Y축 외곽선의 투명도

stroke-width

Y축 외곽선의 굵기

stroke-linecap

Y축 외곽선의 꼭지점부분의 모양

font-color

글자 색

font-family

글자 모양

font-size

글자 크기

font-style

글자의 스타일

font-weight

글자의 굵기(bold, lighter )



아래 그림은 Trend의 Y axis(Y축) 속성 값을 변경하는 방법을 나타낸 것이다.





Trend Grid 속성 변경


Trend의 Grid 영역을 선택하여 속성 창을 열고, 속성을 변경 한다. 아래 표는 Grid의 속성에 대한 설명이다.


분류

항목

내용

Trend Grid

x

x Grid의 개수

y

x Grid의 개수

stroke

Grid의 색상

stroke-opacity

Grid의 투명도

stroke-width

Grid의 굵기

stroke-dasharray

Grid의 스타일


아래 그림은 Trend의 Grid 속성 값을 변경하는 방법을 나타낸 것이다.






Trend 기능


Trend에 band-highlimit로 최대 기준선, band-lowlimit로 최소 기준선을 그린다. 아래의 표는 Trend Band 속성에 대한 설명이다.



분류

항목

내용

Trend Band Properties

band-visible

Band의 표시여부

band-highlimit

Band의 최대 기준선

band-high-stroke

최대 기준선의 색

band-high-opacity

최대 기준선의 투명도

band-high-width

최대 기준선의 굵기

band-high-dasharray

최대 기준선의 스타일

band-lowlimit

Band의 최소 기준선

band-low-stroke

최소 기준선의 색

band-low-opacity

최소 기준선의 투명도

band-low-width

최소 기준선의 굵기

band-low-dasharray

최소 기준선의 스타일



아래 그림은 Trend의 Band 기능을 나타낸 것이다.





Trend Series


Trend Series 생성


Trend를 선택하면 나오는 리본메뉴에서 Select Data섹션의 Add Data항목을 선택한다. 선택 후 나오는 Chart Add Data창에서 Add 버튼을 눌러 Series를 생성한다. 아래 그림은 Trend의 Series 을 생성하는 방법에 대해 나타낸 것이다.





Trend Series 속성 변경


Chart Add Data창에서 속성 변경을 하고자 하는 Series의 ID를 선택하고, 같은 창의 오른쪽에 Series Properties에서 선택한 Series의 속성을 변경한다. 밑의 표는 Series의 속성에 대한 설명이다.


분류

항목

내용

Trend Series

variable

외부 객체의 값을 Series에 인터페이스 시켜주는 속성

stroke

Series의 색상

stroke-opacity

Series의 투명도

stroke-width

Series의 굵기

symbol-type

Series symbol의 종류

symbol-fill

Series symbol의 배경색

symbol-fill-opacity

Series symbol의 배경 투명도

symbol-stroke

Series symbol의 외곽선 색

symbol-stroke-opacity

Series symbol의 외곽선

symbol-stroke-width

Series symbol 외곽선의 굵기

symbol-stroke-dasharray

Series symbol 외곽선의 스타일

symbol-size

Series symbol의 크기


아래 그림은 Trend Series 속성을 변경하는 방법에 대해 나타낸 것이다.






Trend Series Data Interface


Trend 속성 중 variable속성에 연결하려는 Logic객체의 Connection Pin의 이름을 입력한다. 아래 그림은 Trend Series Data Interface에 대해 나타낸 것이다.





Extended Trend


인스턴트 Trend로써 Logic객체의 Pin정보를 받아 같이 보여주는 Trend이다. 생성을 위해서 Logic객체가 필요하다. 아래 그림은 Trend에서 확장된 Extended Trend를 생성하는 법을 나타낸 것이다.




아래 그림은 Extended Trend를 나타낸 것이다.



















enuSpace 그래픽 저작기 프로젝트 익스플로어 기능 (Project Explorer)



프로젝트 탐색기는 전체 프로젝트를 트리 구조로 관리하는 기능으로 크게 4개의 기능이 있으며, 각각은 전역변수 관리(Global), Picture 관리, Library 관리, Style 관리이다. 


전역변수 관리는 Global이라는 폴더는 전역변수를 관리하는 영역으로 새로운 전역변수 파일을 만들거나 삭제하고 전역변수 파일에 전역변수를 생성, 제거하는 역할을 한다. 폴더를 클릭하고 우측버튼을 눌러 팝업 창을 띄우면 전역변수 파일 생성 및 불러오기 항목의 메뉴가 나타난다. 

Add New Global Item은 새로운 전역변수 선언 파일을 생성하고 Add Existing Global Item은 이미 만들어진 전역변수 선언 파일을 불러온다. 만들어진 전역변수 파일에 변수를 추가 삭제하려면 파일명을 클릭하고 우측버튼을 누르면 저장 파일을 저장하고 변수를 추가하고 파일을 제거하는 메뉴가 나타나며 파일의 저장 및 제거는 확인 다이얼로그가 나타나며 사용자가 확인을 하면 실행된다. 

전역변수의 추가는 추가를 위한 새로운 다이얼로그 박스가 나타나는데 변수 형식을 선택하고 이름을 설정하고 Add버튼을 누르면 생성이 된다. 변수의 형식에는 “bool”, “int”, “float”, “double”, “wchar” 형식을 제공하며 사용자가 새로운 형식의 구조체를 등록할 수가 있다. 아래 그림에서는 “Color”와 “SD” 라는 형식의 구조체가 등록된 상태이다. 구조체 변수는 선택하면 우측 속성 창에 변수형식과 이름이 나타난다. 단일변수를 선택하면 우측 속성 창에 변수이름과 초기값이 보인다. 이렇게 선언된 변수는 라이브러리 및 그리기 객체의 스크립트에서 사용 가능하다.

Picture 관리는 프로젝트에서 사용되는 도면과 같은 기능을 제공한다. Picture의 생성은 Add New Picture Item은 새로운 그림 파일을 생성하고, Picture 파일의 이름을 입력하는 다이얼로그 박스가 나타나고 이름을 입력한 후 “Create” 버튼을 누르면 생성이 된다. 생성된 파일명으로 가운데 창에 그림 차이 생성이 된다. 생성된 그림 창에 그리기 기능을 통해 그리거나 편집하여 파일을 생성한다. 


Library 관리는 Picture에서 사용되는 객체 대한 Logic Symbol 및 HMI Symbol의 생성과 저장, 불러오기, 삭제 등과 같은 기능을 제공한다. Library의 생성은 New HMI Library Item 또는 Logic Library Item 으로 생성할 수 있으며, 생성된 Library는 각각 기능 및 이벤트 정의 후 Picture에서 사용할 수 있다.


Style 관리는 Picture에서 사용하는 색상이나 글꼴 등에 대한 것을 미리 정의 하고 그리기에서 사용할 수 있도록 한다. Add New Style Item을 선택하여 새로운 스타일 파일을 생성하거나 Add Existing Style Item을 선택하여 기존의 스타일 파일을 불러올 수 있다. Style File을 생성하고 생성된 파일을 마우스 우측 버튼을 클릭하여 팝업메뉴에서 Add Style을 선택하면 새로운 스타일을 생성하는 창이 나타난다. 

Add Style을 하여 스타일 이름을 설정하고 “New” 버튼을 눌러 적용한다. 스타일 트리에 새로운 이름의 스타일이 생성되고 새로 생성된 이름을 클릭하여 선택하면 우측 속성 창에 선택할 속성 창이 나타난다. Add style item 항목에서 적용하고자 하는 스타일을 선택한다. fill과 stroke를 선택하고 스타일 항목에서 변경M한 예는 다음과 같다. 

적용을 하기 위해 편집된 스타일을 저장한다. 스타일을 적용할 객체를 선택한다. 적용하고자 하는 스타일을 선택한다. Class에서 선택하여 적용하면 속성 창에서 적용한 fill 및 stroke는 변경되지 않고 Class에서 정의한 상태를 따라간다.


아래 그림은 Project Explorer에서 지원하는 기능을 나타낸 것이다.






enuSpace professional 2016 기준

enuSpace 그래픽 저작기 전역변수 설정 기능 (Global Variable)



Global 에서는 사용자가 직접 전역 변수 및 함수를 생성 및 삭제, 수정할 수 있는 편집 기능을 제공한다. 먼저 전역 변수 생성 방법은 아래와 같다. 


1. 전역 변수를 생성할 “global.svg” 파일을 선택 후 우클릭 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Global Variable” 항목을 선택한다.

3. “Add Global Variable” 메뉴를 선택하면 화면 중앙에 팝업 다이얼로그 화면이 나타나며, 여기에 생성하고자 하는 변수 형식 및 변수 이름, 주석을 작성한다.

4. 작성이 완료되면 “Add” 버튼을 클릭하며, 생성된 전역 변수는 선택한 “global.svg” 파일 아래에 생성된 것을 확인할 수 있다.


아래 그림은 Global에서 전역 변수를 생성하는 방법에 대해 나타낸 것이다.





Global 에서 사용자 정의형 함수 생성 방법은 아래와 같다.


1. 함수를 생성할 “global.svg” 파일을 선택 후 우클릭 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Global Function” 항목을 선택한다.

3. “Add Global Function” 메뉴를 선택하면 화면 중앙에 팝업으로 “Script Editor” 화면이 나타나며, 여기에 생성하고자 함수 기능을 정의한다.

4. 작성이 완료되면 “Compile” 버튼을 클릭하여 기능 정의가 에러 없이 정상적으로 정의 되었는지 검증할 수 있으며, 결과는 “Script Editor” 화면 하단의 “Output”에서 확인할 수 있다. 

5. “Compile” 버튼을 클릭하여 기능 정의가 완료된 함수는 “Accept” 버튼을 클릭하여 함수를 적용한다.

6. 기능 정의 및 검증이 완료된 함수를 실행해서 결과를 확인해 보기 원할 때는  “Execute” 버튼을 클릭하여 확인해 볼 수 있다.


아래 그림은 Global에서 사용자 정의 함수를 생성하는 방법에 대해 나타낸 것이다.






enuSpace professional 2016 기준

enuSpace 그래픽 저작기 심볼 제작 기능 (HMI, Logic Library)



HMI 및 Logic 파일을 생성한 후 파일에 Symbol을 정의하여 Picture에서 사용할 수 있으며, 각 Symbol은 사용자가 원하는 이벤트 및 기능 정의를 이용하여 Picture에서 사용할 수 있다. 


HMI 심볼 편집


HMI Symbol은 “그래픽 라이브러리 객체” 라고 불리며 HMI Symbol 생성하는 방법은 아래와 같다. 

1. 생성된 HMI 파일을 선택한 후 마우스 우클릭을 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Symbol” 항목을 클릭한다.

3. “Add Symbol” 항목을 클릭 하면 화면 중앙에 팝업 다이얼로그가 나타나며, 다이얼로그에 생성할 Symbol 이름을 입력하고 “New” 버튼을 클릭한다.

4. “New” 버튼을 클릭하면, HMI Symbol을 정의할 화면이 나타나며, 선택한 HMI 파일 하위에 생성한 Symbol이 위치해 있다.

아래 그림은 HMI Symbol 생성에 대해 나타낸 것이다.





HMI Symbol이 생성되면 화면에 Symbol을 생성하고 Symbol의 기능 및 이벤트를 정의할 수 있다. HMI Symbol 편집 방법은 아래와 같다.


1. Symbol 생성을 위한 Object를 생성한 후 Object를 선택한다.

2. Object를 선택한 후 편집기 오른쪽에 위치한 속성 창에서 Event Window를 선택한다.

3. Event Window 선택한 후 Event Window를 구성하는 이벤트 함수 중 사용자가 원하는 이벤트 함수에서 Combo Box를 클릭하면 “Add” 라는 메뉴가 나타나며 이를 클릭한다. 

4. “Add” 메뉴를 클릭하면 그래픽 편집기 화면 중앙에 “Script Editor” 팝업 다이얼로그 화면이 나타나며, 여기에 생성하고자 함수 기능을 정의한다.

5. 작성이 완료되면 “Compile” 버튼을 클릭하여 기능 정의가 에러 없이 정상적으로 정의 되었는지 검증할 수 있으며, 결과는 “Script Editor” 화면 하단의 “Output”에서 확인할 수 있다. 

6. “Compile” 버튼을 클릭하여 기능 정의가 완료된 함수는 “Accept” 버튼을 클릭하여 함수를 적용한다.

7. 기능 정의 및 검증이 완료된 함수를 실행해서 결과를 확인해 보기 원할 때는  “Execute” 버튼을 클릭하여 확인해 볼 수 있다. HMI 파일 하위에 생성한 Symbol이 위치해 있다.

아래 그림은 HMI Symbol 편집에 대해 나타낸 것이다.






HMI Symbol 편집이 완료되면, Picture에서 HMI Symbol을 사용할 수 있으며, 사용 방법은 아래와 같다. 


1. 편집이 완료된 HMI Symbol을 사용할 Picture를 선택한다.

2. Picture를 선택한 후 편집기 우측에 있는 속성 창 하단에서 “HMI” 탭 메뉴를 선택한다.

3. “HMI” 탭 메뉴를 선택하며, 생성한 HMI Symbol이 보이며, 이 Symbol을 마우스 드래그를 통해 Picture 화면으로 옮겨 사용할 수 있다.


아래 그림은 HMI Symbol 사용 방법에 대해 나타낸 것이다.





Logic 심볼 편집


HMI Symbol을 생성하는 방법은 아래와 같다. 


1. 생성된 Logic 파일을 선택한 후 마우스 우클릭을 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Node” 항목을 클릭한다.

3. “Add Node” 항목을 클릭 하면 화면 중앙에 팝업 다이얼로그가 나타나며, 다이얼로그에 생성할 Node 이름을 입력하고 “New” 버튼을 클릭한다.

4. “New” 버튼을 클릭하면, Logic Symbol을 정의할 화면이 나타나며, 선택한 Logic 파일 하위에 생성한 Symbol이 위치해 있다.


아래 그림은 Logic Symbol 생성에 대해 나타낸 것이다.




Logic Symbol이 생성되면 Symbol 간의 연결점인 Connection Pin을 추가할 수 있다. Connection Pin은 하나의 Logic Symbol에서 처리된 결과를 다른 Logic Symbol에 전달할 때 사용되며, 이 Connection Pin은 하나의 Symbol에 여러 개 생성하여 사용할 수 있다. Logic Symbol에서 Connection Pin을 생성하는 방법은 아래와 같다.


1. 생성된 Logic 파일을 선택한 후 마우스 우클릭을 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Connection Pin” 항목을 클릭한다. 다른 방법으로는 그래픽 편집기 중앙에 위치한 “Connection Pin” 버튼을 클릭함으로 서 “Connection Pin” 을 생성할 수 있다.

3. “Add Connection Pin” 클릭한 후 미리 생성한 Object의 원하는 위치에 클릭하면 “Connection Pin”이 생성된다.


아래 그림은 Logic Symbol의 Connection Pin 생성 방법에 대해 나타낸 것이다.






Logic Symbol이 생성되면 화면에 Symbol을 생성하고 Symbol의 기능 및 이벤트를 정의할 수 있다. Logic Symbol 편집 방법은 아래와 같다.


1. Symbol 생성을 위한 Object를 생성한 후 Object를 선택한다.

2. Object를 선택한 후 편집기 오른쪽에 위치한 속성 창에서 Event Window를 선택한다.

3. Event Window 선택한 후 Event Window를 구성하는 이벤트 함수 중 사용자가 원하는 이벤트 함수에서 Combo Box를 클릭하면 “Add” 라는 메뉴가 나타나며 이를 클릭한다. 

4. “Add” 메뉴를 클릭하면 그래픽 편집기 화면 중앙에 “Script Editor” 팝업 다이얼로그 화면이 나타나며, 여기에 생성하고자 함수 기능을 정의한다.

5. 작성이 완료되면 “Compile” 버튼을 클릭하여 기능 정의가 에러 없이 정상적으로 정의 되었는지 검증할 수 있으며, 결과는 “Script Editor” 화면 하단의 “Output”에서 확인할 수 있다. 

6. “Compile” 버튼을 클릭하여 기능 정의가 완료된 함수는 “Accept” 버튼을 클릭하여 함수를 적용한다.

7. 기능 정의 및 검증이 완료된 함수를 실행해서 결과를 확인해 보기 원할 때는  “Execute” 버튼을 클릭하여 확인해 볼 수 있다. Logic 파일 하위에 생성한 Symbol이 위치해 있다.


아래 그림은 Logic Symbol 편집에 대해 나타낸 것이다.




Logic Symbol 편집이 완료되면, Picture에서 Logic Symbol을 사용할 수 있으며, 사용 방법은 아래와 같다. 


1. 편집이 완료된 Logic Symbol을 사용할 Picture를 선택한다.

2. Picture를 선택한 후 편집기 우측에 있는 속성 창 하단에서 “Logic” 탭 메뉴를 선택한다.

3. “Logic” 탭 메뉴를 선택하며, 생성한 Logic Symbol이 보이며, 이 Symbol을 마우스 드래그를 통해 Picture 화면으로 옮겨 사용할 수 있다.

아래 그림은 Logic Symbol 사용 방법에 대해 나타낸 것이다.





Logic Symbol 객체가 추가된 상태에서는 상단 중앙에 “Transfer” 버튼이 활성화 되고 객체의 입출력 선을 연결할 수 있다.  “Transfer” 의 사용 방법은 아래와 같다. 


1. 사용할 Logic Symbol을 마우스 드래그를 통해 Picture에 위치 시킨다.

2. 그래픽 편집기 화면 상단 중앙에 위치한 “Transfer” 버튼을 클릭하고, 각각의 Logic Symbol에 위치한 “Connection Pin”에 마우스 클릭을 통해 “Transfer” 선을 연결한다.


아래 그림은 Logic Symbol에서 Transfer의 사용 방법을 나타낸 것이다.





선은 출력에서 입력으로 해야 하며, 거꾸로 하면 안 된다. 객체의 입출력을 Transfer로 연결할 때 변수의 타입이 맞지 않으면 에러 메시지가 출력된다. 연결된 Transfer 객체를 선택하면 우측 속성 창에 속성이 표시되며, 아래 그림과 같이 from-id와 to-id가 입력한 시작 객체 ID와 끝 객체 ID가 표시되고, 각 객체의 입출력 변수 명으로 “from-id” 과 “to-id”가 표시된다.







enuSpace 그래픽 저작기 Undo Redo 기능



그래픽 편집기에서는 Undo(되돌리기) 기능과 Redo(다시하기)기능을 제공한다. Undo는 그래픽 편집기에서 편집행위를 한 것을 이전의 단계로 되돌리는 역할을 하며, 키보드 단축키는 “Ctrl + Z” 이다. 버튼을 한번 클릭할 때마다 한 단계씩 되돌아간다.

Redo는 Undo 단계에서 다른 편집 행위를 하기 전에 다시하기를 하여 이전에 했던 편집 작업을 다시 행할 수 있다. 키보드로는 “Ctrl + Y” 이고, 화면에서는 되돌리기 이전의 상태가 될 때까지 버튼을 한번 클릭할 때마다 한 단계씩 다시하기를 한다. Undo/Redo 버튼은 아래 그림과 같이 프로그램 좌측 상단에 위치해 있다.





아래 표는 그래픽 편집기에서 Undo/Redo 기능에 대한 단축키를 나타낸다



종류

단축키

설명

Undo

Ctrl + Z

현재 상태를 이전 상태로 되돌린다.

Redo

Ctrl + Y

이전 상태를 현재 상태로 되돌린다.




enuSpace professional 2016 기준

enuSpace 그래픽 저작기 확대 축소 기능(Zoom In/Out)



그래픽 편집기에서 제공하는 Zoom 기능은 프로그램 오른쪽 하단에 위치해 있으며, 아래 그림은 그래픽 편집기에서 제공하는 Zoom 기능에 대해 나타낸 것이다. 



그래픽 편집기의 Zoom 기능은 “-“, “+” 버튼을 클릭하여 Zoom Out, Zoom In을 할 수 있으며, 이들 버튼 사이에 슬라이드 바를 Drag하여 Zoom Out, Zoom In을 할 수 있다. Zoom In/Out 시 원 상태로 되돌리기를 원하면 “100%” 버튼을 클릭하면 원래 사이즈로 돌아온다.



enuSpace professional 2016 기준

enuSpace 그래픽 저작기 검색 기능(Find)



Find 기능은 그래픽 편집기에서 제공하는 기능 중의 하나로 현재 Picture 또는 프로젝트 전체에서 객체를 찾을 수 있도록 지원하는 기능이다. 

아래 그림은 그래픽 편집기에서 Find 기능을 사용하는 방법을 나타낸 것이다.




Find 기능은 아래와 같이 사용한다.


1. 각각의 객체에 ID를 설정한다.

2. 편집기 우측 상단에 “Find” 버튼을 클릭하면 편집기 화면 중앙에 Find를 위한 다이얼로그 창이 나타난다.

3. Find를 위한 다이얼로그 창에 찾고자 하는 객체 ID를 입력한다.

4. 검색하고자 하는 객체의 검색 범위를 선택한다. 범위는 Picture 또는 프로젝트 전체와 “Match case” (선택하여 대/소문자를 구분한 찾기 범위 설정) 및 “Find whole words only” (문자의 길이 및 전체 문자가 동일한 찾기 범위 설정) 와 같은 범위를 지원한다. 

5. 다이얼 로그 창 중앙에 위치한  “Search” 버튼을 클릭한다.

6. 검색 결과는 다이얼로그 창 하단의 리스트 창에서 보여지며, 검색 결과를 클릭하면 편집기에 있는 객체에서 검색한 객체가 선택된 상태로 표시된다.







+ Recent posts