Introducción a los Gráficos Swing

Los mejores corredores de opciones binarias 2020:
  • Binarium
    Binarium

    1er lugar! El mejor broker de opciones binarias!
    Ideal para principiantes! Entrenamiento gratis! Bonos de registro!

  • FinMax
    FinMax

    2do lugar! Gran corredor!

Introducción a los Gráficos Swing

Debido a las fuertes tendencias que muestran instrumentos financieros como el Forex o las acciones durante extensos periodos, el swing trading se ha vuelto una estrategia de trading cada vez más popular entre los inversores. De hecho, los gráficos swing se han convertido en un instrumento común que se emplea para identificar tendencias. A continuación vamos a mostrar como trazar gráficos swing y lo que es más importante, como emplearlos para obtener ganancias con estos.

¿Porqué usar los gráficos swing?

Los gráficos swing son herramientas extremadamente útiles de análisis técnico y algunas de las razones que explican la popularidad de esta técnica son las siguientes:

  • Los gráficos swing muestran principalmente tendencias, lo que simplemente simplifica el proceso de identificarlas. Hay que recordar que las tendencias constituyen el principal medio para obtener ganancias en cualquier mercado.
  • Los gráficos swing muestran menos «ruido» del mercado, lo que puede ayudar a aplicar de forma más precisa otras formas de análisis técnico que no son sensibles al tiempo.
  • Existen diversas variaciones de esta técnica, como los gráficos Kagi y los gráficos swing basados en Gann, los cuáles ofrecen formas más complejas para identificar tendencias. Estas técnicas también ofrecen la posibilidad de hacer muchos cambios empíricos que permiten mejorar las capacidades para la identificación de tendencias.

Construcción de los gráficos Swing

Los gráficos swing, en su forma más básica, están compuestos barras de precios, las cuáles representan el comportamiento del precio durante un periodo de tiempo determinado. Seguidamente se muestra un gráfico de barras que vamos a usar como referencia a través de este artículo.

Muchos analistas técnicos han utilizado los gráficos de barras ya que este es el tipo más común de gráfico de precios. Las líneas verticales representan el rango de precios, y la línea horizantal izquierda representa el precio de apertura mientras que la línea horizontal derecha representa el precio de apertura durante un periodo de tiempo determinado.

Existen formas distintas de construir un gráfico swing empleando altos y bajos. Para este artículo, nos vamos a enfocar en el método de gráficos swing basado en Gann, el cual es bastante popular y efectivo. En este caso hay cuatro puntos de inflexión básicos (basic turning points) en que se clasifican las barras en el gráfico y que se describen a continuación:

  • Up day: Alto más alto y bajo más alto (verde).
  • Down day: Alto más bajo y bajo más bajo (rojo).
  • Inside day: Alto más bajo y bajo más alto (negro).
  • Outside day: Alto más alto y bajo más bajo (azul).

Aquí se muestra el mismo gráfico anterior, en el cual se clasifica cada barra en uno de los 4 tipos de puntos de inflexión:

En este caso se han identificado el inicio y el final de varias tendencias empleando los distintos puntos de inflexión. Para construir el gráfico swing, debemos eliminar el tiempo como factor y enfocarnos únicamente en la acción del precio. Para hacer esto, se deben encontrar dos puntos:

  • Un Up day que es seguido por un Down day.
  • Un Down day que es seguido por un Up day.

Estos dos puntos indican cuando comienza una tendencia y cuando finalizan, y como tales señalan un momento para entrar y salir de una posición de swing trading. Después de haber marcado estos puntos, se construye el gráfico swing final. Para hacer esto, en primer lugar se debe eliminar el factor tiempo moviendo los puntos juntos en intervalos iguales mientras se mantiene el orden. Después de esto, simplemente se conectan todos los puntos para completar el gráfico. El producto final debe verse tal como se muestra en la siguiente imagen:

Podemos notar como el factor tiempo ha desaparecido por completo, y es mucho más sencillo identificar las tendencias de precios.

