Gerente de clase

La Blocs Class Manager le permite administrar todas las clases personalizadas dentro de su proyecto. Recomendamos ver esta lección en video que cubre los conceptos básicos del Administrador de clases.

Lección en video del administrador de clases

Administrador de clases abierto

Para abrir Class Manager, navegue hasta Ventana> Administrador de clases desde el menú principal de aplicaciones.

menú del administrador de clases

Agregar y quitar clases

Agregar y eliminar clases personalizadas usando el Administrador de clases es realmente simple. En la esquina superior derecha del Class Manager hay dos botones, uno marcado con un símbolo y uno marcado con un + símbolo. El botón marcado con un El símbolo eliminará las clases y el botón marcado con un + El símbolo agregará uno nuevo.

añadir clase

Al hacer clic en el + para agregar una nueva clase, se le presentará una nueva subventana que contiene un campo de entrada y un botón desplegable. Para crear su nueva clase personalizada, ingrese el nombre de la clase en el campo de texto y luego haga clic en el botón etiquetado Agregar clase que se encuentra en la esquina inferior derecha de la subventana.

agregar-clase-ventana

Al hacer clic en el para eliminar una clase, se abrirá un menú emergente que ofrece dos opciones, eliminar la clase actualmente seleccionada o eliminar todas las clases no utilizadas en todo el proyecto.

agregar-clase-ventana

Cuando selecciona eliminar todas las clases no utilizadas, Blocs escaneará el código html de todas las páginas del proyecto y marcará las clases que no se estén utilizando actualmente. A continuación, tendrá la opción de volver a comprobarlos antes de que se eliminen.

Editar clases

Para editar una clase personalizada desde el Administrador de clases, simplemente Click izquierdo el pequeño símbolo de configuración que se encuentra en el extremo derecho del elemento de la lista de clases que desea editar o, alternativamente, haga doble clic en cualquier lugar del elemento de la lista que le gustaría editar. Al hacer cualquiera de estos, se abrirá el panel Editor de clases.

clase de edición

Descripción de las clases

Para aplicar o editar una descripción de clase personalizada, simplemente Click izquierdo el pequeño símbolo de información que se encuentra en el extremo derecho del elemento de la lista de clases que desea editar. Hacer esto abrirá la ventana emergente de descripción de la clase. Desde esta ventana emergente puede editar la descripción de la clase seleccionada.

clase de edición

Clases de bloqueo

Hay ocasiones en las que es posible que desee bloquear una clase personalizada para evitar que sus valores se editen involuntariamente. Para bloquear una clase, mueva el cursor del mouse sobre la clase que desea bloquear para revelar el botón de bloqueo. Al hacer clic en este botón se bloqueará la clase, lo que significa que sus valores y nombre ya no se podrán editar. Para desbloquear la clase, simplemente haga clic en el botón de bloqueo por segunda vez.

clase de edición

Crear subclases

Además de permitirle crear clases personalizadas, Blocs también le permite crear subclases de algunas de las clases principales utilizadas por Blocs para elementos como el botón de desplazamiento hacia la parte superior o la información sobre herramientas flotante. El punto en la subclasificación es anular el estilo predeterminado creado por Blocs a algo más personalizado para su proyecto. La subclasificación es una característica más avanzada que debe usarse con cuidado. Un ejemplo de subclasificación sería crear una subclase del botón de desplazamiento hacia la parte superior y cambiar su color de fondo a verde. Para crear una subclase, siga los pasos para agregar y quitar clases de arriba, pero en lugar de ingresar un nombre de clase, Click izquierdo el botón desplegable etiquetado Subclase Lib y seleccione la clase principal que desea anular.

clase-subclase

Guía de referencia de subclase

Tenemos una guía de referencia en línea que puede leer aquí eso explica lo que controla cada subclase.

Reordenar clases

Debido a la naturaleza de la forma en que funcionan las clases personalizadas (en cascada), hay ocasiones en las que los valores de estilo de una clase pueden ser anulados por los valores de estilo de una clase más abajo en la lista de clases. Para asegurar las hojas de estilo generadas por Blocs funciona según lo previsto, el Administrador de menús tiene una opción para establecer el orden, por punto de interrupción, de las clases personalizadas en un proyecto.

Para cambiar el orden en cascada de las clases personalizadas en un proyecto, simplemente navegue hasta el Editar orden botón ubicado a la derecha del campo de entrada de búsqueda de clase y Click izquierdo eso. Esto cambiará el Class Manager al modo de pedidos. Desde aquí puede establecer el orden en cascada de clases para cada punto de interrupción.

Resaltar clase

Cuando está habilitado, Blocs navegará y resaltará cualquier clase que esté seleccionada en el Administrador de clases. El resaltado que se muestra será un borde rojo alrededor del elemento.

Actualizado el 12 de diciembre de 2023

¿Le resultó útil este artículo?

Artículos Relacionados