SlideShare una empresa de Scribd logo
1 de 12
Microsoft® Small Basic
Graphics Window
Tiempo estimado para completar esta lección: 1 hora
En esta lección, aprenderás acerca de:
Declaraciones que utiliza el objeto
GraphicsWindow.
Propiedades del objeto GraphicsWindow.
Operaciones del objeto GraphicsWindow.
Graphics Window
Hasta el momento, has utilizado la ventana de texto para entender los
fundamentos de la programación utilizando Small Basic.
Introducción a Graphics Window
En esta lección, descubrirás algunas
emocionantes capacidades gráficas
que ofrece Small Basic.
Empiezas con una ventana gráfica que se
puede visualizar mediante el objeto
GraphicsWindow.
Propiedades de Graphics Window
Puedes mostrar una ventana gráfica y dibujar formas coloridas en ella si utilizas la
operación Show del objeto GraphicsWindow.
Vamos a ver cómo utilizar diferentes propiedades
del objeto GraphicsWindow en un programa...
También puedes especificar las
propiedades de la ventana gráfica,
como su título, altura, ancho y color
de fondo.
Propiedades de Graphics Window
 PenColor—Si se especifica esta propiedad,
se puede dibujar formas cuyas fronteras son
cualquier color que eliges.
 PenWidth—Si se especifica esta propiedad,
puedes dibujar formas cuyas fronteras son
cualquier espesor eliges.
 BrushColor—Si se especifica esta
propiedad, puedes rellenar las formas que
dibujas con cualquier color que elijas.
Puedes mejorar las formas que se crean especificando ciertas propiedades del
objeto GraphicsWindow. Estas propiedades son las siguientes:
 MouseX—Si se especifica esta propiedad, puedes
encontrar la posición horizontal del ratón.
 MouseY—Si se especifica esta propiedad, puedes
encontrar la posición vertical del ratón.
Operaciones de Graphics Window
Puedes crear formas coloridas en el programa mediante el uso de las
operaciones y sus propiedades.
Esta lista muestra algunas de las
operaciones que se pueden utilizar
para el objeto GraphicsWindow:
 DrawRectangle
 DrawEllipse
 DrawLine
 FillRectangle
 GetRandomColor
 SetPixel
 ShowMessage
 DrawResizedImage
Explorando el Graphics Window
Al escribir un programa para crear formas, puedes ir explorando las diferentes
propiedades y operaciones del objeto GraphicsWindow.
Uso de los Colores en Graphics Window
Puedes utilizar una gama de colores en la ventana gráfica para crear formas
coloridas. Echemos un vistazo a algunos de los colores que son compatibles en
Small Basic.
También puedes elegir de una
variedad de otros colores que
incluyen rosa, naranja,
amarillo, púrpura, marrón,
blanco y gris.
Explorando el Graphics Window
Veamos un ejemplo para explorar más las propiedades y operaciones del objeto
GraphicsWindow.
Este ejemplo muestra un cuadro
de mensaje, que contiene el
texto y un botón Aceptar, y una
ventana gráfica, que contiene un
diseño como un código de barras
con colores al azar.
Explorando el Graphics Window
Se pueden visualizar imágenes mediante el uso de las operaciones de
DrawImage y DrawResizedImage del objeto GraphicsWindow. Veamos un
ejemplo...
Con la operación de DrawResizedImage, puedes
especificar la ruta completa con el nombre de
archivo, la ubicación en la pantalla y el nuevo
tamaño de la imagen.
Para la operación DrawImage, puedes especificar la
ruta del archivo de imagen
(c:filepath...filename.jpg), luego el nombre de
archivo y la ubicación en la pantalla donde deseas
que aparezca la imagen.
Vamos a resumir…
¡Felicidades! Ahora ya sabes cómo:
Mostrar y ocultar el objeto GraphicsWindow.
Dibujar líneas y formas del objeto GraphicsWindow.
Mostrar las imágenes en el objeto GraphicsWindow.
Demuestra lo que sabes
Explora tu creatividad para escribir un programa que muestre
una ventana gráfica y realiza los pasos siguientes:
 Muestre una ventana gráfica de 640
píxeles de altura y 800 píxeles de ancho.
 Muestre dos formas que sean de
diferentes colores y que se superponen
parcialmente.
 Muestre varios rectángulos de colores al
azar.
 Muestre una imagen redimensionada en
una ubicación conveniente en la pantalla.
 Muestra un cuadro de mensaje que
contiene el texto «¡Tenga un buen día!»

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Clase de sistemas y tecnologia micromundos pro
Clase de sistemas y tecnologia micromundos proClase de sistemas y tecnologia micromundos pro
Clase de sistemas y tecnologia micromundos pro
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
 
