Herramientas para desarrolladores de Blockly
es una herramienta para desarrolladores basada en la Web que automatiza partes de la configuración de Blockly
como la creación de bloques personalizados, la creación de tu caja de herramientas,
y configurar tu lugar de trabajo web de Blockly.
El proceso para desarrolladores de Blockly con la herramienta consta de tres partes:
- Crear bloques personalizados con Fábrica de bloques y Exportador de bloques
- Compilar una caja de herramientas y un lugar de trabajo predeterminado con Workspace Factory
- Configura tu lugar de trabajo con Workspace Factory (actualmente un servicio solo (función).
Pestaña Fábrica del bloque
La pestaña Fábrica de bloques te ayuda a crear bloquear las definiciones y generadores de códigos de bloque para los componentes personalizados. En ella, puedes crear, modificar y guardar bloques personalizados.
Cómo definir un bloque
En este video se explican los pasos para definir un bloque en detalle. La IU ya no está disponible fecha, pero los elementos de bloqueo que destaca siguen siendo precisos.
Cómo administrar la biblioteca
Los bloques se referencian por su nombre, así que cada bloque que quieras crear debe tener con un nombre único. La IU aplica esto de manera forzosa y deja en claro cuándo estás "guardando" un nuevo bloque o “actualizar” un bloque existente.
Puedes alternar entre los bloques que guardaste anteriormente o crear uno nuevo haciendo clic en el botón Biblioteca. Cambiar el nombre de un bloque existente es otra manera de crear rápidamente varios bloques con definiciones similares.
Cómo importar y exportar una biblioteca
Los bloqueos se guardan en el almacenamiento local del navegador. Borra la configuración local del navegador almacenamiento borrará tus bloques. Para guardar tus bloqueos de forma indefinida, debes descargar tu biblioteca. Tu biblioteca de bloques se descarga como XML que se puede importar para establecer la Biblioteca de bloques en el estado en que se encontraba al descargaste el archivo. Ten en cuenta que importar una biblioteca de bloques reemplaza actual, por lo que le recomendamos que primero exporte.
Las funciones de importación y exportación también son la forma recomendada de mantener comparten diferentes conjuntos de bloques personalizados.
Bloquear la pestaña Exportador
Una vez que haya diseñado sus bloques, tendrá que exportar las definiciones de los bloques. y stubs de generación para usarlos en una app. Esto se hace en la Bloquear la pestaña Exportador.
Todos los bloques almacenados en tu Biblioteca de bloques se mostrarán en el Selector de bloques. Haz clic en el bloque para seleccionarlo o anular la selección para exportarlo. Si quieres seleccionar todos los bloques de la biblioteca, utiliza la opción "Seleccionar" → "Todos los bloques Biblioteca”. Si creaste tu caja de herramientas o configuraste tu espacio de trabajo con en la pestaña Workspace Factory, también puedes seleccionar todos los bloques que usaste haz clic en “Select” → “All used In Workspace Factory”.
La configuración de exportación te permite elegir el idioma generado al que deseas segmentar los anuncios y si quieres las definiciones, los stubs del generador o ambos para la bloques seleccionados. Cuando las hayas seleccionado, haz clic en "Exportar". para descargar tu archivos.
Pestaña Workspace Factory
La fábrica de Workspace facilita la configuración de una caja de herramientas y la configuración conjunto de bloques en un espacio de trabajo. Puedes alternar entre editar la caja de herramientas y de trabajo con el kit de herramientas y “Workspace” botones.
Crea una caja de herramientas
Esta pestaña ayuda a compilar el XML para una Caja de herramientas. El material supone estar familiarizado con las funciones de una caja de herramientas Si ya tienes XML para una caja de herramientas que quieres editar aquí, puedes y cargarlo haciendo clic en "Cargar para editar".
Caja de herramientas sin categorías
Si tienes algunos bloques y quieres mostrarlos sin ninguna categoría, simplemente arrástralos al lugar de trabajo y verás que aparecen los bloques en la caja de herramientas. en la vista previa.
Caja de herramientas con categorías
Si quieres mostrar bloques en categorías, haz clic en el botón "+" y selecciona elemento del menú desplegable para la nueva categoría. Se agregará una categoría a tu lista de categorías. que puedes seleccionar y editar. Selecciona "Categoría estándar" para agregar una persona. categoría estándar de Blockly (Lógica, Bucles, etc.) o "Caja de herramientas estándar" para agregar todas categorías estándar de Blockly. Usa los botones de flecha para reordenar las categorías.
Para cambiar el nombre o el color de la categoría seleccionada, usa la opción "Editar categoría". menú desplegable. Si arrastras un bloque al espacio de trabajo, se agregará al lugar seleccionado. categoría.
Bloqueos avanzados
De forma predeterminada, puedes agregar cualquiera de los bloques estándar o cualquier bloque de la biblioteca. a la caja de herramientas. Si tienes bloques definidos en JSON que no están en tu biblioteca, puedes importarlos con la opción "Importar bloques personalizados" .
Algunos bloques se deben usar juntos o incluir valores predeterminados. Esto se hace con grupos y sombras. Cualquiera los bloques que estén conectados en el editor se agregarán a la caja de herramientas como un grupo. Los bloques que están unidos a otro bloque también se pueden cambiar a bloques de sombra. seleccionando el bloque secundario y haciendo clic en el botón "Make shadow" . Nota: Solo se pueden cambiar a sombra los bloques secundarios que no contengan una variable. bloques.
Si incluyes una variable o un bloque de funciones en su caja de herramientas, incluye un “Variables” o “Funciones” de tu caja de herramientas para que los usuarios puedan usar el bloque. Obtén más información sobre “Variables” o “Funciones” categorías.
Cómo configurar un lugar de trabajo (para Web Blockly)
Para configurar diferentes partes de tu lugar de trabajo, ve a “Workspace Factory” y selecciona “Espacio de trabajo”.
Elige opciones de lugar de trabajo
Establecer valores diferentes para opciones de configuración y ver el resultado en el área de vista previa. Habilitando grid o zoom muestra más opciones para configurar. Además, si se empieza a usar categorías, por lo general, se necesita un enfoque workspace; una papelera, y las barras de desplazamiento se agregan automáticamente cuando agregas primera categoría.
Agrega bloques precargados al lugar de trabajo
Esto es opcional, pero puede ser necesario si deseas mostrar un conjunto de bloques en espacio de trabajo:
- Cuando se carga la aplicación
- Cuando se activa un evento (avanzar de nivel, hacer clic en un botón de ayuda, etc.).
Arrastra bloques al espacio de edición para verlos en tu lugar de trabajo en la vista previa. Puedes crear grupos de bloques, inhabilitar bloques y hacer que ciertos bloques tengan sombra. bloques cuando los seleccionas.
Puedes exportar estos bloques como XML (consulta a continuación). Agrégalas a tu espacio de trabajo con
Blockly.Xml.domToWorkspace
, inmediatamente después de crear tu lugar de trabajo:
var xmlText = '<xml xmlns="https://developers.google.com/blockly/xml">' +
'<block type="math_number"></block></xml>';
Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlText), workspace);
Este código de muestra agrega un solo bloque math_number
al lugar de trabajo.
Se está exportando
Workspace Factory te ofrece las siguientes opciones de exportación:
- Código de partida: Produce el código HTML de partida y el código JavaScript para insertar el código fuente lugar de trabajo de Blockly.
- Caja de herramientas: Produce un archivo XML para especificar tu caja de herramientas.
- Workspace Blocks: Genera un archivo XML que se puede cargar en un espacio de trabajo.