Propiedades del Objeto
Propiedades del Objeto
Las propiedades del objeto para el objeto seleccionado actualmente se muestran en el lado derecho del editor. Estas propiedades determinan cómo se verán los objetos en el marco para los participantes. Muchas propiedades del objeto se pueden modificar entre ensayos, mientras que algunas propiedades (como el nombre del objeto) son fijas y no pueden diferir entre ensayos. Las propiedades que se modifican (diferentes del valor predeterminado) están indicadas por un color de fondo gris oscuro. Todas las propiedades que se pueden modificar entre ensayos se pueden modificar dinámicamente durante la ejecución del evento utilizando la acción "set obj property". La propiedad "required" de los objetos se puede cambiar dinámicamente durante el tiempo de ejecución del estudio. Los objetos solo se mostrarán como requeridos siempre que no estén ocultos (visibilidad = 0). Esto permite realizar experimentos muy interactivos y dinámicos. Consulte la página de "Tablas de Propiedades del Objeto" para un gráfico detallado de todos los tipos de objetos y sus propiedades.
En el Editor de Tareas, la apariencia de los objetos se puede cambiar para facilitar la edición de su estudio. Hay 2 propiedades del objeto que le permiten hacer esto: bloquear y ocultar.
- Bloquear: Hacer clic en el pequeño ícono de candado junto al nombre de un objeto en la pestaña Objetos bloqueará su posición en el marco. Esto previene el movimiento accidental o cambios en el objeto mientras edita el estudio.
- Ocultar: Hacer clic en el pequeño ícono de ojo junto al nombre de un objeto en la pestaña Objetos ocultará el objeto de la vista en el marco. Esto es útil si tiene múltiples objetos en el marco a la vez y solo desea ver uno o más a la vez mientras edita.
Ambas propiedades solo están activas mientras se edita el estudio. Bloquear u ocultar un objeto en el Editor de Tareas no cambiará cómo lo ve el participante durante el estudio.
Copiar y Pegar Posición, Tamaño y Escala
Para aplicar la misma posición, tamaño o escala de un objeto a otro, use los controles de copiar y pegar en el panel de Propiedades del Objeto.
En la sección Position & Size, un ícono de copia y un ícono de pegar aparecen junto al encabezado de la sección. Haga clic en el ícono de copia para copiar los valores actuales de posición y tamaño del objeto al portapapeles. Luego seleccione un objeto diferente y haga clic en el ícono de pegar en la misma sección para aplicar esos valores a él.
La sección Scale & Rotation tiene los mismos controles de copiar y pegar para valores de escala y rotación. También incluye un checkbox Keep Aspect Ratio: cuando está habilitado, la relación ancho-alto del objeto está bloqueada, por lo que cambiar el tamaño del objeto en el editor conserva automáticamente sus proporciones originales.
Esto es útil cuando necesita alinear múltiples objetos a las mismas dimensiones o posición a través de marcos o tareas sin ingresar manualmente cada valor.
Propiedades CSS Personalizadas
Una propiedad CSS es un estilo de un elemento escrito en código HTML. Las propiedades CSS de un elemento se pueden cambiar en la pestaña de Propiedades del Objeto haciendo clic en el elemento y marcando la casilla “cambiar propiedades CSS.” Se proporciona un código de ejemplo en texto gris como ejemplo.
Para escribir código personalizado, necesitará un elemento de referencia, su nombre de selector, un comando y un valor. Para encontrar el nombre del selector para el elemento que desea editar, haga clic derecho en el elemento y haga clic en “inspeccionar.” Esto abrirá la consola en su dispositivo. Por ejemplo, el selector para un elemento de texto es la letra p.
Al hacer clic en Inspeccionar:
También necesitará usar llaves para su código. Un ejemplo de código para cambiar el color de un elemento de texto es:
p{ background-color:green }
Si bien propiedades como el color de fondo se pueden cambiar fácilmente utilizando la ventana de propiedades del objeto, hay casos en los que desea ser más específico con sus propiedades CSS. Por ejemplo, en elementos de matriz, se pueden utilizar varias propiedades CSS diferentes para personalizar su elemento.
Muchas propiedades CSS personalizadas se pueden agregar al mismo elemento con múltiples líneas de código.
Si es nuevo en la codificación o desea más información sobre CSS, consulte este módulo de MDN.