Guia ejercicios flash
Guia ejercicios flashGuia ejercicios flash
Guia ejercicios flash
 
Modulo Photoshop Cs 6
Modulo Photoshop Cs 6Modulo Photoshop Cs 6
Modulo Photoshop Cs 6
 
Aprender illustrator cs6_con_100_ejercicios_prácticos
Aprender illustrator cs6_con_100_ejercicios_prácticosAprender illustrator cs6_con_100_ejercicios_prácticos
Aprender illustrator cs6_con_100_ejercicios_prácticos
 
Ejercicios Corel Draw basico
Ejercicios Corel Draw basicoEjercicios Corel Draw basico
Ejercicios Corel Draw basico
 
Guia de word menu inicio
Guia de word menu inicioGuia de word menu inicio
Guia de word menu inicio
 
Corel draw
Corel drawCorel draw
Corel draw
 
Visual basic
Visual basicVisual basic
Visual basic
 
Publisher 2007
Publisher 2007Publisher 2007
Publisher 2007
 
PREGUNTAS CONOCIMIENTO EN POWER POINT
PREGUNTAS CONOCIMIENTO EN POWER POINTPREGUNTAS CONOCIMIENTO EN POWER POINT
PREGUNTAS CONOCIMIENTO EN POWER POINT
 
Introduction to animation
Introduction to animationIntroduction to animation
Introduction to animation
 
Photoshop cs5 clase 1
Photoshop cs5 clase 1Photoshop cs5 clase 1
Photoshop cs5 clase 1
 
Introduccion autocad
Introduccion autocadIntroduccion autocad
Introduccion autocad
 
Shaders in Unity
Shaders in UnityShaders in Unity
Shaders in Unity
 
Introducción a Small Basic
Introducción a Small BasicIntroducción a Small Basic
Introducción a Small Basic
 
Guia taller de micromundos 2
Guia taller de micromundos 2Guia taller de micromundos 2
Guia taller de micromundos 2
 
After Effects
After EffectsAfter Effects
After Effects
 
Introduction to Adobe Photoshop.pptx
Introduction to Adobe Photoshop.pptxIntroduction to Adobe Photoshop.pptx
Introduction to Adobe Photoshop.pptx
 
WINDOWS 10.pptx
WINDOWS 10.pptxWINDOWS 10.pptx
WINDOWS 10.pptx
 

Similar a Ventana Gráfica - Small Basic

Guia diseño vectorial con corel draw
Guia diseño vectorial con corel drawGuia diseño vectorial con corel draw
Guia diseño vectorial con corel drawasesor_slide_2013
 
libro plegable.docx
libro plegable.docxlibro plegable.docx
libro plegable.docxISCROCADY
 
Manual De CoreldraW Brenda y Abraham
Manual De CoreldraW Brenda y AbrahamManual De CoreldraW Brenda y Abraham
Manual De CoreldraW Brenda y AbrahamCECYTEM
 
Parte vi. experto en diseño gráfico publicitario
Parte vi. experto en diseño gráfico publicitarioParte vi. experto en diseño gráfico publicitario
Parte vi. experto en diseño gráfico publicitarioFátima Martín Abril
 
Introducción de canvas y de svg html5
Introducción de canvas y de svg  html5Introducción de canvas y de svg  html5
Introducción de canvas y de svg html5CarlosGonzalezGalvez
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerracesar1729
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerracesar1729
 
logo a logo
logo a logologo a logo
logo a logomekonee
 
datos importantes de como elaborar un cuaderno de trabajo
datos importantes de como elaborar un cuaderno de trabajodatos importantes de como elaborar un cuaderno de trabajo
datos importantes de como elaborar un cuaderno de trabajoMariluLedesma
 
Efrain guzman echavarria
Efrain guzman echavarriaEfrain guzman echavarria
Efrain guzman echavarriaefrain-guzman99
 

Similar a Ventana Gráfica - Small Basic (20)

Guia diseño vectorial con corel draw
Guia diseño vectorial con corel drawGuia diseño vectorial con corel draw
Guia diseño vectorial con corel draw
 
libro plegable.docx
libro plegable.docxlibro plegable.docx
libro plegable.docx
 
Canvas HTML5
Canvas HTML5Canvas HTML5
Canvas HTML5
 
Manual de corel
Manual de corelManual de corel
Manual de corel
 
Manual de corel
Manual de corelManual de corel
Manual de corel
 
Manual De CoreldraW Brenda y Abraham
Manual De CoreldraW Brenda y AbrahamManual De CoreldraW Brenda y Abraham
Manual De CoreldraW Brenda y Abraham
 
