Pantalla

Introducción

La pantalla del robot de programación VEX AIM proporciona bloques para mostrar texto, gestionar el cursor, dibujar formas y manejar interacciones táctiles.

A continuación se muestra una lista de todos los bloques:

Impresión con cursor: Gestiona la visualización del texto mediante un sistema de cursor por filas y columnas.

• imprimir en pantalla — Muestra texto en la pantalla en la posición actual del cursor.

• establecer cursor en fila columna en pantalla — Mueve el cursor a una fila y columna específicas.

• establecer cursor a la siguiente fila en la pantalla — Mueve el cursor a la columna 1 de la siguiente fila.

• borrar fila en pantalla — Borra una fila de texto específica.

• columna del cursor de pantalla — Devuelve el número de columna donde se imprimirá el texto.

• fila del cursor de pantalla — Devuelve el número de fila donde se imprimirá el texto.

Impresión XY: Imprime texto en coordenadas basadas en píxeles.

• imprimir en la coordenada en pantalla — Muestra texto en una coordenada x e y especificada.

• establecer origen de pantalla — Cambia el origen utilizado para dibujar e imprimir.

Ajustes: Personaliza el formato del texto y la visualización en pantalla.

• borrar pantalla — Borra todo el texto y los dibujos de la pantalla.

• llenar pantalla — Borra todo el texto y los dibujos de la pantalla y luego establece el color de fondo de la pantalla.

• establecer fuente en pantalla — Cambia el tipo y tamaño de fuente para la visualización del texto.

• establecer precisión de impresión en pantalla — Ajusta la cantidad de decimales para los números impresos.

• establecer ancho del lápiz en pantalla — Ajusta el grosor de las líneas dibujadas.

• establecer color de lápiz/fuente en pantalla — Cambia el color del texto y los dibujos.

• establecer color de relleno en pantalla — Define el color de relleno para las formas.

Dibujar: crear gráficos y elementos visuales.

• mostrar archivo de imagen en pantalla — Muestra una imagen subida por el usuario en la pantalla.

• dibujar píxel en pantalla — Dibuja un solo píxel en una coordenada específica.

• dibujar línea en la pantalla — Dibuja una línea entre dos puntos.

• dibujar rectángulo en la pantalla — Dibuja un rectángulo con las dimensiones especificadas.

• dibujar círculo en la pantalla — Dibuja un círculo con un radio dado.

Tocar: Detecta las interacciones con la pantalla.

• ¿pantalla presionada? — Devuelve si la pantalla está siendo presionada en este momento.

• posición de pantalla — Devuelve las coordenadas x e y donde se tocó la pantalla por última vez.

• evento de pantalla — Se activa cuando se presiona o se suelta la pantalla.

Cursor Imprimir

imprimir en pantalla

El bloque imprimir en pantalla muestra texto en la pantalla del robot en la posición del cursor y fuente actuales.

bloque de pila de impresión

imprimir [VEXcode] en la pantalla ▶

Parámetros	Descripción
valor	El texto, número o valor de variable que se mostrará en la pantalla.
flecha expansiva	Expanda el bloque para leer y coloque el cursor en la siguiente fila para que el cursor se mueva a la siguiente fila después de este bloque.

Ejemplo

Cuando se inicia, muestra el mensaje “¡Hola, robot!” en la posición inicial del cursor en la pantalla.

cuando empezó
[Display a message at the starting cursor position.]
imprimir [Hello, Robot!] en la pantalla ▶

Colocar el cursor en la fila o columna de la pantalla.

Al usar el bloque Colocar cursor en fila y columna en pantalla, el cursor se sitúa en una fila y columna específicas de la pantalla. La cantidad de filas y columnas que se pueden mostrar cómodamente depende de la fuente seleccionada. Con la fuente monoespaciada mediana predeterminada, se pueden visualizar con claridad hasta 8 filas y 13 columnas. El texto que se coloque fuera de este rango puede quedar cortado o resultar difícil de leer.

