{"id":121,"date":"2015-11-28T01:26:23","date_gmt":"2015-11-28T01:26:23","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/junkluis\/?p=121"},"modified":"2015-11-28T01:33:16","modified_gmt":"2015-11-28T01:33:16","slug":"avance-1-armando-la-gui","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/junkluis\/2015\/11\/28\/avance-1-armando-la-gui\/","title":{"rendered":"Avance 1: Armando la GUI"},"content":{"rendered":"<p style=\"text-align: justify\">La GUI (graphic user interface) es una de las ventajas de java, permitiendo usar Java Swing o Java Fx (En este proyecto se usara Java Swing) que\u00a0act\u00faa de interfaz de usuario, utilizando un conjunto de im\u00e1genes y objetos gr\u00e1ficos para representar la informaci\u00f3n y acciones disponibles en la interfaz.<\/p>\n<p style=\"text-align: justify\">Primero creamos una JFrame nueva (con el click izquierdo &gt; New)<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/Jframe.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122 aligncenter\" src=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/Jframe.png\" alt=\"Jframe\" width=\"316\" height=\"214\" srcset=\"https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/Jframe.png 488w, https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/Jframe-300x203.png 300w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify\">Nos aparecera el JFrame, junto con la paleta de componentes que podemos usar, asi como sus propiedades<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/window.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-123 aligncenter\" src=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/window.png\" alt=\"window\" width=\"550\" height=\"231\" srcset=\"https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/window.png 1150w, https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/window-300x126.png 300w, https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/window-1024x431.png 1024w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Con ayuda del Mouse, podemos dibujar de la manera que queremos que se cea nuestro formulario<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/formulario.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124 aligncenter\" src=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/formulario.png\" alt=\"formulario\" width=\"467\" height=\"307\" srcset=\"https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/formulario.png 732w, https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/formulario-300x198.png 300w\" sizes=\"auto, (max-width: 467px) 100vw, 467px\" \/><\/a><\/p>\n<p>Lo proximo, necesitamos renombrar las variables de cada componente para que se facilite el manejo del codio<\/p>\n<p>Lo recomendable es usar las primeras letras del componente, y las siguiente lo que se trata<\/p>\n<p>Ej BtnBuscar \u00a0 \u00a0(Donde Btn refiere al boton, y Buscar a la accion del boton)<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/Change-variable-name.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-125 aligncenter\" src=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/Change-variable-name.png\" alt=\"Change variable name\" width=\"450\" height=\"156\" srcset=\"https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/Change-variable-name.png 450w, https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/Change-variable-name-300x104.png 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<p>Ahora que tenemos el formulario, programemos los JRadioButtons del menu principal, para habilitar o desabilitar las opciones segun su uso<\/p>\n<p>Para ello haremos uso de el metodo Enabled el cual retorna un entero, y bloquea o libera componentes<\/p>\n<p>primero damos click izquierdo &gt; Events &gt; Action &gt; ActionPerformed<\/p>\n<p>Lo que generara el codigo para un metodo que recibe como parametro de entrada un evento de la interfaz tipo\u00a0java.awt.event.ActionEvent<\/p>\n<blockquote><p><a href=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/setEnabled.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-127 alignleft\" src=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/setEnabled.png\" alt=\"setEnabled\" width=\"557\" height=\"214\" srcset=\"https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/setEnabled.png 646w, https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/setEnabled-300x115.png 300w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/><\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>De esta manera solo mantenemos activos los elementos que requerimos<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/ventanabloqueada.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-128 aligncenter\" src=\"http:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/ventanabloqueada.png\" alt=\"ventanabloqueada\" width=\"479\" height=\"282\" srcset=\"https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/ventanabloqueada.png 716w, https:\/\/blog.espol.edu.ec\/junkluis\/files\/2015\/11\/ventanabloqueada-300x177.png 300w\" sizes=\"auto, (max-width: 479px) 100vw, 479px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La GUI (graphic user interface) es una de las ventajas de java, permitiendo usar Java Swing o Java Fx (En este proyecto se usara Java Swing) que\u00a0act\u00faa de interfaz de usuario, utilizando un conjunto de im\u00e1genes y objetos gr\u00e1ficos para &hellip; <a href=\"https:\/\/blog.espol.edu.ec\/junkluis\/2015\/11\/28\/avance-1-armando-la-gui\/\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":9045,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1217758],"tags":[1217768,1217771,33435,143,38347,1217770,529,482],"class_list":["post-121","post","type-post","status-publish","format-standard","hentry","category-proyecto-1-ed","tag-avance1","tag-enabled","tag-estructuras","tag-eventos","tag-gui","tag-interfaz-grafica","tag-metodos","tag-proyecto"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/posts\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/users\/9045"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":2,"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/posts\/121\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/posts\/121\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/media?parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/categories?post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/junkluis\/wp-json\/wp\/v2\/tags?post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}