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 [Código VEX] en 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 empieza :: hat events
[Mostrar un mensaje en la posición inicial del cursor.]
imprimir [Hola, robot!] en 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.
establecer cursor a [1] columna de fila [1] en pantalla
Parámetros |
Descripción |
---|---|
fila |
La fila del cursor. |
columna |
La columna del cursor. |
Ejemplos
cuando empieza :: hat events
[Mostrar texto a partir de la Fila 3 Columna 2.]
establecer cursor a (3) columna de fila (2) en pantalla
imprimir [Fila 3, Columna 2] en pantalla ▶
cuando empieza :: hat events
[Mostrar las cantidades de carga en una lista organizada.]
establecer fuente en [proporcional v] [grande v] la pantalla
imprimir [Balones deportivos] en pantalla ◀ establecer cursor a siguente fila
imprimir [Barriles de naranja] en pantalla ◀ establecer cursor a siguente fila
imprimir [Barriles azules] en pantalla ▶
establecer cursor a [1] columna de fila [11] en pantalla
imprimir [2] en pantalla ▶
establecer cursor a [2] columna de fila [11] en pantalla
imprimir [3] en pantalla ▶
establecer cursor a [3] columna de fila [11] en pantalla
imprimir [3] en pantalla ▶
cuando empieza :: hat events
[Mostrar el ID del AprilTag detectado.]
establecer fuente en [proporcional v] [extra grande v] la pantalla
por siempre
borrar pantalla
imprimir [AprilTag] en pantalla ▶
obtener [abrilEtiquetas v] datos de AI Vision
si <¿Existe el objeto AI Vision?> entonces
establecer cursor a [3] columna de fila [4] en pantalla
imprimir (Objeto AI Vision [ID de etiqueta v]) en 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 pan...
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empieza :: hat events
[Mostrar dos líneas de texto.]
imprimir [Línea 1] en pantalla ▶
colocar el cursor en la siguiente fila de la pan...
imprimir [Línea 2] en pantalla ▶
fila despejada#
El bloque borrar fila borra una fila de texto en la pantalla del robot.
borrar fila [1] en pantalla
Parámetros |
Descripción |
---|---|
fila |
El número de fila a borrar. |
Ejemplo
cuando empieza :: hat events
[Mostrar texto en dos filas.]
imprimir [Este texto permanece] en pantalla ▶
colocar el cursor en la siguiente fila de la pan...
imprimir [Este texto desaparece] en pantalla ▶
esperar [1] segundos
borrar fila [2] en 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 de cursor de pantalla)
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empieza :: hat events
[Mostrar la columna actual del cursor.]
establecer cursor a [3] columna de fila [2] en pantalla
imprimir (columna de cursor de pantalla) en 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 pantalla)
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empieza :: hat events
[Mostrar la fila actual del cursor.]
establecer cursor a [3] columna de fila [2] en pantalla
imprimir (fila del cursor de pantalla) en 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 [80] x: 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 empieza :: hat events
[Mostrar un mensaje en el medio de la pantalla.]
imprimir [Hola, robot!] en [40] x: 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.
configurar origen de pantalla [0] x: 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 empieza :: hat events
[Establezca el origen en el centro de la pantalla..]
configurar origen de pantalla [120] x: y: [120]
[Dibuje un rectángulo en el nuevo origen.]
dibujar rectángulo [0] [0] [80] [40] en 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 pantalla
Parámetros |
Descripción |
---|---|
Este bloque no tiene parámetros. |
Ejemplo
cuando empieza :: hat events
[Dibuja un círculo y bórralo después de 2 segundos.]
dibujar círculo [120] [120] [40] en pantalla
esperar [2] segundos
borrar pantalla
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.
rellenar pantalla con [rojo v]
Parámetros |
Descripción |
---|---|
color |
El color al que cambiar el fondo:
|
Ejemplo
cuando empieza :: hat events
[Decir "Hola" luego la pantalla se vuelve amarilla.]
imprimir [Hola] en pantalla ▶
esperar [2] segundos
rellenar 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.
establecer fuente en [monoespaciado v] [superpequeño v] 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 empieza :: hat events
[Mostrar texto usando una fuente más grande]
establecer fuente en [monoespaciado v] [extra pequeño v] la pantalla
imprimir [VEX] en 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.
establecer la precisión de impresión [0.1 v] en la pantalla
Parámetros |
Descripción |
---|---|
precisión |
Establece la precisión de impresión en:
|
Ejemplo
cuando empieza :: hat events
[Imprimir 1/3 como 0,33.]
establecer la precisión de impresión [0.01 v] en la pantalla
imprimir ([1] [math_division v] [3]) en 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.
establecer el ancho del lápiz [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 empieza :: hat events
[Dibuje un rectángulo con un ancho de lápiz de 10.]
establecer el ancho del lápiz [10] en la pantalla
dibujar rectángulo [50] [50] [130] [60] en 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.
establecer el color del lápiz / fuente [rojo v] en la pantalla
Parámetros |
Descripción |
---|---|
color |
Establece el color del lápiz a:
|
Ejemplo
cuando empieza :: hat events
[Dibuja un rectángulo con un bolígrafo rojo.]
establecer el color del lápiz / fuente [rojo v] en la pantalla
dibujar rectángulo [50] [50] [130] [60] en pantalla
establecer color de relleno#
El bloque establecer color de relleno establece el color de relleno utilizado cuando se dibujan formas.
establecer el color de relleno [rojo v] en la pantalla
Parámetros |
Descripción |
---|---|
color |
Establece el color de relleno a:
|
Ejemplos
cuando empieza :: hat events
[Dibuja dos rectángulos naranjas.]
establecer el color de relleno [anaranjado v] en la pantalla
dibujar rectángulo [50] [50] [100] [60] en pantalla
dibujar rectángulo [50] [130] [100] [60] en pantalla
cuando empieza :: hat events
[Mostrar texto con fondo morado.]
establecer el color de relleno [morado v] en la pantalla
imprimir [Destacar] en 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 empieza :: hat events
[Dibujar imagen cargada 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.
dibujar píxel [0] [0] en 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 empieza :: hat events
[Dibuja un píxel en el centro de la pantalla.]
dibujar píxel [120] [120] en 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.
dibujar línea [0] [0] [10] [10] en 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 empieza :: hat events
[Dibuje una línea desde la parte superior izquierda hasta la parte inferior derecha de la pantalla.]
dibujar línea [0] [0] [240] [240] en 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.
dibujar rectángulo [0] [0] [10] [10] en 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 empieza :: hat events
[Dibuja un rectángulo en la pantalla.]
dibujar rectángulo [50] [50] [130] [60] en 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.
dibujar círculo [0] [0] [10] en 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 empieza :: hat events
[Dibuja un rectángulo en la pantalla.]
dibujar círculo [120] [120] [40] en 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 empieza :: hat events
[Enciende los LED en blanco solo cuando se presiona la pantalla.]
por siempre
si <pantalla presionada?> entonces
establecer el color del [lightall v] LED EN [blanco v]
si no
establecer el color del [lightall v] LED 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.
([x v] posición de la pantalla)
Parámetros |
Descripción |
---|---|
coordinar |
La coordenada de la última pulsación de pantalla en píxeles:
|
Ejemplo
cuando empieza :: hat events
[Muestra la coordenada x e y de donde se presiona la pantalla.]
por siempre
si <pantalla presionada?> entonces
borrar pantalla
imprimir ([x v] posición de la pantalla) en pantalla ▶
colocar el cursor en la siguiente fila de la pan...
imprimir ([y v] posición de la pantalla) en 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]
Parámetros |
Descripción |
---|---|
acción |
Determina cuándo se ejecutará la pila de bloques adjunta:
|
Ejemplo
cuando la pantalla [presionado v]
[Configurar los LED en verde cuando se presiona la pantalla.]
establecer el color del [lightall v] LED EN [verde v]