디자인

Blockly 인터페이스의 주요 기능 중 하나는 맞춤설정 기능으로, 이를 통해 개발자는 브랜드 또는 사용자 환경 목표에 부합하는 고유한 디자인과 분위기를 만들 수 있습니다. Blockly의 모양을 맞춤설정하는 세 가지 주요 방법은 블록 색상, 테마, 렌더러입니다.

블록 색상

블록의 기본 색상은 블록 정의에서 설정할 수 있습니다. 이렇게 설정하면 블록의 보조 색상 (예: 테두리 색상)이 자동으로 계산됩니다. 블록의 모양을 수정하는 가장 간단한 방법입니다.

블록 색상 설정에 관해 자세히 알아보세요.

테마

테마를 사용하면 블록, 도구 상자, 작업공간 및 기타 구성요소의 색상과 불투명도와 같은 옵션을 추가로 제어할 수 있습니다. 테마는 작업공간에 동적으로 설정할 수 있으며 블록 그룹에 적용할 수 있는 스타일 카테고리가 포함되어 있습니다.

Blockly에서 제공하는 테마 사용 또는 자체 테마 만들기에 관해 자세히 알아보세요.

렌더기

렌더기는 블록이 작업공간에 그리는 방식을 제어하는 Blockly의 객체입니다. 렌더기는 블록과 연결 지점의 모양을 제어합니다.

Blockly 제공 렌더기 사용 또는 자체 렌더기 만들기에 관해 자세히 알아보세요.

요약

블록의 색상을 변경하려면 블록 정의를 사용합니다. 다른 항목의 색상을 변경하거나 블록 색상을 더 구체적으로 설정하려면 테마를 사용해 보세요. 무언가의 모양을 변경하려면 렌더기를 사용해 보세요.