Las fuentes monoespaciadas tienen caracteres del mismo ancho, lo que garantiza una colocación uniforme del texto. En cambio, las fuentes proporcionales varían en el ancho de los caracteres, por lo que algunas letras ocupan más espacio que otras. Sin embargo, independientemente del tipo de fuente utilizado, el bloque establecer cursor en fila y columna en pantalla posiciona el cursor según el tamaño de fila y columna, no según el estilo de fuente. El tamaño de la fuente se puede ajustar mediante el bloque establecer fuente en pantalla.

Establecer bloque de pila de cursor

Coloque el cursor en la fila [1] columna [1] en la pantalla

Parámetros	Descripción
fila	La fila del cursor.
columna	La columna del cursor.

Ejemplos

Al iniciarse, mueve el cursor a la fila 3, columna 2 en la pantalla e imprime ‘Fila 3, columna 2’.

cuando empezó
[Display text starting at Row 3 Column 2.]
Coloque el cursor en la fila (3) columna (2) en la pantalla
imprimir [Row 3, Column 2] en la pantalla ▶

cuando empezó
[Display cargo amounts in an organized list.]
Establezca la fuente en [proporcional v] [grande v] en la pantalla
imprimir [Sports Balls] en la pantalla ◀ y coloque el cursor en la siguiente fila
imprimir [Orange Barrels] en la pantalla ◀ y coloque el cursor en la siguiente fila
imprimir [Blue Barrels] en la pantalla ▶
Coloque el cursor en la fila [1] columna [11] en la pantalla
imprimir [2] en la pantalla ▶
Coloque el cursor en la fila [2] columna [11] en la pantalla
imprimir [3] en la pantalla ▶
Coloque el cursor en la fila [3] columna [11] en la pantalla
imprimir [3] en la pantalla ▶

cuando empezó
[Display the ID of the detected AprilTag.]
Establezca la fuente en [proporcional v] [extra grande v] en la pantalla
para siempre
pantalla clara
imprimir [AprilTag] en la pantalla ▶
obtener [all AprilTags v] datos de AI Vision
si <¿Existe el objeto AI Vision?> entonces
Coloque el cursor en la fila [3] columna [4] en la pantalla
imprimir (Objeto de visión de IA [ID de etiqueta v]) en la pantalla ▶
fin
esperar [0.1] segundos

Colocar el cursor en la siguiente fila de la pantalla.

El bloque colocar cursor en la siguiente fila de la pantalla mueve el cursor a la columna 1 de la siguiente fila de la pantalla del robot.

establece el cursor en el siguiente bloque de pila de fila

Colocar el cursor en la siguiente fila de la pantalla

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Cuando se inicia, imprime ‘Línea 1’ en la pantalla, mueve el cursor a la siguiente fila y luego imprime ‘Línea 2’.

cuando empezó
[Display two lines of text.]
imprimir [Line 1] en la pantalla ▶
Colocar el cursor en la siguiente fila de la pantalla
imprimir [Line 2] en la pantalla ▶

Borrar fila en la pantalla

El bloque borrar fila en pantalla borra una fila de texto en la pantalla del robot.

Borrar bloque de pila de filas

Limpiar la fila [1] de la pantalla

Parámetros	Descripción
fila	El número de fila a borrar.

Ejemplo

Al iniciarse, imprime texto en dos filas. La primera fila permanece, mientras que la segunda desaparece después de 3 segundos.

cuando empezó
[Display text on two rows.]
imprimir [This text stays] en la pantalla ▶
Colocar el cursor en la siguiente fila de la pantalla
imprimir [This text disappears] en la pantalla ▶
esperar [3] segundos
Limpiar la fila [2] de la pantalla

columna del cursor de la pantalla

El bloque columna del cursor de pantalla devuelve el número de columna donde se imprimirá el texto como un entero.

