Pantalla

Introducción

Los bloques de pantalla controlan la pantalla del controlador del dron VEX AIR, lo que permite que el controlador muestre texto, números, gráficos e imágenes, y que responda a la entrada táctil.

Nota: Si el VEX AIR Drone está emparejado con un controlador, se mostrará un temporizador en la parte superior de la pantalla de impresión que indica el tiempo transcurrido del proyecto actual. Cualquier texto o dibujo aparecerá detrás del temporizador.

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

Impresión con cursor: muestra el texto y gestiona el cursor de impresión.

• imprimir en pantalla — Imprime texto, números o valores de variables en la pantalla del controlador.

• 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 — Indica el número de columna donde se imprimirá el texto.

• fila del cursor de pantalla — Informa 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 — Imprime texto, números o valores de variables en una coordenada x e y específica.

• establecer origen de pantalla — Cambia el origen (0, 0) utilizado para la impresión y el dibujo basados ​​en coordenadas.

Ajustes: Cambia la apariencia del texto, los gráficos y la visualización de la pantalla.

• borrar pantalla — Borra todo el texto, dibujos e imágenes de la pantalla.

• esperar a que se renderice la pantalla — Cambia el dibujo de la pantalla al comportamiento de renderizado posterior.

• llenar pantalla — Borra todo el texto, dibujos e imágenes 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 — Establece cuántos lugares decimales se mostrarán al imprimir números.

• establecer ancho del lápiz en pantalla — Establece el grosor de las líneas dibujadas y los contornos de las formas.

• establecer color de lápiz/fuente en pantalla — Establece el color del texto, píxeles, líneas y contornos de formas.

• establecer color de relleno de texto en pantalla – Establece el color de relleno detrás del texto impreso.

• establecer color de relleno de dibujo en pantalla — Establece el color de relleno para las formas dibujadas.

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 la pantalla — Dibuja un 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.

Toque: detecta interacciones en la pantalla.

• pantalla presionada — Informa si la pantalla está siendo presionada en este momento.

• posición de pantalla — Informa la coordenada x o y de la última pulsación de pantalla.

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

Cursor Imprimir

imprimir en pantalla

El bloque de pila imprimir en pantalla imprime texto, números o valores de variables en la pantalla del controlador en la posición actual del cursor y fuente.

bloque de pila de impresión

imprimir [VEXcode] en pantalla ▶

Parámetros	Descripción
valor	El texto, número o valor de variable que se imprimirá en la pantalla.
y colocar el cursor en la siguiente fila	Seleccione la flecha ( ▶ ) para expandir el bloque y decir y colocar el cursor en la siguiente fila, de modo que el cursor se mueva a la columna 1 de la siguiente fila después de imprimir.

Ejemplo

Al iniciarse, muestra el mensaje “¡Hola, dron!” en la posición inicial del cursor en la pantalla.

cuando inicie
[Display a message at the starting cursor position.]
imprimir [Time to fly!] en pantalla ▶

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

El bloque de pila establecer cursor en fila y columna en pantalla mueve el cursor a una fila y columna específicas en la pantalla del controlador. El siguiente bloque imprimir en pantalla comenzará a imprimir en esa ubicación.

La cantidad de caracteres que caben en la pantalla depende de la fuente seleccionada. Con la fuente monoespaciada mediana predeterminada, se pueden mostrar con claridad hasta 18 filas y 53 columnas. El texto que exceda este rango puede quedar cortado o resultar difícil de leer.

Establecer bloque de pila de cursor

mover cursor a fila [1] columna [1] en pantalla

Parámetros	Descripción
fila	La fila a la que mover el cursor.
columna	La columna a la que se debe mover el cursor.

Ejemplos

Al iniciarse, mueve el cursor a la fila 7, columna 25 de la pantalla e imprime ‘Fila 7, columna 25’.

cuando inicie
[Display text starting at Row 7 Column 25.]
mover cursor a fila [7] columna [25] en pantalla
imprimir [Row 7, Column 25] en pantalla ▶

Colocar el cursor en la siguiente fila de la pantalla.

El bloque de pila establecer cursor a la siguiente fila en la pantalla mueve el cursor a la columna 1 de la siguiente fila en la pantalla del controlador.

establece el cursor en el siguiente bloque de pila de fila

mover cursor a la siguiente fila en 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 inicie
[Display two lines of text.]
imprimir [Line 1] en pantalla ▶
mover cursor a la siguiente fila en pantalla
imprimir [Line 2] en pantalla ▶

Borrar fila en la pantalla

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

Borrar bloque de pila de filas

