{"id":2321,"date":"2014-05-26T12:26:05","date_gmt":"2014-05-26T11:26:05","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=2321"},"modified":"2020-10-28T12:03:15","modified_gmt":"2020-10-28T10:03:15","slug":"diseno-de-interfaces-en-java-con-windowbuilder","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/","title":{"rendered":"Dise\u00f1o de interfaces en Java con WindowBuilder"},"content":{"rendered":"<p>Hola y bienvenidos a un nuevo art\u00edculo del blog de Espai. Hoy vamos a Hablar de WindowBuilder, que es un plugin de Eclipse para dise\u00f1ar interfaces gr\u00e1ficas de una forma&#8230; Gr\u00e1fica.<\/p>\n<p>Despu\u00e9s de este perogrullo m\u00e1s gordo que el cuello de <a href=\"https:\/\/www.youtube.com\/watch?v=oeJF55Qphdk\" target=\"_blank\" rel=\"noopener\">Fernando Alonso<\/a>, vamos a ello!<\/p>\n<p>&nbsp;<\/p>\n<h3>Dise\u00f1o de interfaces en Java con WindowBuilder: Introducci\u00f3n<\/h3>\n<p>WindowBuilder sali\u00f3 como un producto comercial de la mano de la empresa Instantiations. \u00c9sta fue comprada por Google, que lo acab\u00f3 donando a Eclipse Foundation y convirti\u00e9ndolo en c\u00f3digo abierto.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/VEF_381499_twitter_prediccion_del_futuro_de_la_mano1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2324 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/VEF_381499_twitter_prediccion_del_futuro_de_la_mano1.jpg\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"500\" height=\"425\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/VEF_381499_twitter_prediccion_del_futuro_de_la_mano1.jpg 500w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/VEF_381499_twitter_prediccion_del_futuro_de_la_mano1-300x255.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Vamos a hacer una sencilla aplicaci\u00f3n usando este plugin. Si descarg\u00e1is una versi\u00f3n reciente de Eclipse ya vendr\u00e1 de serie, no es necesario que lo instal\u00e9is aparte.<\/p>\n<p>&nbsp;<\/p>\n<h3>Creaci\u00f3n de la \u00a0aplicaci\u00f3n<\/h3>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2333 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_1.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"742\" height=\"606\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_1.png 742w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_1-300x245.png 300w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/a><\/p>\n<p>Creamos un nuevo proyecto<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2334 size-thumbnail\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_2-150x150.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>De tipo \u00abJava\u00bb<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2339 size-thumbnail\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_3-150x150.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p><a id=\"preguntaPaso1\">&nbsp;<\/a><\/p>\n<p>Le damos como nombre \u00abEjemploWindowBuilder\u00bb<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2340\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_4.png\" alt=\"escuela_espai_4\" width=\"640\" height=\"625\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_4.png 884w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_4-300x293.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Una vez creado el proyecto (que estar\u00e1 vac\u00edo) a\u00f1adimos una clase nueva.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a id=\"preguntaPaso2\">&nbsp;<\/a><\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2341 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_5.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"700\" height=\"503\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_5.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_5-300x215.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>De tipo \u00abApplication Window\u00bb para poder usar las caracter\u00edsticas de WindowBuilder<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2342 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_6.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"700\" height=\"503\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_6.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_6-300x215.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>le damos un nombre de clase, y tambi\u00e9n nombre de paquete<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2343 size-large\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_7-1024x660.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"640\" height=\"413\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_7-1024x660.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_7-300x193.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_7.png 1083w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Este c\u00f3digo nos lo genera autom\u00e1ticamente, no es necesario escribirlo. Si vais a la pesta\u00f1a \u00abdesign\u00bb (abajo a la izquierda) ver\u00e9is que ya aparece.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2344 size-large\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_8-1024x656.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"640\" height=\"410\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_8-1024x656.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_8-300x192.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_8.png 1421w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Esta es la ventana principal de WindowBuilder. Como veis, nos permite a\u00f1adir elementos gr\u00e1ficos como im\u00e1genes, botones o listas a nuestro programa, a parte de otros muchos.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2345 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_9.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"1019\" height=\"687\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_9.png 1019w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_9-300x202.png 300w\" sizes=\"auto, (max-width: 1019px) 100vw, 1019px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Marcamos el elemento BorderLayout y hacemos click en nuestra ventana. Esto lo que hace es asignar una forma espec\u00edfica de distribuir los elementos en la pantalla, en concreto en 5 secciones: Norte, sur, este, oeste y centro.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2346 size-large\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_10-1024x622.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"640\" height=\"389\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_10-1024x622.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_10-300x182.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_10.png 1087w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>A\u00f1adimos un JList (lista) a la izquierda. Como en el caso anterior, click en JList y luego click en la zona de la pantalla donde lo quer\u00e9is (marcado en amarillo, aparecer\u00e1 cuando pong\u00e1is el cursor encima)<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2347 size-large\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_11-1024x576.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"640\" height=\"360\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_11-1024x576.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_11-300x168.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_11.png 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>A\u00f1adimos un JTable en el centro. Un JList tiene una sola dimensi\u00f3n (una columna y varias filas) mientras un JTable tiene varias filas y columnas, similar a una hoja de c\u00e1lculo.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_12.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2348 size-large\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_12-1024x660.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"640\" height=\"413\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_12-1024x660.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_12-300x193.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_12.png 1071w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>A\u00f1adimos un JPanel a la derecha. Mismo proceso que con el JList.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_13.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2349 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_13.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"809\" height=\"669\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_13.png 809w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_13-300x248.png 300w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Cambiamos las propiedades de ese panel. hacemos que tenga un layout (distribuci\u00f3n) tipo GridLayout<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_14.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2350 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_14.png\" alt=\"Dise\u00f1o de interfaces en Java con WindowBuilder\" width=\"385\" height=\"413\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_14.png 385w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_14-279x300.png 279w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Vamos a las propiedades del layout, y lo hacemos de 1 columna y 3 filas.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_15.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2351\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_15.png\" alt=\"escuela_espai_15\" width=\"640\" height=\"380\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_15.png 947w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_15-300x178.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>A\u00f1adimos un bot\u00f3n al JPanel. Si veis que no se ilumina el panel cuando os coloqu\u00e9is sobre la ventana, dejad el bot\u00f3n sobre el elemento \u00abpanel\u00bb que encontrareis a la izquierda, debajo de \u00abtable\u00bb. haced click sobre JButton, y luego sobre panel, y se a\u00f1adir\u00e1 el bot\u00f3n al panel.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_16.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2352\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_16-1024x677.png\" alt=\"escuela_espai_16\" width=\"640\" height=\"423\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_16-1024x677.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_16-300x198.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_16.png 1039w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Cambiamos las caracter\u00edsticas de ese bot\u00f3n. Le damos como nombre \u00abbtnCargar\u00bb, y como texto \u00abCargar\u00bb. El nombre ser\u00e1 la variable que encontraremos luego en el c\u00f3digo, y el texto es la descripci\u00f3n que aparecer\u00e1 sobre el bot\u00f3n. Lo alineamos con \u00abCenter\u00bb.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_17.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2353\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_17-1024x626.png\" alt=\"escuela_espai_17\" width=\"640\" height=\"391\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_17-1024x626.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_17-300x183.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_17.png 1067w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Repetimos el mismo proceso con los botones \u00abGuardar\u00bb y \u00abSalir\u00bb<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_18.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2354\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_18-1024x599.png\" alt=\"escuela_espai_18\" width=\"640\" height=\"374\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_18-1024x599.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_18-300x175.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_18.png 1413w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>En las propiedades del JTable, pulsamos en los \u00ab&#8230;\u00bb a la derecha de \u00abmodel\u00bb. Sale una ventana que nos permite a\u00f1adir filas y columnas. A\u00f1adimos 8 filas y 4 columnas, o las que quer\u00e1is.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_19.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2355\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_19.png\" alt=\"escuela_espai_19\" width=\"640\" height=\"463\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_19.png 963w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_19-300x217.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>hacemos lo mismo con el JList.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_20.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2356\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_20-1024x427.png\" alt=\"escuela_espai_20\" width=\"640\" height=\"266\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_20-1024x427.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_20-300x125.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_20.png 1343w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Hacemos click sobre JLabel, es decir a\u00f1adimos una etiqueta en el \u00abnorte\u00bb de nuestra aplicacion, la parte superior. El texto ser\u00e1 \u00abAplicacion de prueba de WindowBuilder\u00bb<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_211.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2361\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_211-1024x659.png\" alt=\"escuela_espai_21\" width=\"640\" height=\"411\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_211-1024x659.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_211-300x193.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_211.png 1073w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>hacemos lo mismo con el inferior. Adem\u00e1s, le a\u00f1adimos un icono haciendo click en \u00abicon\u00bb.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_221.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2362\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_221.png\" alt=\"escuela_espai_22\" width=\"640\" height=\"595\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_221.png 987w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_221-300x279.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>haced click en la pesta\u00f1a \u00abdesign\u00bb para ver el c\u00f3digo.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_231.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2363\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_231.png\" alt=\"escuela_espai_23\" width=\"640\" height=\"69\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_231.png 801w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_231-300x32.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Esta parte hay que a\u00f1adirla a mano. Si ejecutais la aplicaci\u00f3n ahora (haced la prueba) ver\u00e9is que no salen los titulos de las columnas, y la tabla aparece cortada. Por ello le a\u00f1adimos el fragmento de c\u00f3digo que aparece en la captura. Lo que hacemos es \u00abenvolver\u00bb el JTable con un JScrollPane, que es un elemento gr\u00e1fico que a\u00f1ade precisamente eso: barras de desplazamiento y encabezados a las tablas.<\/p>\n<p>Para hacer esto, debeis ir a la pesta\u00f1a \u00abSource\u00bb donde podr\u00e9is realizar este cambio.<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_241.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2364\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_241.png\" alt=\"escuela_espai_24\" width=\"450\" height=\"300\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_241.png 450w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_241-300x200.png 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Como veis, al ejecutar la aplicaci\u00f3n ya aparece la tabla correctamente.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>\u00a1Buf! Que ejemplo m\u00e1s largo. Como veis WindowBuilder es una herramienta muy potente, no es que sea \u00abm\u00e1gica\u00bb porque requiere a su vez bastante trabajo, pero es mucho m\u00e1s f\u00e1cil y menos propenso a errores que hacer todo este c\u00f3digo a mano. Si ech\u00e1is un vistazo a la pesta\u00f1a \u00abDesign\u00bb ver\u00e9is la gran cantidad de l\u00edneas que el plugin ha a\u00f1adido por nosotros.<\/p>\n<p>&nbsp;<\/p>\n<p>Hasta aqu\u00ed el art\u00edculo de hoy, como veis tan laborioso que ni a hacer chistes malos me dio tiempo. Os dejo como extra una serie de frases que os ayudar\u00e1n cuando os dediqu\u00e9is a la programaci\u00f3n profesionalmente\u00a0:<\/p>\n<p>&nbsp;<\/p>\n<p>\u00a1Esta parte del programa no funciona!<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>\u0093Pues es raro\u0085\u0094<\/li>\n<li>\u0093Nunca hab\u00eda pasado antes.\u0094<\/li>\n<li>\u0093Pues ayer funcionaba\u0085\u0094<\/li>\n<li>En mi ordenador s\u00ed funciona<\/li>\n<li>Lo habr\u00e1 cambiado alguien despu\u00e9s de m\u00ed<\/li>\n<\/ol>\n<p>Y la mejor de todas:<\/p>\n<p><strong>\u00a1Pues algo estar\u00e1s haciendo mal!<\/strong> (D\u00edgase con cara de cabreo)<\/p>\n<p>&nbsp;<\/p>\n<p>Ahora a levantarse un rato, que si llegasteis hasta aqu\u00ed os hab\u00e9is ganado un descanso! Si pod\u00e9is&#8230;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_55.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2386\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_55.jpg\" alt=\"escuela_espai_55\" width=\"399\" height=\"400\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_55.jpg 399w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_55-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_55-300x300.jpg 300w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Feliz semana, y saludos!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hola y bienvenidos a un nuevo art\u00edculo del blog de Espai. Hoy vamos a Hablar de WindowBuilder, que es un plugin de Eclipse para dise\u00f1ar interfaces gr\u00e1ficas de una forma&#8230; Gr\u00e1fica. Despu\u00e9s de este perogrullo m\u00e1s gordo que el cuello de Fernando Alonso, vamos a&#8230;<\/p>\n","protected":false},"author":3,"featured_media":2391,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5,1],"tags":[207,271,220,272],"class_list":["post-2321","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion","category-sin-categoria","tag-escuela-espai","tag-interfaz-grafica","tag-java","tag-window-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o de interfaces en Java con WindowBuilder - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"Dise\u00f1o de interfaces en Java con WindowBuilder. Escuela Espai, carrer Enten\u00e7a 182, codigo postal 08019. Tel\u00e9fono 931632283, \u00c1rea de programaci\u00f3n y ofim\u00e1tica\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o de interfaces en Java con WindowBuilder - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"Dise\u00f1o de interfaces en Java con WindowBuilder. Escuela Espai, carrer Enten\u00e7a 182, codigo postal 08019. Tel\u00e9fono 931632283, \u00c1rea de programaci\u00f3n y ofim\u00e1tica\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-26T11:26:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-28T10:03:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Escobar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Escobar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/\"},\"author\":{\"name\":\"Escobar\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/d2e265073982f28e16cb7edccbd16602\"},\"headline\":\"Dise\u00f1o de interfaces en Java con WindowBuilder\",\"datePublished\":\"2014-05-26T11:26:05+00:00\",\"dateModified\":\"2020-10-28T10:03:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/\"},\"wordCount\":937,\"commentCount\":5,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg\",\"keywords\":[\"escuela espai\",\"interfaz grafica\",\"Java\",\"window builder\"],\"articleSection\":[\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/\",\"name\":\"Dise\u00f1o de interfaces en Java con WindowBuilder - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg\",\"datePublished\":\"2014-05-26T11:26:05+00:00\",\"dateModified\":\"2020-10-28T10:03:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/d2e265073982f28e16cb7edccbd16602\"},\"description\":\"Dise\u00f1o de interfaces en Java con WindowBuilder. Escuela Espai, carrer Enten\u00e7a 182, codigo postal 08019. Tel\u00e9fono 931632283, \u00c1rea de programaci\u00f3n y ofim\u00e1tica\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg\",\"width\":400,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o de interfaces en Java con WindowBuilder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/d2e265073982f28e16cb7edccbd16602\",\"name\":\"Escobar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6fb517675f8bc757ee26d9143abae3c5eac58b13068bfcbc1485bbb092cef370?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6fb517675f8bc757ee26d9143abae3c5eac58b13068bfcbc1485bbb092cef370?s=96&d=mm&r=g\",\"caption\":\"Escobar\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/escobar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o de interfaces en Java con WindowBuilder - Blog Escola Espai","description":"Dise\u00f1o de interfaces en Java con WindowBuilder. Escuela Espai, carrer Enten\u00e7a 182, codigo postal 08019. Tel\u00e9fono 931632283, \u00c1rea de programaci\u00f3n y ofim\u00e1tica","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o de interfaces en Java con WindowBuilder - Blog Escola Espai","og_description":"Dise\u00f1o de interfaces en Java con WindowBuilder. Escuela Espai, carrer Enten\u00e7a 182, codigo postal 08019. Tel\u00e9fono 931632283, \u00c1rea de programaci\u00f3n y ofim\u00e1tica","og_url":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/","og_site_name":"Blog Escola Espai","article_published_time":"2014-05-26T11:26:05+00:00","article_modified_time":"2020-10-28T10:03:15+00:00","og_image":[{"width":400,"height":300,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg","type":"image\/jpeg"}],"author":"Escobar","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Escobar","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/"},"author":{"name":"Escobar","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/d2e265073982f28e16cb7edccbd16602"},"headline":"Dise\u00f1o de interfaces en Java con WindowBuilder","datePublished":"2014-05-26T11:26:05+00:00","dateModified":"2020-10-28T10:03:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/"},"wordCount":937,"commentCount":5,"image":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg","keywords":["escuela espai","interfaz grafica","Java","window builder"],"articleSection":["Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/","url":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/","name":"Dise\u00f1o de interfaces en Java con WindowBuilder - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg","datePublished":"2014-05-26T11:26:05+00:00","dateModified":"2020-10-28T10:03:15+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/d2e265073982f28e16cb7edccbd16602"},"description":"Dise\u00f1o de interfaces en Java con WindowBuilder. Escuela Espai, carrer Enten\u00e7a 182, codigo postal 08019. Tel\u00e9fono 931632283, \u00c1rea de programaci\u00f3n y ofim\u00e1tica","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg","width":400,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2014\/05\/diseno-de-interfaces-en-java-con-windowbuilder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o de interfaces en Java con WindowBuilder"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/d2e265073982f28e16cb7edccbd16602","name":"Escobar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6fb517675f8bc757ee26d9143abae3c5eac58b13068bfcbc1485bbb092cef370?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6fb517675f8bc757ee26d9143abae3c5eac58b13068bfcbc1485bbb092cef370?s=96&d=mm&r=g","caption":"Escobar"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/escobar\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/escuela_espai_inicio21.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=2321"}],"version-history":[{"count":16,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2321\/revisions"}],"predecessor-version":[{"id":10741,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2321\/revisions\/10741"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/2391"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=2321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=2321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=2321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}