Los mejores corredores de opciones binarias 2020:
  • Binarium
    Binarium

    1er lugar! El mejor broker de opciones binarias!
    Ideal para principiantes! Entrenamiento gratis! Bonos de registro!

  • FinMax
    FinMax

    2do lugar! Gran corredor!

Utilización de los gráficos swing

Los gráficos swing pueden emplearse en una variedad de formas:

  • Para identificar de manera sencilla las distintas tendencias presentes en un instrumento financiero en el mercado – Las tendencias pueden identificarse fácilmente si se observan altos más altos y bajos más altos progresivos (que formen un patrón con una forma similar a una estrella) o mediante el trazado de líneas de tendencias.
  • Para identificar y colocar niveles de stop loss y de toma de ganancias (take profit) – Los altos/bajos previos pueden usarse como puntos de toma de ganancias, mientras que los «step bottoms/highs» previos a través de una tendencia se pueden utilizar como puntos móviles de stop loss.
  • Para la aplicación de herramientas de análisis técnicos que no dependen del tiempo – Por ejemplo, pueden aplicarse Ondas de Elliot o pueden calcularse niveles de Fibonacci. Este tipo de técnicas que no están basadas en el tiempo le pueden ayudar al trader a predecir hacia donde se moverán los precios o a colocar de forma más efectiva niveles de toma de ganancias y de stop loss.
  • Para crear canales de precios – Los canales de precios pueden trazarse conectando altos consecutivos y bajos consecutivos. Esto puede ayudar a predecir precios, colocar puntos móviles de toma de ganancias y stop loss o ayudar al trader a liquidar o añadir a una posición de una manera tal que prescinde del tiempo. Colocar líneas que conectan altos con altos y líneas que conectan bajos con bajos crea un canal a través del cual el precio se mueve.

Conclusiones

Los gráficos swing ofrecen una forma más simple de identificar las tendencias mediante la eliminación del factor tiempo y el «ruido» del mercado. Pueden emplearse en conjunto con otras herramientas de análisis técnico para obtener predicciones más precisas sobre el comportamiento del precio y para colocar niveles de stop loss y de toma de ganancias. Hay un viejo principio en el mercado que afirma: «La tendencia es su amiga». Sin duda alguna los gráficos swing pueden ayudar a los traders a encontrar tendencias que pueden aprovecharse para obtener altas ganancias en el mercado de una manera más simple en comparación con los gráficos de precios más tradicionales.

Java desde 0

Aprende a programar en uno de los lenguajes más demandados.

Mostrar menú Ocultar menú

Buscador

Introducción a las interfaces gráficas (GUI)

Hasta ahora, todo lo que hemos hecho hasta ahora, había sido por consola. Pero en este punto, comenzamos a introducirnos en le mundo de las interfaces gráficas en Java.

Interfaces Gráficas (GUI)

Las interfaces gráficas de Java también son muy conocidas como GUI. GUI, es un termino que proviene de Graphical User Interface. Un ejemplo de GUI, podría ser una aplicación de escritorio para leer de PDFs.

Console User Interface (CUI)

Hasta ahora, como hemos comentado antes, hemos trabajado solamente con el concepto de CUI. CUI, proviene de Console User Interface y un ejemplo de CUI, sería la consola como con la que hemos realizado los programas hasta ahora.

Interfaz gráfica (GUI) vs Console User Interface (CUI)

CUI:

  • CUI, es rápida y sencilla de realizar.
  • No requiere grandes conocimientos.
  • El principal inconveniente de esta interfaz es la mala experiencia de usuario.

GUI:

  • GUI, es más lenta y compleja de realizar.
  • Requiere una base de formación y un conocimiento para cada tipo de interfaz gráfica.
  • Aporta una experiencia más visual al usuario.

Clasificación de las principales interfaces gráficas (GUI) de Java