Dreamweader
DreamweaderDreamweader
Dreamweader
 
Guia illustrator
Guia illustrator Guia illustrator
Guia illustrator
 
Parte vi. experto en diseño gráfico publicitario
Parte vi. experto en diseño gráfico publicitarioParte vi. experto en diseño gráfico publicitario
Parte vi. experto en diseño gráfico publicitario
 
801
801801
801
 
Introducción de canvas y de svg html5
Introducción de canvas y de svg  html5Introducción de canvas y de svg  html5
Introducción de canvas y de svg html5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
PowerPoint
PowerPointPowerPoint
PowerPoint
 
logo a logo
logo a logologo a logo
logo a logo
 
Generalidades studio 3d max
Generalidades studio 3d maxGeneralidades studio 3d max
Generalidades studio 3d max
 
Manual CorelDraw X5
Manual CorelDraw X5Manual CorelDraw X5
Manual CorelDraw X5
 
datos importantes de como elaborar un cuaderno de trabajo
datos importantes de como elaborar un cuaderno de trabajodatos importantes de como elaborar un cuaderno de trabajo
datos importantes de como elaborar un cuaderno de trabajo
 
Efrain guzman echavarria
Efrain guzman echavarriaEfrain guzman echavarria
Efrain guzman echavarria
 

Más de ISIV - Educación a Distancia

Departamento de Recursos Humanos - Organigrama - Instituto ISIV
Departamento de Recursos Humanos - Organigrama - Instituto ISIVDepartamento de Recursos Humanos - Organigrama - Instituto ISIV
Departamento de Recursos Humanos - Organigrama - Instituto ISIVISIV - Educación a Distancia
 
Teoría Punto de equilibrio - Microemprendimiento II - Instituto ISIV
Teoría Punto de equilibrio - Microemprendimiento II - Instituto ISIVTeoría Punto de equilibrio - Microemprendimiento II - Instituto ISIV
Teoría Punto de equilibrio - Microemprendimiento II - Instituto ISIVISIV - Educación a Distancia
 
Punto de equilibrio - Microemprendimiento II - Instituto ISIV
Punto de equilibrio - Microemprendimiento II - Instituto ISIVPunto de equilibrio - Microemprendimiento II - Instituto ISIV
Punto de equilibrio - Microemprendimiento II - Instituto ISIVISIV - Educación a Distancia
 
Características y tendencias en el mundo actual - Calidad Total
Características y tendencias en el mundo actual - Calidad TotalCaracterísticas y tendencias en el mundo actual - Calidad Total
Características y tendencias en el mundo actual - Calidad TotalISIV - Educación a Distancia
 
ELBP - Módulo 7 - Liderazgo de servicio. Modelo de liderazgo de Jesús.
ELBP - Módulo 7 - Liderazgo de servicio. Modelo de liderazgo de Jesús.ELBP - Módulo 7 - Liderazgo de servicio. Modelo de liderazgo de Jesús.
ELBP - Módulo 7 - Liderazgo de servicio. Modelo de liderazgo de Jesús.ISIV - Educación a Distancia
 
Declaraciones, propiedades y operaciones - Small Basic
Declaraciones, propiedades y operaciones - Small BasicDeclaraciones, propiedades y operaciones - Small Basic
Declaraciones, propiedades y operaciones - Small BasicISIV - Educación a Distancia
 
ELBP - Módulo 5 - Algoritmo del Desarrollo de los Talentos
ELBP - Módulo 5 - Algoritmo del Desarrollo de los TalentosELBP - Módulo 5 - Algoritmo del Desarrollo de los Talentos
ELBP - Módulo 5 - Algoritmo del Desarrollo de los TalentosISIV - Educación a Distancia
 
ELBP - Módulo 4 - Desarrolle Los Líderes Que Están A Su Alrededor
ELBP - Módulo 4 - Desarrolle Los Líderes Que Están A Su AlrededorELBP - Módulo 4 - Desarrolle Los Líderes Que Están A Su Alrededor
ELBP - Módulo 4 - Desarrolle Los Líderes Que Están A Su AlrededorISIV - Educación a Distancia
 
ELBP - Módulo 3 - El Plan de Dios para el Hombre Aplicado a los 7 Hábitos
ELBP - Módulo 3 - El Plan de Dios para el Hombre Aplicado a los 7 HábitosELBP - Módulo 3 - El Plan de Dios para el Hombre Aplicado a los 7 Hábitos
ELBP - Módulo 3 - El Plan de Dios para el Hombre Aplicado a los 7 HábitosISIV - Educación a Distancia
 
