Getting started

Formula Input에서는 간단한 수식부터 변수, 함수를 활용한 가변적인 값이나 레이어의 x, y, width, height 같은 속성값을 참조 할 수 있습니다. 이를 활용하면 인터랙션을 보다 역동적이고 간결하게 만들 수 있습니다.

Formula Input

사칙연산에 레이어의 속성을 참조해서 가변적인 수치를 입력할 수 있는 입력기입니다. 변수와 함수를 함께 사용할 수도 있습니다. Property input의 펼치기 버튼 을 누르면 나타나고 수식 입력을 위한 자동완성 기능을 사용할 수 있습니다.

Basic Tutorials

Formula

Formular기능의 기본적인 사용법입니다. Response에 값을 넣을 때 레이어의 좌표를 직접 참조하여 고정된 값으로만 변하는 인터랙션이 아니라 동적으로 상황에 따라 변하는 인터랙션을 만들 수 있습니다.

Variable

Variable의 기본적인 사용법입니다. Variable에는 숫자, 문자, 컬러 값을 할당 할 수 있고, assign response를 사용해서 variable의 값을 변경하고 그에 따라 변하는 인터랙션을 만들 수 있습니다.

Examples

Tab Menu

Response 의 수치값에 고정된 숫자가 아닌 수식을 입력할 수 있으며, 다른 레이어 속성을 수식에 사용할 수 있습니다. 파란색 layer를 Menu2위치로 옮기고 싶을 때 `Menu2`.x와 같이 쓸 수 있습니다.

Spinner

변수를 사용해서 1씩 증가하거나 1씩 감소하는 spinner를 만들 수 있습니다.

Ripple Effect

Predefined Variable을 사용해서 화면을 Touch하는 지점의 좌표값을 가져올 수 있습니다. 내가 Touch하는 지점으로부터 Ripple Effect가 생기게 만들고 싶다면 Ripple layer의 Move response의 좌표에 각각 $touchX, $touchY 를 입력할 수 있습니다.

Text Input

`layerName`.text 속성을 사용하면 Text Input 에 입력된 텍스트 값을 참조할 수 있습니다. Formula input에서 문자열 연산으로 다른 문자열과 조합할 수도 있습니다.