인라인 입력과 외부 입력 비교

입력은 인라인 또는 외부로 렌더링할 수 있습니다. 값 입력의 커넥터가 블록 내부에 렌더링되는지 (인라인) 또는 외부 가장자리에 렌더링되는지 (외부)와 입력이 동일한 행에 렌더링되는지 또는 다른 행에 렌더링되는지를 제어합니다.

'값에서 값까지 x로 계산' 문의 인라인 및 외부 변형 인라인 변형에서 블록에는 두 개의 행이 있습니다. 상단 행에는 '값에서 값까지 x로 계산'이 있고 하단 행에는 'do statement'가 있습니다.
값 입력은 상단 행의 내부에서 잘라낸 퍼즐 조각처럼 보입니다.
외부 변형에서 블록에는 'count with x', 'from value', 'to value', 'do statement'의 네 행이 있습니다. 값 입력은 두 번째 및 세 번째 행의 끝에 있으며 암컷 퍼즐 커넥터처럼 보입니다.

블록 정의는 입력이 인라인인지 여부를 제어하는 선택적 불리언을 지정할 수 있습니다.

JSON

{
  // ...,
  "inputsInline": true
}

자바스크립트

init: function() {
  // ...
  this.setInputsInline(true);
}

이 불리언이 true (인라인 입력)로 설정된 경우:

  • 값 입력용 커넥터는 블록 내부에 렌더링됩니다.
  • 명령문 입력은 자체 행에 렌더링됩니다.
  • 더미, 행 끝, 값 입력은 모두 동일한 행에 렌더링됩니다. 단, 문 또는 행 끝 입력 다음에 오는 입력은 새 행에 렌더링됩니다.

false (외부 입력)로 설정된 경우:

  • 값 입력용 커넥터는 블록의 외부 가장자리에 렌더링됩니다.
  • 모든 입력은 자체 행에 렌더링됩니다. 단, 더미 입력 다음에 오는 행 끝 입력은 더미 입력과 동일한 행에 렌더링됩니다.

이 내용을 시각화하는 데 문제가 있다면 Blockly 개발자 도구에서 블록을 구성하고 inputs 드롭다운 (automatic, external, inline)에 다른 설정을 선택하세요.

이 불리언이 정의되지 않으면 Blockly는 몇 가지 휴리스틱을 사용하여 어떤 모드가 가장 적합한지 추측합니다. Blockly가 올바른 선택을 한다고 가정하면 이 필드를 정의되지 않은 상태로 두는 것이 좋습니다. 언어별 번역에 따라 모드가 자동으로 달라질 수 있기 때문입니다. 삽입 토큰 순서에서 "set %1 to %2" (외부 입력) 및 "put %2 in %1" (인라인 입력)의 예를 참고하세요.

블록에 숫자와 같은 작은 입력이 있을 가능성이 있는 경우 인라인 입력을 사용합니다. 사용자는 컨텍스트 메뉴를 통해 이 옵션을 전환할 수 있습니다.