ELBP - Módulo 3 - 7 Hábitos de Gente Altamente Efectiva (de Covey)
ELBP - Módulo 3 - 7 Hábitos de Gente Altamente Efectiva (de Covey)ELBP - Módulo 3 - 7 Hábitos de Gente Altamente Efectiva (de Covey)
ELBP - Módulo 3 - 7 Hábitos de Gente Altamente Efectiva (de Covey)ISIV - Educación a Distancia
 
ELBP - Módulo 2 - 21 Leyes de Liderazgo de Jhon Maxwell
ELBP - Módulo 2 - 21 Leyes de Liderazgo de Jhon MaxwellELBP - Módulo 2 - 21 Leyes de Liderazgo de Jhon Maxwell
ELBP - Módulo 2 - 21 Leyes de Liderazgo de Jhon MaxwellISIV - Educación a Distancia
 

Más de ISIV - Educación a Distancia (20)

Escuelas económicas 2018
Escuelas económicas 2018Escuelas económicas 2018
Escuelas económicas 2018
 
Departamento de Recursos Humanos - Organigrama - Instituto ISIV
Departamento de Recursos Humanos - Organigrama - Instituto ISIVDepartamento de Recursos Humanos - Organigrama - Instituto ISIV
Departamento de Recursos Humanos - Organigrama - Instituto ISIV
 
Teoría Punto de equilibrio - Microemprendimiento II - Instituto ISIV
Teoría Punto de equilibrio - Microemprendimiento II - Instituto ISIVTeoría Punto de equilibrio - Microemprendimiento II - Instituto ISIV
Teoría Punto de equilibrio - Microemprendimiento II - Instituto ISIV
 
Punto de equilibrio - Microemprendimiento II - Instituto ISIV
Punto de equilibrio - Microemprendimiento II - Instituto ISIVPunto de equilibrio - Microemprendimiento II - Instituto ISIV
Punto de equilibrio - Microemprendimiento II - Instituto ISIV
 
Características y tendencias en el mundo actual - Calidad Total
Características y tendencias en el mundo actual - Calidad TotalCaracterísticas y tendencias en el mundo actual - Calidad Total
Características y tendencias en el mundo actual - Calidad Total
 
Plan de negocios
Plan de negociosPlan de negocios
Plan de negocios
 
ELBP - Módulo 7 - Liderazgo de servicio. Modelo de liderazgo de Jesús.
ELBP - Módulo 7 - Liderazgo de servicio. Modelo de liderazgo de Jesús.ELBP - Módulo 7 - Liderazgo de servicio. Modelo de liderazgo de Jesús.
ELBP - Módulo 7 - Liderazgo de servicio. Modelo de liderazgo de Jesús.
 
ELBP - Módulo 1 - Gerentes Vs. Líderes
ELBP - Módulo 1 - Gerentes Vs. LíderesELBP - Módulo 1 - Gerentes Vs. Líderes
ELBP - Módulo 1 - Gerentes Vs. Líderes
 
ELBP Módulo 1 principios
ELBP Módulo 1 principiosELBP Módulo 1 principios
ELBP Módulo 1 principios
 
Pilas y matrices (Stacks y Arrays) - Small Basic
Pilas y matrices (Stacks y Arrays) - Small BasicPilas y matrices (Stacks y Arrays) - Small Basic
Pilas y matrices (Stacks y Arrays) - Small Basic
 
Declaraciones, propiedades y operaciones - Small Basic
Declaraciones, propiedades y operaciones - Small BasicDeclaraciones, propiedades y operaciones - Small Basic
Declaraciones, propiedades y operaciones - Small Basic
 
ELBP - Módulo 6 bis - Poder Centrado en Principios
ELBP - Módulo 6 bis - Poder Centrado en PrincipiosELBP - Módulo 6 bis - Poder Centrado en Principios
ELBP - Módulo 6 bis - Poder Centrado en Principios
 
ELBP - Módulo 6 - Liderazgo de Principios
ELBP - Módulo 6 - Liderazgo de PrincipiosELBP - Módulo 6 - Liderazgo de Principios
ELBP - Módulo 6 - Liderazgo de Principios
 
ELBP - Módulo 5 - Algoritmo del Desarrollo de los Talentos
ELBP - Módulo 5 - Algoritmo del Desarrollo de los TalentosELBP - Módulo 5 - Algoritmo del Desarrollo de los Talentos
ELBP - Módulo 5 - Algoritmo del Desarrollo de los Talentos
 
ELBP - Módulo 5 - El Talento No Es Suficiente
ELBP - Módulo 5 - El Talento No Es SuficienteELBP - Módulo 5 - El Talento No Es Suficiente
ELBP - Módulo 5 - El Talento No Es Suficiente
 
ELBP - Módulo 4 - Desarrolle Los Líderes Que Están A Su Alrededor
ELBP - Módulo 4 - Desarrolle Los Líderes Que Están A Su AlrededorELBP - Módulo 4 - Desarrolle Los Líderes Que Están A Su Alrededor
ELBP - Módulo 4 - Desarrolle Los Líderes Que Están A Su Alrededor
 
ELBP - Módulo 3 - El Plan de Dios para el Hombre Aplicado a los 7 Hábitos
ELBP - Módulo 3 - El Plan de Dios para el Hombre Aplicado a los 7 HábitosELBP - Módulo 3 - El Plan de Dios para el Hombre Aplicado a los 7 Hábitos
ELBP - Módulo 3 - El Plan de Dios para el Hombre Aplicado a los 7 Hábitos
 
ELBP - Módulo 3 - 7 Hábitos de Gente Altamente Efectiva (de Covey)
ELBP - Módulo 3 - 7 Hábitos de Gente Altamente Efectiva (de Covey)ELBP - Módulo 3 - 7 Hábitos de Gente Altamente Efectiva (de Covey)
ELBP - Módulo 3 - 7 Hábitos de Gente Altamente Efectiva (de Covey)
 
ELBP - Módulo 2 - 21 Leyes de Liderazgo de Jhon Maxwell
ELBP - Módulo 2 - 21 Leyes de Liderazgo de Jhon MaxwellELBP - Módulo 2 - 21 Leyes de Liderazgo de Jhon Maxwell
ELBP - Módulo 2 - 21 Leyes de Liderazgo de Jhon Maxwell
 
ELBP - Módulo 1 Planeación Estrátegica
ELBP - Módulo 1 Planeación EstrátegicaELBP - Módulo 1 Planeación Estrátegica
ELBP - Módulo 1 Planeación Estrátegica
 

Último

Proyecto de Participación Estudiantil Completo - Bachillerato Ecuador
Proyecto de Participación Estudiantil Completo - Bachillerato EcuadorProyecto de Participación Estudiantil Completo - Bachillerato Ecuador
Proyecto de Participación Estudiantil Completo - Bachillerato EcuadorJose Santos
 
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdfDISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdfVerenice Del Rio
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfNELLYKATTY
 
En un aposento alto himno _letra y acordes.pdf
En un aposento alto himno _letra y acordes.pdfEn un aposento alto himno _letra y acordes.pdf
En un aposento alto himno _letra y acordes.pdfAni Ann
 
GOBIERNO DE MANUEL ODRIA EL OCHENIO.pptx
GOBIERNO DE MANUEL ODRIA   EL OCHENIO.pptxGOBIERNO DE MANUEL ODRIA   EL OCHENIO.pptx
GOBIERNO DE MANUEL ODRIA EL OCHENIO.pptxJaimeAlvarado78
 
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdfLas Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdfDemetrio Ccesa Rayme
 
Realitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertitzacióRealitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertitzacióPere Miquel Rosselló Espases
 
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...Agrela Elvixeo
 
Libros del Ministerio de Educación (2023-2024).pdf
Libros del Ministerio de Educación (2023-2024).pdfLibros del Ministerio de Educación (2023-2024).pdf
Libros del Ministerio de Educación (2023-2024).pdfGalletitas default
 
TEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilizaciónTEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilizaciónVasallo1
 
Escucha tu Cerebro en Nuevos Escenarios PE3 Ccesa007.pdf
Escucha tu Cerebro en Nuevos Escenarios  PE3  Ccesa007.pdfEscucha tu Cerebro en Nuevos Escenarios  PE3  Ccesa007.pdf
Escucha tu Cerebro en Nuevos Escenarios PE3 Ccesa007.pdfDemetrio Ccesa Rayme
 
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docxjhazmingomez1
 
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Bitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdfBitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdf
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdfDemetrio Ccesa Rayme
 
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdfEstrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdfDemetrio Ccesa Rayme
 
Los caminos del saber matematicas 7°.pdf
Los caminos del saber matematicas 7°.pdfLos caminos del saber matematicas 7°.pdf
Los caminos del saber matematicas 7°.pdfandioclex
 
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdfGran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdfEdgar R Gimenez
 
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Pere Miquel Rosselló Espases
 
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...Chema R.
 
Santa Criz de Eslava, la más monumental de las ciudades romanas de Navarra
Santa Criz de Eslava, la más monumental de las ciudades romanas de NavarraSanta Criz de Eslava, la más monumental de las ciudades romanas de Navarra
Santa Criz de Eslava, la más monumental de las ciudades romanas de NavarraJavier Andreu
 

Último (20)

Proyecto de Participación Estudiantil Completo - Bachillerato Ecuador
Proyecto de Participación Estudiantil Completo - Bachillerato EcuadorProyecto de Participación Estudiantil Completo - Bachillerato Ecuador
Proyecto de Participación Estudiantil Completo - Bachillerato Ecuador
 
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdfDISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
En un aposento alto himno _letra y acordes.pdf
En un aposento alto himno _letra y acordes.pdfEn un aposento alto himno _letra y acordes.pdf
En un aposento alto himno _letra y acordes.pdf
 
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
 
GOBIERNO DE MANUEL ODRIA EL OCHENIO.pptx
GOBIERNO DE MANUEL ODRIA   EL OCHENIO.pptxGOBIERNO DE MANUEL ODRIA   EL OCHENIO.pptx
GOBIERNO DE MANUEL ODRIA EL OCHENIO.pptx
 
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdfLas Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
 
Realitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertitzacióRealitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertització
 
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
 
Libros del Ministerio de Educación (2023-2024).pdf
Libros del Ministerio de Educación (2023-2024).pdfLibros del Ministerio de Educación (2023-2024).pdf
Libros del Ministerio de Educación (2023-2024).pdf
 
TEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilizaciónTEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilización
 
Escucha tu Cerebro en Nuevos Escenarios PE3 Ccesa007.pdf
Escucha tu Cerebro en Nuevos Escenarios  PE3  Ccesa007.pdfEscucha tu Cerebro en Nuevos Escenarios  PE3  Ccesa007.pdf
Escucha tu Cerebro en Nuevos Escenarios PE3 Ccesa007.pdf
 
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx
 
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Bitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdfBitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdf
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
 
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdfEstrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
 
Los caminos del saber matematicas 7°.pdf
Los caminos del saber matematicas 7°.pdfLos caminos del saber matematicas 7°.pdf
Los caminos del saber matematicas 7°.pdf
 
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdfGran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
Gran Final Campeonato Nacional Escolar Liga Las Torres 2017.pdf
 
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
 
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
 
Santa Criz de Eslava, la más monumental de las ciudades romanas de Navarra
Santa Criz de Eslava, la más monumental de las ciudades romanas de NavarraSanta Criz de Eslava, la más monumental de las ciudades romanas de Navarra
Santa Criz de Eslava, la más monumental de las ciudades romanas de Navarra
 

Ventana Gráfica - Small Basic

  • 1. Microsoft® Small Basic Graphics Window Tiempo estimado para completar esta lección: 1 hora
  • 2. En esta lección, aprenderás acerca de: Declaraciones que utiliza el objeto GraphicsWindow. Propiedades del objeto GraphicsWindow. Operaciones del objeto GraphicsWindow. Graphics Window
  • 3. Hasta el momento, has utilizado la ventana de texto para entender los fundamentos de la programación utilizando Small Basic. Introducción a Graphics Window En esta lección, descubrirás algunas emocionantes capacidades gráficas que ofrece Small Basic. Empiezas con una ventana gráfica que se puede visualizar mediante el objeto GraphicsWindow.
  • 4. Propiedades de Graphics Window Puedes mostrar una ventana gráfica y dibujar formas coloridas en ella si utilizas la operación Show del objeto GraphicsWindow. Vamos a ver cómo utilizar diferentes propiedades del objeto GraphicsWindow en un programa... También puedes especificar las propiedades de la ventana gráfica, como su título, altura, ancho y color de fondo.
  • 5. Propiedades de Graphics Window  PenColor—Si se especifica esta propiedad, se puede dibujar formas cuyas fronteras son cualquier color que eliges.  PenWidth—Si se especifica esta propiedad, puedes dibujar formas cuyas fronteras son cualquier espesor eliges.  BrushColor—Si se especifica esta propiedad, puedes rellenar las formas que dibujas con cualquier color que elijas. Puedes mejorar las formas que se crean especificando ciertas propiedades del objeto GraphicsWindow. Estas propiedades son las siguientes:  MouseX—Si se especifica esta propiedad, puedes encontrar la posición horizontal del ratón.  MouseY—Si se especifica esta propiedad, puedes encontrar la posición vertical del ratón.
  • 6. Operaciones de Graphics Window Puedes crear formas coloridas en el programa mediante el uso de las operaciones y sus propiedades. Esta lista muestra algunas de las operaciones que se pueden utilizar para el objeto GraphicsWindow:  DrawRectangle  DrawEllipse  DrawLine  FillRectangle  GetRandomColor  SetPixel  ShowMessage  DrawResizedImage
  • 7. Explorando el Graphics Window Al escribir un programa para crear formas, puedes ir explorando las diferentes propiedades y operaciones del objeto GraphicsWindow.
  • 8. Uso de los Colores en Graphics Window Puedes utilizar una gama de colores en la ventana gráfica para crear formas coloridas. Echemos un vistazo a algunos de los colores que son compatibles en Small Basic. También puedes elegir de una variedad de otros colores que incluyen rosa, naranja, amarillo, púrpura, marrón, blanco y gris.
  • 9. Explorando el Graphics Window Veamos un ejemplo para explorar más las propiedades y operaciones del objeto GraphicsWindow. Este ejemplo muestra un cuadro de mensaje, que contiene el texto y un botón Aceptar, y una ventana gráfica, que contiene un diseño como un código de barras con colores al azar.
  • 10. Explorando el Graphics Window Se pueden visualizar imágenes mediante el uso de las operaciones de DrawImage y DrawResizedImage del objeto GraphicsWindow. Veamos un ejemplo... Con la operación de DrawResizedImage, puedes especificar la ruta completa con el nombre de archivo, la ubicación en la pantalla y el nuevo tamaño de la imagen. Para la operación DrawImage, puedes especificar la ruta del archivo de imagen (c:filepath...filename.jpg), luego el nombre de archivo y la ubicación en la pantalla donde deseas que aparezca la imagen.
  • 11. Vamos a resumir… ¡Felicidades! Ahora ya sabes cómo: Mostrar y ocultar el objeto GraphicsWindow. Dibujar líneas y formas del objeto GraphicsWindow. Mostrar las imágenes en el objeto GraphicsWindow.
  • 12. Demuestra lo que sabes Explora tu creatividad para escribir un programa que muestre una ventana gráfica y realiza los pasos siguientes:  Muestre una ventana gráfica de 640 píxeles de altura y 800 píxeles de ancho.  Muestre dos formas que sean de diferentes colores y que se superponen parcialmente.  Muestre varios rectángulos de colores al azar.  Muestre una imagen redimensionada en una ubicación conveniente en la pantalla.  Muestra un cuadro de mensaje que contiene el texto «¡Tenga un buen día!»

Notas del editor

  1. You can display the graphics window by typing the statement GraphicsWindow.Show() in the editor window. Similarly, you can hide the graphics window by using the GraphicsWindow.Hide() statement. You can also modify the look and feel of the graphics window by specifying a range of properties. For example, you can set its title by using the Title property of the GraphicsWindow object. Similarly, you can modify the height, width, and background color of the graphics window by specifying the Height, Width, and BackgroundColor properties, respectively. When you run the program below, a graphics window appears with the properties that you specified, instead of the black text window. Code: GraphicsWindow.Show() GraphicsWindow.Title = "A Graphics Window" GraphicsWindow.Height = 300 GraphicsWindow.Width = 350 GraphicsWindow.BackgroundColor = "Cyan"
  2. You can use some properties and operations of the GraphicsWindow object only for displaying shapes, but you can use other properties (such as MouseX and MouseY) when you work with mouse and keyboard actions in your program. You will learn more about these properties, along with events and interactivity in Small Basic, later in the curriculum. Code: GraphicsWindow.PenColor = "Purple" GraphicsWindow.PenWidth = 3 GraphicsWindow.BrushColor = "Green" x = GraphicsWindow.MouseX y = GraphicsWindow.MouseY
  3. In this example: You start by setting the title, the width, and the height of the graphics window. When you set the width and the height, make sure to specify an area that is large enough to hold all of the shapes that you want to draw. You then use the PenColor and PenWidth properties to specify the border color and border thickness of the first shape that you want to draw. You can also use these properties later to specify a different border color and border thickness for your next shape. To draw a rectangle, you use the DrawRectangle operation, and you specify its parameters, which are values that determine how the rectangle looks. These parameters include not only the x-coordinate and the y-coordinate of the rectangle, which determine the location of its upper-left corner, but also the width and the height of the rectangle, which determine its size and proportions. To fill the rectangle with a color, you use the FillRectangle operation, and you specify the same parameters as you specified for the DrawRectangle operation. If you do not specify a fill color with the BrushColor property, the shape is filled with slate blue, as the output shows. To draw an ellipse and fill it with a different color, you specify the color by using the BrushColor property, draw the ellipse by using the DrawEllipse operation, and fill the ellipse with the FillEllipse operation. Just as you did with the DrawRectangle operation, you specify parameters that determine the location, size, and shape of the ellipse. For example, you can draw a circle by specifying the same value for the width and height of the ellipse. You should specify the same values for the parameters of the FillEllipse operation as you did for the DrawEllipse operation. To draw a line, you specify the color of the line by using the PenColor property, and you specify the location, length, and angle of the line by using the DrawLine operation and its parameters. To specify the parameters of the DrawLine operation, you must include the x-coordinate and the y-coordinate of one end of the line and the x-coordinate and the y-coordinate of the other end of the line. To check the output of your program, click Run on the toolbar, or press F5 on the keyboard. Shapes that appear in the graphics window reflect the type, size, location, and colors that you specified in your code. Code: GraphicsWindow.Title = "Graphics Window" GraphicsWindow.Height = 300 GraphicsWindow.Width = 300 GraphicsWindow.PenColor = "Black" GraphicsWindow.PenWidth = 3 GraphicsWindow.DrawRectangle(70, 60, 100, 150) GraphicsWindow.FillRectangle(70, 60, 100, 150) GraphicsWindow.BrushColor = "Green" GraphicsWindow.DrawEllipse(200, 150, 50, 100) GraphicsWindow.FillEllipse(200, 150, 50, 100) GraphicsWindow.PenColor = "Gold" GraphicsWindow.DrawLine(10, 200, 250, 200)
  4. You can choose from a variety of colors that Small Basic supports. In this slide, the colors are categorized by their base hue. In your code, you can specify the color by either its name or its color code, which is a hexadecimal (base 12) number.
  5. In addition to drawing shapes, you can also create colorful designs by using conditions and loops. In this example, you create a barcode-like design with lines by using a For loop. You also randomize the colors of the lines by using the GetRandomColor operation. You can display a message box in your program by using the ShowMessage operation of the GraphicsWindow object. For this operation, you must provide only two parameters—the message that appears in the box and the title that appears at the top of the message box. To run the program, you click Run on the toolbar, or you press F5 on the keyboard. Code: GraphicsWindow.Title = "Graphics Window" GraphicsWindow.BackgroundColor = "White" GraphicsWindow.Width = 325 GraphicsWindow.Height = 200 For i = 1 To 15 GraphicsWindow.PenColor = GraphicsWindow.GetRandomColor() GraphicsWindow.PenWidth = i GraphicsWindow.DrawLine(i * 20, 20, i * 20, 180) EndFor GraphicsWindow.ShowMessage("Create wonderful designs and shapes in Small Basic", "Message")
  6. For both the DrawImage and DrawResizedImage operations, you must specify not only the file name of the image that you want to display but also its path. If the file is stored on your computer, you can specify the local path. If the file is stored on a website or network server, you can specify the URL or absolute path. The images in this example are provided with Small Basic and are stored on your computer. You must also specify the location where the image or resized image will appear on the screen, and you specify that location by including the x-coordinate and the y-coordinate of the upper-left corner of the image. For the DrawResizedImage operation only, you specify how big you want the image to appear by including the new width and height of the image. To run your program and display your images, you click Run on the toolbar, or you press F5 on the keyboard. You can also use the SetPixel operation to draw a pixel in the graphics window at the location that you specify by including its x-coordinate and its y-coordinate. Code: GraphicsWindow.Title = "Graphics Window" GraphicsWindow.Width = 800 GraphicsWindow.Height = 600 image1 = "C:\Small Basic\Sunset.jpg" GraphicsWindow.DrawImage(image1, 0, 0) image2 = "C:\Small Basic\Winter.jpg" GraphicsWindow.DrawResizedImage(image2, 100, 100, 200, 200)
  7. Ensure that you specify the correct path and file name for the image that you want to display. Solution:    GraphicsWindow.Show() GraphicsWindow.Title = "A Graphics Window" GraphicsWindow.Height = 640 GraphicsWindow.Width = 800 GraphicsWindow.BackgroundColor = "Black" GraphicsWindow.PenWidth = 10 GraphicsWindow.PenColor = "Gold" GraphicsWindow.DrawLine(65, 100, 65, 370) GraphicsWindow.PenColor = "Black" GraphicsWindow.BrushColor = "Cyan" GraphicsWindow.DrawEllipse(70, 250, 100, 100) GraphicsWindow.FillEllipse(70, 250, 100, 100) For i = 1 To 10 GraphicsWindow.PenColor = GraphicsWindow.GetRandomColor() GraphicsWindow.PenWidth = 2 GraphicsWindow.Drawrectangle(100, i * 20, 50, 10) EndFor image1 = "C:\Small Basic\Winter.jpg" GraphicsWindow.DrawResizedImage(image1, 200, 100, 500, 500) GraphicsWindow.ShowMessage("Have a nice day!", "Message")