Para empezar a explicar las interfaces, me gustaría primeramente recorrer los principales librerías para crear interfaces gráficas en Java. Y son:

  • AWT: significa Abstract Window Toolkit y la podríamos bautizar como la «old school», la vieja escuela de las interfaces gráficas. Pese a ser la más antigua, también es la más completa. Y se centra en el sistema operativo (SO) para dibujar gráficos, por lo que cada SO o plataforma tendrá su propia GUI . Esto, significa que se verá diferente o tendrá un aspecto distinto en cada una de las plataformas. Como por ejemplo:

También hay que destacar de AWT que utiliza componentes nativos.

  • Swing: extiende de la librería gráfica AWT y proporciona un conjunto de componentes bastante «ligero». Y que trata de tener el mismo comportamiento independientemente del SO o plataforma en el que se ejecuta.
  • JavaFX: se lanzó en Febrero de 2009 bajo el concepto de RIA (Rich Internet Applications) que tiene como finalidad crear aplicaciones para webs, tablets, tvs… Muy «parecidas» a las de escritorio. Un ejemplo, podría ser:
  • SWT: significa Standard Widget Toolkit. Conjunto de componentes para construir interfaces gráficas. Fue creada por IBM para ayudar en el desarrollo de Eclipse, y actualmente, se encarga el propio IDE Eclipse de su mantenimiento. Podemos decir, que es ideal para GUIs complejas y que tendrá un «aspecto» distinto en función del SO en el que se ejecute.

Aunque existen muchas más librerías para crear componentes gráficos, las listadas aquí arriba son las principales. En las próximas clases, empezaremos a trabajar con ellas. Un saludos javeros.

Introduccion a graficos mediante JAVA 2D

Fernando Alfonso Casas De la Torre

Published on May 22, 2020

Introduccion a graficos mediante JAVA 2D describiendo el entorno de JAVA 2D, las clases AWT, Swing y otras herramientas para mejorar el diseño de interfaces graficas

  • 0 Comments
  • 2 Likes
  • Statistics
  • Notes