bloque de reportero de columna de cursor de pantalla

(columna del cursor de la pantalla)

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Cuando se inicia, mueve el cursor a la fila 3, columna 2 de la pantalla e imprime el número de columna del cursor actual.

cuando empezó
[Display the cursor's current column.]
Coloque el cursor en la fila [3] columna [2] en la pantalla
imprimir (columna del cursor de la pantalla) en la pantalla ▶

fila del cursor de la pantalla

El bloque fila del cursor de pantalla devuelve el número de fila donde se imprimirá el texto como un entero.

bloque de reportero de filas del cursor de pantalla

(fila del cursor de la pantalla)

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Cuando se inicia, mueve el cursor a la fila 6, columna 2 de la pantalla e imprime el número de fila actual del cursor.

cuando empezó
[Display the cursor's current row.]
Coloque el cursor en la fila [3] columna [2] en la pantalla
imprimir (fila del cursor de la pantalla) en la pantalla ▶

Impresión XY

Imprimir en la coordenada que aparece en pantalla.

El bloque imprimir en la coordenada en pantalla muestra texto en la pantalla del robot en una coordenada x e y específica (en píxeles) con la fuente actualmente configurada.

imprimir en bloque de pila

imprimir [VEXcode] en x:[80] y:[120] en pantalla

Parámetros	Descripción
valor	El texto, número o valor de variable que se mostrará en la pantalla.
incógnita	La coordenada x en píxeles (de 0 a 240, donde 0 es izquierda y 240 es derecha).
y	La coordenada y en píxeles (de 0 a 240, donde 0 es superior y 240 es inferior).

Ejemplo

Cuando se inicia, muestra el mensaje “¡Hola, robot!” en la posición inicial del cursor en la pantalla.

cuando empezó
[Display a message in the middle of the screen.]
imprimir [Hello, Robot!] en x:[40] y:[120] en pantalla

establecer el origen de la pantalla

El bloque establecer origen de pantalla establece el origen (0,0) utilizado para dibujar o imprimir en la pantalla del robot. Por defecto, los bloques de dibujo o impresión consideran la esquina superior izquierda de la pantalla como origen. Este bloque puede restablecer el origen a una ubicación alternativa de coordenadas (x, y) en la pantalla.

Establecer bloque de pila de origen de pantalla

establecer origen de pantalla x: [0] y: [0]

Parámetros	Descripción
incógnita	La coordenada x en píxeles para establecer el nuevo origen.
y	La coordenada y en píxeles para establecer el nuevo origen.

Ejemplo

Cuando se inicia, establece el origen de la pantalla en (120, 120) y dibuja un rectángulo en el nuevo origen con la esquina superior izquierda en (0,0), ancho de 80 píxeles y alto de 40 píxeles.

cuando empezó
[Set the origin to the center of the screen.]
establecer origen de pantalla x: [120] y: [120]
[Draw a rectangle at the new origin.]
dibuja el rectángulo [0] [0] [80] [40] en la pantalla

Ajustes

pantalla clara

El bloque borrar pantalla borra todos los dibujos y textos de la pantalla del robot y restablece la posición del cursor en la fila 1, columna 1.

borrar bloqueo de pantalla

pantalla clara

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Al iniciarse, dibuja un círculo con centro (120,120) y radio de 40 píxeles. Después de 2 segundos, la pantalla se borra.

cuando empezó
[Draw a circle, and clear it after 2 seconds.]
dibuja el círculo [120] [120] [40] en la pantalla
esperar [2] segundos
pantalla clara

llenar la pantalla

El bloque llenar pantalla borra todos los dibujos y textos de la pantalla del robot y luego cambia el fondo a un color específico.

El bloque de pantalla de relleno

llenar la pantalla con [rojo v]

Parámetros	Descripción
color	El color al que cambiar el fondo: rojo verde azul negro blanco amarillo naranja morado cian

Ejemplo

cuando empezó
[Say "Hello" then turn screen yellow.]
imprimir [Hello] en la pantalla ▶
esperar [2] segundos
llenar la pantalla con [amarillo v]

establecer fuente en pantalla

El bloque establecer fuente en pantalla define la fuente y el tamaño que se utilizarán para mostrar el texto en la pantalla del robot. Esta fuente se aplicará a todo el texto que se imprima posteriormente.

establecer bloque de pila de fuentes

Establezca la fuente en [monoespaciado v] [superpequeño v] en la pantalla

Parámetros	Descripción
tipo	Tipo de fuente: monoespaciado proporcional
tamaño	El tamaño de fuente (que se muestra a continuación): súper pequeño extra pequeño pequeño mediano grande extra grande súper grande

monoespaciado súper pequeño	monoespaciada extra pequeña	monoespaciada pequeña
monoespaciado medio	monoespaciada grande	monoespaciada extra grande
monoespaciada súper grande	proporcional pequeño	proporcional grande
extra grande proporcional	proporcional súper grande

Ejemplo

Cuando se inicia, establece la fuente en ‘monoespaciado extra grande’ e imprime ‘VEX’ en la pantalla.

cuando empezó
[Display text using a larger font]
Establezca la fuente en [monoespaciado v] [extra grande v] en la pantalla
imprimir [VEX] en la pantalla ▶

Ajustar la precisión de impresión en pantalla

El bloque establecer precisión de impresión en pantalla define el formato de precisión utilizado para mostrar los números en la pantalla del robot. Esta precisión de impresión se aplicará a todos los números que se impriman posteriormente.

Establecer bloque de pila de precisión de impresión

Establezca la precisión de impresión en [0.1 v] en la pantalla

Parámetros	Descripción
precisión	Establece la precisión de impresión en: 1 0,1 0,01 0,001 Todos los dígitos

Ejemplo

Cuando se inicia, establece la precisión de impresión en dos decimales e imprime 1/3 como 0,33 en la pantalla.

cuando empezó
[Print 1/3 as 0.33.]
Establezca la precisión de impresión en [0.01 v] en la pantalla
imprimir ([1] [math_division v] [3]) en la pantalla ▶

Ajustar el ancho del lápiz en la pantalla

El bloque establecer ancho del lápiz en pantalla establece el ancho del lápiz que se utiliza para dibujar líneas y formas.

Bloque de ancho de pluma establecido

Establezca el ancho del lápiz en [10] en la pantalla

Parámetros	Descripción
ancho	El ancho del lápiz en píxeles en un rango de 0 a 32.

Ejemplo

Cuando se inicia, establece el ancho del lápiz en 10 píxeles y dibuja un rectángulo con la esquina superior izquierda en (50,50), ancho de 130 píxeles y alto de 60 píxeles.

cuando empezó
[Draw a rectangle with a pen width of 10.]
Establezca el ancho del lápiz en [10] en la pantalla
dibuja el rectángulo [50] [50] [130] [60] en la pantalla

Configurar el color del lápiz/fuente en la pantalla

El bloque establecer color de lápiz/fuente en pantalla establece el color del lápiz que se utiliza para dibujar líneas, formas y texto en la pantalla del robot.

establecer el color de fuente del bolígrafo

Establezca el color del lápiz/fuente en [rojo v] en la pantalla

Parámetros	Descripción
color	Establece el color del lápiz a: rojo verde azul negro blanco amarillo naranja morado cian transparente

Ejemplo

Cuando se inicia, establece el color del lápiz en rojo y dibuja un rectángulo con la esquina superior izquierda en (50, 50), ancho 130 píxeles y alto 60 píxeles.

cuando empezó
[Draw a rectangle with a red pen.]
Establezca el color del lápiz/fuente en [rojo v] en la pantalla
dibuja el rectángulo [50] [50] [130] [60] en la pantalla

establecer color de relleno en la pantalla

El bloque establecer color de relleno en pantalla establece el color de relleno que se utiliza al dibujar formas.

Establecer bloque de pila de color de relleno

Establezca el color de relleno en [rojo v] en la pantalla

Parámetros	Descripción
color	Establece el color de relleno a: rojo verde azul negro blanco amarillo naranja púrpura cian transparente

Ejemplos

Al iniciarse, establece el color de relleno en naranja y dibuja dos rectángulos. El primero está en (50, 50) y el segundo en (50, 130), ambos con 100 píxeles de ancho y 60 de alto.

cuando empezó
[Draw two orange rectangles.]
Establezca el color de relleno en [naranja v] en la pantalla
dibuja el rectángulo [50] [50] [100] [60] en la pantalla
dibuja el rectángulo [50] [130] [100] [60] en la pantalla

---

Cuando se inicia, establece el color de relleno de fondo en violeta e imprime “Resaltar” en la pantalla.

cuando empezó
[Display text with a purple background.]
Establezca el color de relleno en [púrpura v] en la pantalla
imprimir [Highlight] en la pantalla ▶

Dibujar

Mostrar archivo de imagen en pantalla

El bloque mostrar archivo de imagen en pantalla dibuja una imagen personalizada subida por el usuario en la pantalla del robot.

mostrar bloque de pila de imágenes de usuario

mostrar archivo de imagen [1 v]

Parámetros	Descripción
número de ranura de imagen	La imagen personalizada a utilizar, número del 1 al 10. El número de la imagen se alinea con el número que se muestra en el panel de control de AIM.

Ejemplo

cuando empezó
[Draw uploaded Image 1.]
mostrar archivo de imagen [1 v]

dibujar píxeles en la pantalla

El bloque dibujar píxel en pantalla dibuja un píxel en la coordenada de pantalla (x, y) especificada en el color de lápiz actual (#set-pen–font-color-on-screen).

dibujar bloque de pila de píxeles

Dibuja el píxel [0] [0] en la pantalla

Parámetros	Descripción
incógnita	La coordenada x para dibujar el píxel.
y	La coordenada y para dibujar el píxel.

Ejemplo

Cuando se inicia, dibuja un píxel en el centro de la pantalla en las coordenadas (120, 120).

cuando empezó
[Draw a pixel at the center of the screen.]
Dibuja el píxel [120] [120] en la pantalla

dibujar una línea en la pantalla

El bloque dibujar línea en pantalla dibuja una línea desde la primera coordenada de pantalla especificada (x1, y1) hasta la segunda coordenada de pantalla especificada (x2, y2) utilizando el [ancho del lápiz] (#set-pen-width-on-screen) y el [color del lápiz] (#set-pen–font-color-on-screen ) actuales.

bloque de pila de línea de dibujo

dibuja la línea [0] [0] [10] [10] en la pantalla

Parámetros	Descripción
x1	La coordenada x en píxeles del inicio de la línea.
año1	La coordenada y en píxeles del inicio de la línea.
x2	La coordenada x en píxeles del final de la línea.
Año 2	La coordenada y en píxeles del final de la línea.

Ejemplo

Al iniciarse, dibuja una línea diagonal desde la esquina superior izquierda (0,0) hasta la esquina inferior derecha (240,240) de la pantalla.

cuando empezó
[Draw a line from the top left to bottom right of the screen.]
dibuja la línea [0] [0] [240] [240] en la pantalla

Dibujar un rectángulo en la pantalla

El bloque dibujar rectángulo en pantalla dibuja un rectángulo usando el [ancho del lápiz] (#set-pen-width-on-screen), el [color del lápiz] (#set-pen–font-color-on-screen) y los [colores de relleno] (#set-fill-color-on-screen ) actuales.

dibujar bloque de rectángulo

dibuja el rectángulo [0] [0] [10] [10] en la pantalla

Parámetros	Descripción
incógnita	La coordenada x en píxeles de la esquina superior izquierda del rectángulo.
y	La coordenada y en píxeles de la esquina superior izquierda del rectángulo.
ancho	El ancho del rectángulo en píxeles.
altura	La altura del rectángulo en píxeles.

Ejemplo

Cuando se inicia, dibuja un rectángulo en la pantalla con la esquina superior izquierda en (50,50), ancho de 130 píxeles y alto de 60 píxeles.

cuando empezó
[Draw a rectangle on the screen.]
dibuja el rectángulo [50] [50] [130] [60] en la pantalla

dibujar un círculo en la pantalla

El bloque dibujar círculo en la pantalla dibuja un círculo utilizando el [ancho del lápiz] (#set-pen-width-on-screen), el [color del lápiz] (#set-pen–font-color-on-screen) y los [colores de relleno] (#set-fill-color-on-screen ) actuales.

Dibujar bloque de pila circular

dibuja el círculo [0] [0] [10] en la pantalla

Parámetros	Descripción
incógnita	La coordenada x en píxeles del centro del círculo.
y	La coordenada y en píxeles del centro del círculo.
radio	El radio del círculo en píxeles.

Ejemplo

Al iniciarse, dibuja un círculo en la pantalla con el centro en (120,120) y un radio de 40 píxeles.

cuando empezó
[Draw a circle on the screen.]
dibuja el círculo [120] [120] [40] en la pantalla

Tocar

¿pantalla presionada?

El bloque ¿Pantalla presionada? indica si la pantalla del robot está presionada o no. Este bloque devuelve un valor booleano:

• Verdadero: la pantalla se está pulsando en este momento.

• Falso: la pantalla no está siendo pulsada.

bloque booleano presionado en pantalla

<¿pantalla presionada?>

Parámetros	Descripción
	Este bloque no tiene parámetros.

Ejemplo

Al iniciarse, comprueba continuamente si la pantalla está presionada. Si se presiona, todos los LED se vuelven blancos; de lo contrario, permanecen apagados.

cuando empezó
[Turn LEDs white only when the screen is pressed.]
para siempre
si <¿pantalla presionada?> entonces
Establezca el color del LED [lightall v] en [blanco v]
demás
Establezca el color del LED [lightall v] en [apagado v]
fin
fin

posición de la pantalla

El bloque posición de pantalla devuelve un entero que muestra las coordenadas x e y (en píxeles) donde se presionó la pantalla. El valor de retorno para x está entre 0 (izquierda) y 240 (derecha). El valor de retorno para y está entre 0 (arriba) y 240 (abajo).

bloque de reportero de posición de pantalla

(posición de pantalla [incógnita v])

Parámetros	Descripción
coordinar	La coordenada de la última pulsación de pantalla en píxeles: x — Posición horizontal y — Posición vertical

Ejemplo

Al iniciarse, verifica continuamente si se pulsa la pantalla. Si se pulsa, borra la pantalla e imprime las coordenadas x e y de la posición táctil.

cuando empezó
[Display the x and y coordinate of where the screen is pressed.]
para siempre
si <¿pantalla presionada?> entonces
pantalla clara
imprimir (posición de pantalla [incógnita v]) en la pantalla ▶
Colocar el cursor en la siguiente fila de la pantalla
imprimir (posición de pantalla [y v]) en la pantalla ▶
fin
fin

cuando el evento de pantalla

El bloque cuando hay evento de pantalla debe llamarse cuando la pantalla del robot esté presionada o ya no esté presionada.

Cuando el evento de pantalla se bloquea

cuando la pantalla [presionado v]

Parámetros	Descripción
acción	Determina cuándo se ejecutará la pila de bloques adjunta: pulsado liberado

Ejemplo

Cuando se presiona la pantalla, todos los LED se vuelven verdes.

cuando la pantalla [presionado v]
[Set the LEDs to green when the screen is pressed.]
Establezca el color del LED [lightall v] en [verde v]