limpiar fila [1] en 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 inicie
[Clear only the second row of text.]
imprimir [This text stays] en pantalla ▶
mover cursor a la siguiente fila en pantalla
imprimir [This text disappears] en pantalla ▶
esperar [3] segundos
limpiar fila [2] en pantalla

columna del cursor de la pantalla

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

bloque de reportero de columna de cursor de pantalla

(columna del cursor en pantalla)

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

Ejemplo

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

cuando inicie
[Display the cursor's current column.]
mover cursor a fila [7] columna [25] en pantalla
imprimir (columna del cursor en pantalla) en pantalla ▶

fila del cursor de la pantalla

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

bloque de reportero de filas del cursor de pantalla

(fila del cursor en pantalla)

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

Ejemplo

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

cuando inicie
[Display the cursor's current row.]
mover cursor a fila [7] columna [25] en pantalla
imprimir (fila del cursor en pantalla) en pantalla ▶

Impresión XY

Imprimir en la coordenada que aparece en pantalla.

The print at coordinate on screen stack block prints text, numbers, or variable values on the controller screen at a specific (x, y) position in pixels, using the current font and origin. x sets how far from the left side the text begins, and y sets where the bottom of the letters sit. This block disregards the current cursor position.

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 imprimirá en la pantalla.
incógnita	La coordenada x en píxeles (de 0 a 640, donde 0 es izquierda y 640 es derecha).
y	La coordenada y en píxeles (de 0 a 480, donde 0 es superior y 480 es inferior).

Ejemplo

Al iniciarse, muestra el mensaje “¡Hola, dron!” en el centro de la pantalla.

cuando inicie
[Display a message starting in the middle of the screen.]
imprimir [Hello, drone!] en x:[320] y:[240] en pantalla

establecer el origen de la pantalla

El bloque establecer origen de pantalla establece el origen (0, 0) utilizado para dibujar e imprimir en la pantalla del controlador. Por defecto, el origen es la esquina superior izquierda de la pantalla. Este bloque permite restablecer el origen a una ubicación de coordenadas (x, y) alternativa 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 (320, 240) 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 inicie
[Set the origin to the center of the screen.]
establecer origen de pantalla x: [320] y: [240]
[Draw a rectangle at the new origin.]
dibujar rectángulo [0] [0] [80] [40] en pantalla

Ajustes

pantalla clara

El bloque de pila borrar pantalla elimina todos los dibujos, textos e imágenes de la pantalla del controlador.

bloque de pila de pantalla limpia

limpiar pantalla

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 inicie
[Draw a circle, and clear it after 2 seconds.]
dibujar círculo [320] [240] [80] en pantalla
esperar [2] segundos
limpiar pantalla

esperar a que se renderice la pantalla

El bloque de pila esperar a que se renderice la pantalla cambia el comportamiento de renderizado posterior del dibujo de la pantalla. Una vez que se ejecuta este bloque, los siguientes bloques de pantalla no aparecerán en la pantalla del controlador hasta que se ejecute el siguiente bloque esperar a que se renderice la pantalla.

Nota: Utilice este bloque antes de dibujar un grupo de texto, formas o imágenes, y luego úselo nuevamente para renderizar la actualización completa de una sola vez.

esperar a que la pantalla se renderice

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 inicie
[Display text and images when button 7 is pressed.]
esperar a que la pantalla se renderice
imprimir [Screen rendered!] en pantalla ▶
dibujar círculo [320] [240] [80] en pantalla
esperar hasta <¿botón [7 v] del control presionado?>
esperar a que la pantalla se renderice

llenar la pantalla

El bloque de pila Rellenar pantalla borra todos los dibujos, textos e imágenes de la pantalla del controlador y, a continuación, cambia el fondo a un color específico.

El bloque de pantalla de relleno

rellenar pantalla con [rojo v]

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

Ejemplo

cuando inicie
[Say "Hello" then turn screen green.]
imprimir [Hello] en pantalla ▶
esperar [2] segundos
rellenar pantalla con [verde 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 controlador. Esta fuente se aplicará a todo el texto que se imprima después de que se ejecute este bloque.

establecer bloque de pila de fuentes

establecer fuente a [monoespaciada v] [mediano v] en pantalla

Parámetros	Descripción
tipo	Tipo de fuente: monoespaciada o proporcional.
tamaño	Tamaño de fuente (mostrado a continuación): superpequeño extra pequeño chico mediano grande extra grande super grande

monospaced super small	monospaced extra small	monospaced small
monospaced medium	monospaced large	monospaced extra large
monospaced super large	proportional small	proportional medium
proportional large	proportional extra large	proportional super large

Ejemplo

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

cuando inicie
[Display text using a larger font.]
establecer fuente a [monoespaciada v] [extra grande v] en pantalla
imprimir [VEX] en pantalla ▶

Ajustar la precisión de impresión en pantalla

El bloque establecer precisión de impresión en pantalla define la cantidad de decimales que se muestran al imprimir números en la pantalla del controlador. Esta precisión de impresión se aplicará a todos los números que se impriman después de que se ejecute este bloque.

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

establecer precisión de impresión a [0.1 v] en pantalla

Parámetros	Descripción
precisión	Establece la precisión de impresión en: 1 0.1 0.01 0.001 Todos los Digitos

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 inicie
[Print 1/3 as 0.33.]
establecer precisión de impresión a [0.01 v] en pantalla
imprimir ([1] [math_division v] [3]) en pantalla ▶

Ajustar el ancho del lápiz en la pantalla

El bloque establecer ancho del lápiz en pantalla permite ajustar el grosor de las líneas dibujadas y los contornos de las formas.

establecer ancho de pluma bloque apilable

establecer ancho de pluma a [10] en pantalla

Parámetros	Descripción
ancho	El ancho del lápiz en píxeles.

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 inicie
[Draw a rectangle with a pen width of 10.]
establecer ancho de pluma a [10] en pantalla
dibujar rectángulo [200] [200] [200] [80] en pantalla

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

El bloque establecer color de lápiz/fuente en pantalla permite configurar el color del texto, los píxeles, las líneas y los contornos de las formas. El color predeterminado es blanco.

Bloque de pila de color de pluma/fuente

establecer color de pluma/fuente a [rojo v] en pantalla

Ejemplo

Parámetros	Descripción
color	El color del bolígrafo y la fuente a utilizar: rojo verde azul negro blanco amarillo anaranjado morado cian transparente

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 inicie
[Draw a rectangle with an orange outline.]
establecer color de pluma/fuente a [naranja v] en pantalla
dibujar rectángulo [200] [150] [240] [150] en pantalla
establecer color de pluma/fuente a [blanco v] en pantalla
imprimir [VEXcode AIR] en x:[250] y:[220] en pantalla

establecer el color de relleno del texto en la pantalla

El bloque establecer color de relleno de texto en pantalla establece el color de relleno detrás del texto impreso. El color de relleno de texto predeterminado es transparente.

establecer color de relleno de texto bloque apilado

establecer color de relleno de texto a [rojo v] en pantalla

Parámetros	Descripción
color	The text fill color to use: red green blue black white yellow orange purple cyan transparent

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 inicie :: hat events
[Display two colors behind text.]
establecer color de relleno de texto a [rojo v] en pantalla
imprimir ["Red"] en pantalla ▶
mover cursor a la siguiente fila en pantalla
establecer color de relleno de texto a [azul v] en pantalla
imprimir ["Blue"] en pantalla ▶

establecer color de relleno de dibujo en la pantalla

El bloque de pila establecer color de relleno de dibujo en pantalla establece el color de relleno que se utiliza al dibujar formas. El color de relleno predeterminado es negro.

establecer dibujar relleno color pila bloque

establecer color de relleno de dibujo a [rojo v] en pantalla

Parámetros	Descripción
color	Color de relleno de la forma a utilizar: rojo verde azul negro blanco amarillo anaranjado morado 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 inicie
[Draw an orange-filled rectangle with text on top.]
establecer color de relleno de dibujo a [naranja v] en pantalla
dibujar rectángulo [200] [150] [240] [150] en pantalla
imprimir [VEXcode AIR] en x:[250] y:[220] en pantalla

Dibujar

Mostrar archivo de imagen en pantalla

El bloque de pila mostrar archivo de imagen en pantalla dibuja una imagen personalizada cargada por el usuario en la pantalla del controlador en el establecer origen.

mostrar bloque de pila de imágenes de usuario

mostrar archivo de imagen [IMAGE1 v]

Parámetros	Descripción
número de imagen	La imagen subida por el usuario que se usará. Las opciones cambiarán si se editan los nombres de las imágenes en el Panel de control.

Ejemplo

hacer

cuando inicie
[Display custom image on screen.]
mostrar archivo de imagen [IMAGE1 v]

dibujar píxeles en la pantalla

The draw pixel on screen stack block draws one pixel at the selected x and y coordinate using the current pen color.

dibujar bloque de pila de píxeles

dibujar píxel [0] [0] en pantalla

Parámetros	Descripción
incógnita	La coordenada x para dibujar el píxel de 0 a 640.
y	La coordenada y para dibujar el píxel de 0 a 480.

Ejemplo

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

cuando inicie
[Draw five pixels in a diagonal.]
dibujar píxel [360] [200] en pantalla
dibujar píxel [340] [220] en pantalla
dibujar píxel [320] [240] en pantalla
dibujar píxel [300] [260] en pantalla
dibujar píxel [280] [280] en pantalla

dibujar una línea en la pantalla

El bloque de pila dibujar línea en pantalla dibuja una línea desde la primera coordenada de la pantalla (x1, y1) hasta la segunda coordenada de la pantalla (x2, y2) utilizando el ancho del lápiz y el color del lápiz actuales.

bloque de pila de línea de dibujo

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, desde 0 hasta 640.
año1	La coordenada y en píxeles del inicio de la línea, desde 0 hasta 480.
x2	La coordenada x en píxeles del final de la línea, de 0 a 640.
y2	La coordenada y en píxeles del final de la línea, de 0 a 480.

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 inicie
[Make an X across the screen.]
dibujar línea [0] [0] [640] [480] en pantalla
establecer color de pluma/fuente a [cian v] en pantalla
dibujar línea [0] [480] [640] [0] en pantalla

Dibujar un rectángulo en la pantalla

El bloque de pila dibujar rectángulo en pantalla dibuja un rectángulo usando el ancho del lápiz, el color del lápiz y el color de relleno actuales.

dibujar un bloque apilable rectangular

dibujar rectángulo [0] [0] [10] [10] en pantalla

Ejemplo

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

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 inicie
[Draw two rectangles on the screen.]
dibujar rectángulo [0] [0] [620] [460] en pantalla
establecer color de relleno de dibujo a [verde v] en pantalla
dibujar rectángulo [200] [180] [200] [100] en pantalla

dibujar un círculo en la pantalla

El bloque de pila dibujar círculo en la pantalla dibuja un círculo usando el ancho del lápiz, el color del lápiz y el color de relleno actuales.

Dibujar bloque de pila circular

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, de 0 a 640.
y	La coordenada y en píxeles del centro del círculo, de 0 a 480.
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 inicie
[Draw one green circle on the screen.]
establecer color de relleno de dibujo a [verde v] en pantalla
dibujar círculo [320] [240] [200] en pantalla

Tocar

pantalla pulsada

El bloque booleano screen pressed indica si se está presionando la pantalla del controlador en ese momento.

• Verdadero - La pantalla está siendo presionada actualmente

• Falso - No se está pulsando la pantalla.

bloque booleano presionado en pantalla

<¿pantalla presionada?>

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

Ejemplo

cuando inicie
[Play a sound when the screen is pressed.]
por siempre
si <¿pantalla presionada?> entonces
reproducir nota [baja v] [C v] [note_eight v] ▶

Al pulsar la pantalla, se muestra el primer mensaje. El código espera a que se suelte la pantalla y solo continúa después de volver a pulsarla para mostrar el segundo mensaje.

cuando inicie
[Display different messages after the screen is pressed.]
esperar hasta <¿pantalla presionada?>
imprimir [First message!] en pantalla ▶
mover cursor a la siguiente fila en pantalla
[Lift finger to press the screen again.]
esperar hasta <no <¿pantalla presionada?>>
esperar hasta <¿pantalla presionada?>
imprimir [Second message!] en pantalla ▶

posición de la pantalla

El bloque de informe de posición de pantalla informa la coordenada x o y en píxeles donde se presionó la pantalla por última vez. El valor de retorno para x está entre 0 (izquierda) y 640 (derecha). El valor de retorno para y está entre 0 (arriba) y 480 (abajo).

bloque de reportero de posición de pantalla

(posición [x v] de pantalla)

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

Ejemplo

Al iniciarse, comprueba 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 inicie
[Play high or low note based on where screen is pressed.]
por siempre
si <¿pantalla presionada?> entonces
si <(posición [x v] de pantalla) [math_greater_than v] [320]> entonces
reproducir nota [alta v] [C v] [note_eight v] ▶
si no
reproducir nota [baja v] [C v] [note_eight v] ▶

cuando el evento de pantalla

El bloque de código when screen event se ejecuta cuando se presiona o se suelta la pantalla del controlador.

Cuando el evento de pantalla se bloquea

cuando pantalla [presionado v]

Parámetros	Descripción
acción	Determina cuándo se ejecutará la pila de bloques adjunta: pressed se ejecuta cuando se presiona la pantalla y released se ejecuta cuando se suelta la pantalla.

Ejemplo

cuando pantalla [presionado v]
[Play a sound when the screen is pressed.]
reproducir sonido [éxito v] ▶