Be the first to comment

  1. 1. Graficos 2D en JAVA Maestria en Sistemas Computacionales Tecnicas de Programacion Catedratico: Dr. Enrique Cuan Duron Presenta: Fernando Alfonso Casas De la Torre
  2. 2. INTRODUCCION Java 2D, al igual que todo el lenguaje Java permite la portabilidad de programas lo que le permite a los desarrolladores crear programas que son independientes de la plataforma en la cual se les ejecutará. Esta característica de Java 2D le da a las aplicaciones implementadas en este lenguaje una flexibilidad que de otro modo no tendrían siendo incluso independiente de sobre que tipo de dispositivo gráfico se está trabajando. Java 2d extiende las capacidades contenidas en el paquete de AWT (Abstract Windowing Tool) de Java. Sin embargo se mantiene compatible con este heredar las características de aquel. Esto permite que programas escritos para AWT puedan ejecutarse con Java 2D.
  3. 3. INTRODUCCION Java 2D se mantiene fiel a la lógica imperante en el ambiente Java, por consiguiente permite a los desarrolladores manipular los objetos creados bajo Java 2D con la misma seguridad que todos los objetos de Java. Al hacer que JAVA potencie sus capacidades graficas se fijaron los siguientes objetivos… • Mejorar la calidad gráfica de las aplicaciones programadas en Java (el ambiente AWT no estaba al nivel que otros ambientes gráficos). • Satisfacer la necesidad para los programadores de permitirles tener una sola interfaz de programación independiente. • Mantener una heterogeneidad entre las distintas componentes de Java
  4. 4. JAVA y GRAFICOS Uno de los principales atractivos de JAVA es su soporte para gráficos, el cual permite a los programadores mejorar la apariencia visual de sus aplicaciones. Ahora que se ha difundido el uso de JAVA este posee muchas mas herramientas para realizar dibujos mediante la API JAVA 2D. API es una sigla que procede de la lengua inglesa y que alude a la expresión Application Programming Interface (cuya traducción es Interfaz de Programación de Aplicaciones). El concepto hace referencia a los procesos, las funciones y los métodos que brinda una determinada biblioteca de programación a modo de capa de abstracción para que sea empleada por otro programa informático.
  5. 5. JAVA y GRAFICOS Java 2D es un API para dibujar gráficos en dos dimensiones usando el lenguaje de programación JAVA. Podemos entender la API como un código que indica a las aplicaciones cómo pueden mantener una comunicación entre sí. Estas reglas permiten que los distintos programas mantengan interacciones. El API 2D de JAVA nos permite fácilmente: • Dibujar líneas de cualquier anchura • Rellenar formas con gradientes y texturas • Mover, rotar, escalar y recortar texto y gráficos. • Componer texto y gráficos solapados.
  6. 6. JAVA 2D Java2D es una de las API con el que se puede abarcar temas muy importantes como generar figuras geométricas, imágenes y dibujo de texto. A medida que se van introduciendo nuevas clases de la API, éstas se van hilvanando entre sí para proporcionar al programador un mayor control sobre el aspecto de los lienzos que quiera dibujar.
  7. 7. JAVA y GRAFICOS • Por ejemplo, podríamos usar el API 2D de Java para mostrar gráficos y charts complejos que usan varios estilos de línea y de relleno para distinguir conjuntos de datos, como se muestra en la siguiente figura: • El API 2D de Java también nos permite almacenar datos de imágenes, por ejemplo, podemos realizar fácilmente filtros de imágenes, como se muestra en la siguiente figura: • Pero antes veamos unos CONCEPTOS BASICOS…
  8. 8. CLASE GRAPHICS 2D Dentro de la API de Java se encuentra java.awt.Graphics2D es una clase que extiende a java.awt.Graphics y tiene atributos de estado que conforman el contexto y que pueden modificarse son los siguientes puntos: • Variar la anchura del pincel o líneas. • Definir colores o patrones de relleno para las figuras. • Trasladar, rotar, reducir o ampliar objetos cuando son generados. • Especificar la forma en que se componen las figuras superpuestas Esta clase permite dibujar formas básicas que se pueden integrar a los programas y contienen métodos definidos.
  9. 9. AWT y SWING En sus orígenes Java introdujo la AWT (Abstract Window Toolkit). Ésta interfaz “creaba” los objetos delegando su creación y comportamiento a herramientas nativas de la plataforma donde corre la Máquina Virtual Java. Este esquema condujo a problemas por diferencias en distintas plataformas y S.O. La solución fue desarrollar todos los objetos de la GUI basados sólo en elementos muy básicos y comunes en todas las plataformas. Así surge SWING. NOTA: Junto a la JDK vienen demos de Java y se puede ver un demo de la JFC en el enlace que se muestra abajo. Ver la carpeta que contiene el ejecutable javac y podrá encontrar el directorio demo un nivel más arriba. http://download.java.net/javadesktop/swingset3/SwingSet3.jnlp
  10. 10. CONCEPTOS BASICOS Antes de entrar a describir lo que es parte de el entorno grafico basico de JAVA 2D veamos algunos conceptos basicos: • Sistema de Coordenadas • GUI (Ventana) • Circulo Cromatico • Sistema de colores RGB • Colores en JAVA • WIDGET • APPLET • FRAME
  11. 11. SISTEMA DE COORDENADAS Para empezar dibujar en java, primero debemos entender su SISTEMA DE COORDENADAS el cual es un esquema para identificar a cada uno de los posibles puntos en la pantalla. La esquina superior izquierda de un componente de la GUI (ventana) tiene las coordenadas (0,0). Un par de coordenadas son valores en los ejes x-y. Las coordenadas se utilizan para indicar en donde deben mostrarse los gráficos en una pantalla. Las unidades de las coordenadas se miden en pixeles el cual es la unidad mas pequeña de resolución de un monitor de computadoras .
  12. 12. GUI La INTERFAZ GRÁFICA DE USUARIO, conocida también como GUI (del inglés graphical user interface), es un programa informático que actúa de interfaz de usuario, utilizando un conjunto de imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz. Su principal uso, consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador. En el contexto de la interacción persona-computadora, la interfaz gráfica de usuario es el artefacto tecnológico de un sistema da a través del uso y la representación del lenguaje visual, una interacción amigable con un sistema informático (o ventana).
  13. 13. CIRCULO CROMATICO La cantidad de pixeles en una pantalla depende del hardware el cual le informa al sistema operativo de que capacidades graficas puede disponer. Cada píxel de una pantalla o monitor, sintetiza un color graduando la luminosidad de sus 3 subpíxeles (Rojo , Verde o Azul). Los sistemas que emiten rayos luminosos forman las imágenes bien a través de tubos de rayos catódicos (TV, monitores, proyectores de vídeo, etc.), a través de LED (diodos luminosos) o sistemas de Plasma (TV, monitores, etc.) variando la proporción de estos colores en los pixeles y creando la variedad cromática.
  14. 14. CIRCULO CROMATICO Cada píxel de una pantalla o monitor, sintetiza un color graduando la luminosidad de sus 3 subpíxeles. Para indicar con qué proporción es mezclado cada color, se asigna un valor a cada uno de los colores primarios, de manera que el valor «0» significa que no interviene en la mezcla y, a medida que ese valor aumenta, se entiende que aporta más intensidad a la mezcla. Aunque el intervalo de valores podría ser cualquiera (valores reales entre 0 y 1, valores enteros entre 0 y 37, etc.), es frecuente que cada color primario se codifique con un byte (8 bits).
  15. 15. R G B RGB (sigla en inglés de RED-GREEN-BLUE) es la composición del color en términos de la intensidad de los colores primarios de la luz. RGB es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores de luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en distintos dispositivos que usen este modelo de color.
  16. 16. TABLA DE COLORES RGB Los colores primarios son el rojo, el verde y el azul. Java usa el método RGB, que significa que cualquier color se puede describir dando las cantidades de rojo (Red), verde (Green), y azul (Blue). Estas cantidades son números enteros comprendidos entre 0 y 255, o bien, números reales comprendidos entre 0.0 y 1.0. La siguiente tabla nos proporciona los colores más comunes y sus valores RGB.
  17. 17. WIDGET En informática, un widget (o artilugio) es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros pequeños que son ejecutados por un Motor de Widgets o( Widget Engine). Entre sus objetivos están dar fácil acceso a funciones frecuentemente usadas y proveer de información visual. En el contexto de la programación de aplicaciones visuales tienen un significado más amplio como componente o control visual que el programador reutiliza. Suelen reunirse varios widgets en juegos de herramientas de widgets. Se usan para construir interfaces gráficas de usuario (GUI). Un widget en escencia es una interfaz grafica responsable de interactuar con el usuario
  18. 18. WIDGET Con ese nombre tambien designamos unas pequeñas aplicaciones que pueden funcionar en el escritorio del ordenador, en el navegador o en ambos, dependiendo de la plataforma sobre la que funcione. Los Widget son pedazos de código que representan funcionalidades o contenidos y que pueden ser instalados y ejecutados en el programa o nuestra página web de una forma muy sencilla. El objetivo de este tipo de aplicación es enriquecer los contenidos y funcionalidades de la interfaz grafica sin necesidad de programar y crear nuevos contenidos.
  19. 19. OBJETOS GRAFICOS EN JAVA Todos los objetos gráficos en una aplicación Java forman una jerarquía. La mayor jerarquía está en un JFrame, un JDialog, o un JApplet. Ahora veremos la estructura de los JFrame. Ejemplo:
  20. 20. OBJETOS GRAFICOS EN JAVA El RootPane viene con el JFrame. También lo traen los JInternalFrame y los otros contenedores de ventanas superiores (autónomas): JDialog, JApplet, JFrame. El root pane tiene 4 partes: vidrio, panel de capas, panel de contenido, y una barra de menú opcional.
  21. 21. METODOS Y OBJETOS Asociado a cada objeto gráfico debemos distinguir su modelo de su vista. • El MODELO es el conjunto de atributos de un objeto, corresponde a la representación en memoria de un objeto. Por ejemplo, para un termómetro, basta el atributo double temperatura. • La VISTA es la apariencia visual que decidimos dar al objeto. Por ejemplo, un termómetro puede ser digital, columna de mercurio, la intensidad de un color, etc. • Así una cosa es el cambio del estado de un objeto y otra el cambio en la vista correspondiente a ese nuevo estado. • Los Objetos Swing mantienen esa consistencia, pero debemos ocuparnos de ello en objetos gráficos nuestros.
  22. 22. Clase GRAPHICS y sus metodos JAVA proporciona la clase Graphics, que permite dibujar elipses, cuadrados, líneas, mostrar texto y también tiene muchos otros métodos de dibujo. Para cualquier programador, es esencial el entendimiento de la clase Graphics, antes de adentrarse en el dibujo en Java. La clase Graphics proporciona el entorno de trabajo para cualquier operación gráfica que se realice dentro del AWT. Para poder pintar, un programa necesita un contexto gráfico válido, representado por una instancia de la clase Graphics. Pero esta clase no se puede instanciar directamente; así que debemos crear un componente y pasarlo al programa como un argumento al método paint().
  23. 23. Clase GRAPHICS y sus metodos El único argumento del método paint() es un objeto de esta clase. La clase Graphics dispone de métodos para soportar tres categorías de operaciones gráficas: 1) Dibujo de primitivas gráficas, 2) Dibujo de texto, 3) Presentación de imágenes en formatos *.gif y *.jpeg. Además, la clase Graphics mantiene un contexto gráfico: un área de dibujo actual, un color de dibujo del Background y otro del Foreground, un Font con todas sus propiedades, etc. Los ejes están situados en la esquina superior izquierda. Las coordenadas se miden en pixels.
  24. 24. Clase GRAPHICS y sus metodos Algunas de las formas primitivas o básicas que provee Graphics son rectangulos, elipses, circulos, líneas, etc.
  25. 25. SWING Es una biblioteca grafica para JAVA. El paquete Swing es parte de la JFC (Java Foundation Classes) en la plataforma Java. La JFC provee facilidades para ayudar a los programadores a construir GUIs. Swing abarca componentes como botones, tablas, marcos, etc. Incluye WIDGETS para la interfaz grafica del usuario tales como cajas de texto, botones, desplegables y tablas. Antes de la existencia de Swing, las interfaces gráficas con el usuario se realizaban a través de AWT (Abstract Window Toolkit), de quien Swing hereda todo el manejo de eventos.
  26. 26. SWING (cont.) Usualmente, para toda componente AWT existe una componente Swing que la reemplaza, p.ej: clase Button de AWT es reemplazada por clase JButton de Swing. Las componentes Swing se identifican porque pertenecen al paquete javax.swing y el nombre de todas las componentes Swing comienza con «J». Las componentes de Swing utilizan la infraestructura de AWT, incluyendo el modelo de eventos AWT, el cual rige cómo una componente que reacciona a eventos tales como, eventos de teclado, mouse, etc. Es por esto, que la mayoría de los programas Swing necesitan importar dos paquetes AWT: java.awt.* y java.awt.event.*. Ojo: Como regla, los programas no deben usar componentes pesados de AWT junto a componentes Swing, ya que los componentes de AWT son siempre pintados sobre los de Swing. (Por componentes pesadas de AWT se entiende Menú, ScrollPane y todas las componentes que heredan de las clases Canvas y Panel de AWT).
  27. 27. Ejemplo de Aplicacion SWING Una aplicación SWING Se construye mezclando componentes con las siguientes reglas. • Debe existir, al menos, un contenedor de alto nivel (Top- Level Container), que provee el soporte que las componentes Swing necesitan para el pintado y el manejo de eventos. • Otras componentes colgando del contenedor de alto nivel (éstas pueden ser contenedores o componentes simples).
  28. 28. Ejemplo de Aplicacion SWING En las primeras líneas se importan los paquetes necesarios (import). Luego se declara la clase HolaMundoSwing y en el método main se configura el top level container: public class HolaMundoSwing < public static void main(String[] args) < JFrame frame = new JFrame("HolaMundoSwing"); . frame.pack(); frame.setVisible(true); >> En el ejemplo, sólo hay un contenedor de alto nivel, un JFrame. Un frame implementado como una instancia de la clase JFrame es una ventana con decoraciones, tales como, borde, título y botones como íconos y para cerrar la ventana. Aplicaciones con un GUI típicamente usan, al menos, un frame.
  29. 29. Ejemplo de Aplicacion SWING Además, el ejemplo tiene un componente, una etiqueta que dice «Hola Mundo». final JLabel label = new JLabel(«Hola Mundo»); //construye el JLabel. frame.getContentPane().add(label); //agrega el label al frame. Para que el botón de cerrar cierre la ventana, hay dos opciones: frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); //JDK 1.3+ frame.addWindowListener(new java.awt.event.WindowAdapter() < //versiones anteriores public void windowClosing(WindowEvent e)< System.exit(0); >> );
  30. 30. Creando una aplicacion En primer lugar invocamos las librerías que usaremos… import java.awt.BorderLayout; import java.awt.Color; import java.awt.EventQueue; import java.awt.Graphics; import javax.swing.JFrame; import javax.swing.JPanel; import javax.swing.border.EmptyBorder; public class Grafico1 extends JFrame <
  31. 31. Creando una aplicacion Sobrescribimos el método paint heredado de la clase JFrame: public void paint (Graphics g) < El método paint se ejecuta cada vez que el JFrame debe ser redibujado y llega como parámetro un objeto de la clase Graphics. Este objeto nos permite acceder al fondo del JFrame y utilizando las primitivas gráficas dibujar líneas, rectángulos, elipses etc. Lo primero que hacemos dentro de este método es llamar al método paint de la clase superior para que se pinte el fondo del JFrame y otras componentes contenidas dentro (para llamar al método paint de la clase JFrame debemos anteceder la palabra clave super y pasar el parámetro respectivo): super.paint(g);
  32. 32. Asignacion de colores en JAVA Para crear un objeto de la clase Color, se pasan tres números a su constructor que indican la cantidad de rojo, verde y azul. Color colorRosa=new Color(255, 175, 175); Mediante la función setColor, cambiamos color con el que dibujamos una línea, un texto o rellenamos una figura cerrada en el contexto gráfico g. g.setColor(colorRosa);
  33. 33. Asignacion de colores en JAVA No es necesario tener a mano la tabla de las componentes RGB de cada color. La clase Color nos proporciona un conjunto de colores predefinidos en forma de miembros estáticos de dicha clase. Podemos escribir alternativamente g.setColor(Color.pink); Los colores predefinidos son los siguientes: Color.white Color.black Color.yellow Color.lightGray Color.red Color.green Color.gray Color.pink Color.magenta Color.darkGray Color.orange Color.cyan Color.blue
  34. 34. Dibujo de Formas Primitivas Mediante el método setColor activamos un color: g.setColor (Color.blue); Dibuja una línea desde la coordenada inicial hasta la final. La línea es del color ultimo que se definió: g.drawLine (xini, yini, xfin, yfin); Dibuja un rectángulo desde la coordenada inicial con el ancho y alto en pixeles que se defina g.drawRect (xini, yini, ancho, alto);
  35. 35. Dibuja un rectangulo igual que DrawRect con el agregado de que lo rellena del color que se especifique en la ultima línea de color: g.fillRect (xini, yini, ancho, alto); Dibuja un rectángulo desde la coordenada inicial con el ancho y alto en pixeles que se defina pero dandole un efecto de realce (3D) con un pequeño borde. g.fill3DRect (xini, yini, ancho, alto, true/false); Similar a drawRect más un valor de redondeo de los vértices que le indicamos en el quinto y sexto parámetro (arcos) pudiendo ser el rectangulo en contorno o relleno: g.drawRoundRect ( x, y, alto, ancho, arco1, arco2); g.fillRoundRect (x, y, alto, ancho, arco1, arco2); Dibujo de Formas Primitivas
  36. 36. Mediante el método drawString posiciona en una coordenada un dato tipo cadena con el ultimo Font y Color especificado: drawString(String str, int x, int y); Dibuja un óvalo con una razón de ancho y alto (elipse) ya sea en contorno o con relleno definido por el ultimo color: g.drawOval ( x, y, alto, ancho); g.fillOval (350, 270, 50, 70); Dibuja un arco con una razón de ancho y alto (elipse) pero solo una parte de ella según se defina: g.drawArc ( x, y, alto, ancho, inicio, fin); Dibujo de Formas Primitivas
  37. 37. Dibujamos un polígono, en este caso un triangulo (debemos indicar mediante dos vectores los vértices de cada punto del triángulo), el primer punto es el (500,70) el segundo punto es el (550,120) y por último el punto (450,120): int [] vx1 = <500, 550, 450>; int [] vy1 = <70, 120, 120>; g.drawPolygon (vx1, vy1, 3); De forma similar los métodos fillRect, fillRoundRect, fillOval y fillPolygon son similares a los anteriores con la diferencia que pinta su interior con el color activo de la última llamada al método setColor: int [] vx2 = <500, 550, 450>; int [] vy2 = <270, 320, 320>; g.fillPolygon (vx2, vy2, 3); Dibujo de Formas Primitivas
  38. 38. Interfaz de usuario HMI Una finalidad importante de JAVA es dar soporte a aplicaciones e interfaces graficas. La sigla HMI es la abreviación en Ingles de Interfaz Hombre Maquina. La interfaz de usuario es el medio con que el usuario puede comunicarse con una máquina, un equipo o una computadora, y comprende todos los puntos de contacto entre el usuario y el equipo. Normalmente suelen ser fáciles de entender y fáciles de accionar. Las interfaces básicas de usuario son aquellas que incluyen elementos como menús, ventanas, teclado, ratón, los beeps y algunos otros sonidos que la computadora hace, y en general, todos aquellos canales por los cuales se permite la comunicación entre el ser humano y la computadora.
  39. 39. Interfaz de usuario HMI Funciones principales de una HMI… Sus principales funciones son las siguientes: • Puesta en marcha y apagado. • Control de las funciones manipulables del equipo. • Manipulación de archivos y directorios. • Herramientas de desarrollo de aplicaciones. • Comunicación con otros sistemas. • Información de estado. • Configuración de la propia interfaz y entorno. • Intercambio de datos entre aplicaciones. • Control de acceso. • Sistema de ayuda interactivo.
  40. 40. BIBLIOGRAFIA Y REFERENCIAS • Programación de Interfaces Gráficas en Java Agustín J. González • Como programar en Java. Ed. 7. Paul Dietel
  41. 41. MUCHAS GRACIAS POR SU ATENCION Presento: Fernando Alfonso Casas De la Torre

LinkedIn Corporation © 2020

Share Clipboard

Public clipboards featuring this slide

Select another clipboard

Looks like you’ve clipped this slide to already.

Los mejores corredores de opciones binarias 2020:
  • Binarium
    Binarium

    1er lugar! El mejor broker de opciones binarias!
    Ideal para principiantes! Entrenamiento gratis! Bonos de registro!

  • FinMax
    FinMax

    2do lugar! Gran corredor!

Like this post? Please share to your friends:
Opciones binarias: aprendizaje básico
Deja un comentario

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: