본문 바로가기

Learn

nexacrostudio 잘쓰는 방법 - 2.컴포넌트 정렬 빠르게 하기

Intro.

넥사크로플랫폼의 많은 장점 중에 제가 생각하는 최고는 “전용개발툴”로 쉽고 빠르게 컴포넌트를 그릴 수 있고, 스크립트를 구현할 수 있다는 점 입니다.

전용개발툴인 넥사크로 스튜디오는 하나의 화면을 폼 단위로 관리하며 디자인, 소스, 스크립트 탭으로 관리합니다. 디자인탭에서는 여러 컴포넌트들은 실제 사용하는 위치에 맞게 그리고 배치합니다.

넥사크로 스튜디오에서 제공하는 툴바 중 Align바는 정렬 기능을 모아둔 곳입니다.

만약 현재 개발툴에서 툴바가 Align바를 사용할 수 없다면 메뉴 view > Toolbars > Align을 활성화해야 합니다.

폼 화면에서 사용하는 모든 컴포넌트는 Align 기능을 사용 할 수 있습니다.

폼 화면에서 Align 바 활성화 예시

how to align

Align바는 폼의 선택된 컴포넌트 수에 따라 사용할 수 있는 기능의 차이가 있습니다. Align 기능 별 사용방법을 살펴보고 더 빠르고 쉽게 컴포넌트 정렬하는 방법을 확인하세요.

선택될 컴포넌트의 수 별 기능 활성화 상태는 아래와 같습니다.

폼이 선택된 상태

 

컴포넌트가 하나만 선택된 상태

 

컴포넌트가 두개 이상 선택된 상태

 

Align 기능별 사용방법

#1. 여러개의 컴포넌트가 선택되었을 경우 마지막 선택된 컴포넌트를 기준으로 left, center, right, top, middle, bottom 값이 변경됩니다.

마지막에 선택된 컴포넌트 기준으로 정렬하기

 

#2. 여러개의 컴포넌트가 선택되었을 경우 마지막 선택된 컴포넌트를 기준으로 width와 height 값의 크기를 맞춥니다. 또한 이를 동시 적용합니다.

마지막에 선택된 컴포넌트 기준으로 크기 맞추기

 

#3. 선택된 처음과 끝 컴포넌트 사이의 공간을 수평/수직으로 분배하여 균등한 간격으로 재배치합니다.

선택된 처음과 끝 컴포넌트 기준으로 같은 간격 분배 배치

 

#4. 선택된 컴포넌트들의 사이의 공간을 입력한 크기로 수평/수직 분재하여 재배치합니다.

입력된 사이 간격으로 정렬 배치

 

#5. 선택된 컴포넌트들을 폼 화면의 center, middle, left, right, top, bottom으로 이동합니다.

선택된 컴포넌트들을 폼 기준으로 정렬 배치

 

#6. fit to contents 기능으로 edit 컴포넌트의 경우 입력된 text에 맞게 컴포넌트 크기를 변경합니다.

선택된 컴포넌트들을 최소값에 맞게 크기 조정

 

#7. 선택된 컴포넌트를 맨앞/맨뒤/앞/뒤로 보내고 가져옵니다.

선택된 컴포넌트 앞/뒤로 보내기

 

#8. 폼의 모든 컴포넌트를 마우스로 이동하지 못하게 고정하거나 해제합니다.

컴포넌트의 위치 고정하기

 

참고자료

개발도구 가이드 - 툴바, align

 

플레이넥사크로 바로가기

https://www.playnexacro.com/

 

play nexacro

A community of nexacro platform.

www.playnexacro.com