Pantalla#
Introducción#
La pantalla del robot de codificación VEX AIM ofrece bloques para mostrar texto, controlar el cursor, dibujar formas y gestionar interacciones táctiles. A continuación, se muestra una lista de todos los bloques disponibles, agrupados por funcionalidad:
Impresión del cursor: administre la visualización del texto mediante un sistema de cursor de filas y columnas.
print – Muestra texto en la pantalla en la posición actual del cursor.
establecer cursor en fila columna – Mueve el cursor a una fila y columna específicas.
establecer cursor en la siguiente fila – Mueve el cursor a la columna 1 de la siguiente fila.
borrar fila – Borra una fila de texto especificada.
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 – Muestra texto en una coordenada x e y especificada.
Establecer origen de pantalla – Cambia el origen (0, 0) utilizado para dibujar e imprimir.
Configuración: personaliza el formato del texto y la visualización de la 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, luego establece el color de fondo de la pantalla.
establecer fuente – Cambia el tipo y tamaño de fuente para la visualización del texto.
establecer precisión de impresión – Ajusta la cantidad de decimales para los números impresos.
establecer ancho de pluma – Ajusta el grosor de las líneas dibujadas.
Establecer color de lápiz/fuente – Cambia el color del texto y los dibujos.
establecer color de relleno – Define el color de relleno para las formas.
Dibujar - Crear gráficos y elementos visuales.
mostrar archivo de imagen – Muestra una imagen cargada por el usuario en la pantalla.
Dibujar píxel – Dibuja un solo píxel en una coordenada especificada.
dibujar línea – Dibuja una línea entre dos puntos.
Dibujar rectángulo – Dibuja un rectángulo con dimensiones especificadas.
dibujar círculo – Dibuja un círculo con un radio determinado.
Toque: detecta interacciones en la pantalla.
¿Pantalla presionada? – Devuelve si la pantalla está siendo presionada actualmente.
posición de pantalla – Devuelve las coordenadas x e y donde se tocó la pantalla por última vez.
cuando hay evento de pantalla – Se activa cuando se presiona o se suelta la pantalla.
Cursor Imprimir#
imprimir#
El bloque imprimir muestra texto en la pantalla del robot en la posición del cursor y fuente actuales.
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 |
Expande el bloque para leer y establece el cursor en la siguiente fila y haz que el cursor se mueva a la siguiente fila después de este bloque. |
Ejemplo
cuando empezó :: hat events
[Display a message at the starting cursor position.]
imprimir [Hello, Robot!] en la pantalla ▶
establecer el cursor en la fila columna#
Al usar el bloque establecer cursor en fila y columna, el cursor se coloca en una fila y columna específicas de la pantalla. El número de filas y columnas que se pueden colocar cómodamente depende de la fuente seleccionada. Con la fuente monoespaciada mediana predeterminada, se pueden mostrar con claridad hasta 8 filas y 13 columnas. El texto que se encuentre 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 utilizado, el bloque establecer cursor en fila y columna posiciona el cursor según el tamaño de fila y columna, no el estilo de fuente. El tamaño de fuente se puede ajustar mediante el bloque establecer fuente.
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
cuando empezó :: hat events
[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ó :: hat events
[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ó :: hat events
[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#
El bloque establecer cursor en la siguiente fila mueve el cursor a la columna 1 en la siguiente fila de la pantalla del robot.
Colocar el cursor en la siguiente fila de la pantalla
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empezó :: hat events
[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 ▶
fila despejada#
El bloque borrar fila borra una fila de texto en la pantalla del robot.
Limpiar la fila [1] de la pantalla
Parámetros |
Descripción |
---|---|
fila |
El número de fila a borrar. |
Ejemplo
cuando empezó :: hat events
[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.
(columna del cursor de la pantalla)
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empezó :: hat events
[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.
(fila del cursor de la pantalla)
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empezó :: hat events
[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#
El bloque imprimir en muestra texto en la pantalla del robot en una coordenada x e y especificada (en píxeles) con la fuente configurada actualmente.
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 empezó :: hat events
[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 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 empezó :: hat events
[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.
pantalla clara
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empezó :: hat events
[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.
llenar la pantalla con [rojo v]
Parámetros |
Descripción |
---|---|
color |
El color al que cambiar el fondo:
|
Ejemplo
cuando empezó :: hat events
[Say "Hello" then turn screen yellow.]
imprimir [Hello] en la pantalla ▶
esperar [2] segundos
llenar la pantalla con [amarillo v]
establecer fuente#
El bloque establecer fuente define la fuente y el tamaño que se usarán para mostrar el texto en la pantalla del robot. Esta fuente se aplicará a todo el texto impreso posteriormente.
Establezca la fuente en [monoespaciado v] [superpequeño v] en la pantalla
Parámetros |
Descripción |
---|---|
tipo |
Tipo de fuente:
|
tamaño |
El tamaño de fuente (que se muestra a continuación):
|
|
|
|
---|---|---|
|
|
|
|
|
|
El robot serigrafió números y letras con la fuente PROP 40. Muestra AM. En la parte inferior de la pantalla, mide 15 de ancho y 6 filas. (/_static/img/fonts/prop40.png) |
El robot serigrafió números y letras con la fuente PROP 60. Muestra del 1 al 7. En la parte inferior de la pantalla, tiene un 7 de ancho y 3 filas. (/_static/img/fonts/prop60.png) |
Ejemplo
cuando empezó :: hat events
[Display text using a larger font]
Establezca la fuente en [monoespaciado v] [extra grande v] en la pantalla
imprimir [VEX] en la pantalla ▶
establecer la precisión de impresión#
El bloque establecer precisión de impresión 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 impresos posteriormente.
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:
|
Ejemplo
cuando empezó :: hat events
[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 ▶
establecer el ancho del lápiz#
El bloque establecer ancho de lápiz establece el ancho de lápiz utilizado para dibujar líneas y formas.
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 empezó :: hat events
[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
Establecer color de pluma/fuente#
El bloque establecer color de lápiz/fuente establece el color del lápiz utilizado para dibujar líneas, formas y texto en la pantalla del robot.
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:
|
Ejemplo
cuando empezó :: hat events
[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#
El bloque establecer color de relleno establece el color de relleno utilizado cuando se dibujan formas.
Establezca el color de relleno en [rojo v] en la pantalla
Parámetros |
Descripción |
---|---|
color |
Establece el color de relleno a:
|
Ejemplos
cuando empezó :: hat events
[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 empezó :: hat events
[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#
El bloque mostrar archivo de imagen dibuja una imagen personalizada cargada por el usuario en la pantalla del robot.
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ó :: hat events
[Draw uploaded Image 1.]
mostrar archivo de imagen [1 v]
dibujar píxeles#
El bloque dibujar píxel dibuja un píxel en la coordenada de pantalla especificada (x, y) en el color de lápiz actual.
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 empezó :: hat events
[Draw a pixel at the center of the screen.]
Dibuja el píxel [120] [120] en la pantalla
dibujar una línea#
El bloque dibujar línea 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 y el color del lápiz actuales.
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
cuando empezó :: hat events
[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 rectángulo#
El bloque dibujar rectángulo dibuja un rectángulo utilizando el ancho del lápiz, el color del lápiz y los colores de relleno actuales.
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 empezó :: hat events
[Draw a rectangle on the screen.]
dibuja el rectángulo [50] [50] [130] [60] en la pantalla
dibujar un círculo#
El bloque dibujar círculo dibuja un círculo utilizando el ancho del lápiz, el color del lápiz y los colores de relleno actuales.
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
cuando empezó :: hat events
[Draw a rectangle 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 está siendo presionada actualmente
Falso: no se presiona la pantalla
<¿pantalla presionada?>
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empezó :: hat events
[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).
Vista cenital de un robot AIM apagado que muestra un cuadrado blanco superpuesto con las esquinas etiquetadas con las coordenadas (0,0), (240,0), (0,240) y (240,240/_static/img/screen/aim-screen-resolution.png. Un círculo rojo está centrado dentro del cuadrado y una cruz discontinua blanca interseca en el centro de la imagen, marcada con las coordenadas 120,120.
(posición de pantalla [incógnita v])
Parámetros |
Descripción |
---|---|
coordinar |
La coordenada de la última pulsación de pantalla en píxeles:
|
Ejemplo
cuando empezó :: hat events
[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 la pantalla [presionado v] :: hat events
Parámetros |
Descripción |
---|---|
acción |
Determina cuándo se ejecutará la pila de bloques adjunta:
|
Ejemplo
cuando la pantalla [presionado v] :: hat events
[Set the LEDs to green when the screen is pressed.]
Establezca el color del LED [lightall v] en [verde v]