[{"data":1,"prerenderedAt":613},["ShallowReactive",2],{"navigation_docs":3,"-personalizacion-theme":298,"-personalizacion-theme-surround":608},[4,18,70,105,149,178,212,257],{"title":5,"path":6,"stem":7,"children":8,"icon":17},"Evaluación","\u002Fintroduction","1.introduction\u002F1.index",[9,12],{"title":10,"path":6,"stem":7,"icon":11},"Método de Evaluación","i-iconamoon-cheque-bold",{"title":13,"path":14,"stem":15,"icon":16},"Plataforma de Aprendizaje","\u002Fintroduction\u002Fplataforma","1.introduction\u002F2.plataforma","i-lucide-book-marked","i-lucide-house",{"title":19,"path":20,"stem":21,"children":22,"icon":25},"Interfaz Gráfica de Usuario","\u002Fgui","2.gui\u002F01.index",[23,26,30,34,38,42,46,50,54,58,62,66],{"title":24,"path":20,"stem":21,"icon":25},"¿Qué es una Interfaz Gráfica de Usuario (GUI)?","i-carbon-gui-management",{"title":27,"path":28,"stem":29,"icon":25},"Creación de Interfaces Gráficas de Usuario (GUI)","\u002Fgui\u002Fbuild-gui","2.gui\u002F02.build-gui",{"title":31,"path":32,"stem":33,"icon":25},"Componentes Básicos de Swing","\u002Fgui\u002Fcomponentes-basicos","2.gui\u002F03.componentes-basicos",{"title":35,"path":36,"stem":37},"El componente JFrame","\u002Fgui\u002Fjframe","2.gui\u002F04.jframe",{"title":39,"path":40,"stem":41},"El componente JPanel","\u002Fgui\u002Fjpanel","2.gui\u002F05.jpanel",{"title":43,"path":44,"stem":45},"El componente JButton","\u002Fgui\u002Fjbutton","2.gui\u002F06.jbutton",{"title":47,"path":48,"stem":49,"icon":25},"Elementos de texto en interfaces gráficas con Swing","\u002Fgui\u002Ftext","2.gui\u002F07.text",{"title":51,"path":52,"stem":53},"Elementos Visuales","\u002Fgui\u002Felementos-visuales","2.gui\u002F08.elementos-visuales",{"title":55,"path":56,"stem":57,"icon":25},"Eventos en Swing","\u002Fgui\u002Feventos","2.gui\u002F09.eventos",{"title":59,"path":60,"stem":61,"icon":25},"Controles en Swing","\u002Fgui\u002Fcontroles","2.gui\u002F10.controles",{"title":63,"path":64,"stem":65,"icon":25},"Atributos Comunes de los Componentes de Diseño","\u002Fgui\u002Fatributos-comunes","2.gui\u002F11.atributos-comunes",{"title":67,"path":68,"stem":69,"icon":25},"Layouts","\u002Fgui\u002Flayout","2.gui\u002F12.layout",{"title":71,"icon":25,"path":72,"stem":73,"children":74,"page":104},"Personalización","\u002Fpersonalizacion","3.personalizacion",[75,79,84,88,92,96,100],{"title":76,"path":77,"stem":78},"Jerarquía de clases en Swing","\u002Fpersonalizacion\u002Fjerarquia","3.personalizacion\u002F01.jerarquia",{"title":80,"path":81,"stem":82,"icon":83},"Personalización Inicial de Componentes Swing","\u002Fpersonalizacion\u002Fpersonalizacion-inicial","3.personalizacion\u002F02.personalizacion-inicial","i-carbon-palette",{"title":85,"path":86,"stem":87,"icon":83},"Tema y Personalización Avanzada en Swing","\u002Fpersonalizacion\u002Ftheme","3.personalizacion\u002F03.theme",{"title":89,"path":90,"stem":91,"icon":83},"Pintando en Swing","\u002Fpersonalizacion\u002Fpaint","3.personalizacion\u002F04.paint",{"title":93,"path":94,"stem":95,"icon":83},"Mi Tema 1: Comenzando con la Personalización","\u002Fpersonalizacion\u002Ftheme-start","3.personalizacion\u002F05.theme-start",{"title":97,"path":98,"stem":99,"icon":83},"UI Delegates: Personalizando la Apariencia de los Componentes","\u002Fpersonalizacion\u002Fui-delegates","3.personalizacion\u002F06.ui-delegates",{"title":101,"path":102,"stem":103,"icon":83},"Empleado delegadores de UI para personalizar la apariencia de los componentes","\u002Fpersonalizacion\u002Ftheme-02","3.personalizacion\u002F07.theme-02",false,{"title":106,"path":107,"stem":108,"children":109,"icon":148},"Programación concurrente","\u002Fconcurrencia","4.concurrencia\u002F01.index",[110,112,116,120,124,128,132,136,140,144],{"title":111,"path":107,"stem":108,"icon":83},"¿Qué es la concurrencia?",{"title":113,"path":114,"stem":115,"icon":83},"Unidades de Ejecución","\u002Fconcurrencia\u002Funidades-ejecucion","4.concurrencia\u002F02.unidades-ejecucion",{"title":117,"path":118,"stem":119,"icon":83},"Programa de flujo único y de flujo múltiple","\u002Fconcurrencia\u002Fflujos","4.concurrencia\u002F03.flujos",{"title":121,"path":122,"stem":123,"icon":83},"Hilos con Thread y Runnable","\u002Fconcurrencia\u002Fthread-runnable","4.concurrencia\u002F04.thread-runnable",{"title":125,"path":126,"stem":127},"Paralelismo V.S. Concurrencia","\u002Fconcurrencia\u002Fparalelismo","4.concurrencia\u002F05.paralelismo",{"title":129,"path":130,"stem":131,"icon":83},"Problemas clásicos de concurrencia","\u002Fconcurrencia\u002Fproblemas","4.concurrencia\u002F06.problemas",{"title":133,"path":134,"stem":135,"icon":83},"Emulando condiciones de carrera en Java","\u002Fconcurrencia\u002Fcondiciones-carrera","4.concurrencia\u002F07.condiciones-carrera",{"title":137,"path":138,"stem":139,"icon":83},"Semáforos en Java","\u002Fconcurrencia\u002Fsemaforos","4.concurrencia\u002F08.semaforos",{"title":141,"path":142,"stem":143,"icon":83},"La clase Timer en Java Swing","\u002Fconcurrencia\u002Ftimer","4.concurrencia\u002F09.timer",{"title":145,"path":146,"stem":147,"icon":83},"Algoritmos de ordenamiento de procesos","\u002Fconcurrencia\u002Falgoritmos-procesos","4.concurrencia\u002F10.algoritmos-procesos","i-carbon-parallel-groups",{"title":150,"path":151,"stem":152,"children":153,"icon":177},"Acceso a datos","\u002Fdatos","5.datos\u002F01.index",[154,157,161,165,169,173],{"title":155,"path":151,"stem":152,"icon":156},"Java y las bases de datos","i-carbon-database",{"title":158,"path":159,"stem":160},"Cliente Servidor","\u002Fdatos\u002Fcliente-servidor","5.datos\u002F02.cliente-servidor",{"title":162,"path":163,"stem":164},"CRUD","\u002Fdatos\u002Fcrud","5.datos\u002F03.crud",{"title":166,"path":167,"stem":168},"Sentencias Preparadas con JDBC","\u002Fdatos\u002Fsentencia-preparada","5.datos\u002F04.sentencia-preparada",{"title":170,"path":171,"stem":172},"DAO (Data Access Object)","\u002Fdatos\u002Fdao","5.datos\u002F05.dao",{"title":174,"path":175,"stem":176},"Usando Hibernate ORM","\u002Fdatos\u002Form","5.datos\u002F06.orm","i-gravity-ui-database-fill",{"title":179,"path":180,"stem":181,"children":182,"icon":211},"Programación móvil","\u002Fmovil","6.movil\u002F01.index",[183,186,191,195,199,203,207],{"title":184,"path":180,"stem":181,"icon":185},"¿Qué es Android y Kotlin?","i-carbon-mobile",{"title":187,"path":188,"stem":189,"icon":190},"¿Qué es Android Studio?","\u002Fmovil\u002Fandroid-studio","6.movil\u002F02.android-studio","i-carbon-application",{"title":192,"path":193,"stem":194,"icon":190},"¿Qué es Jetpack Compose?","\u002Fmovil\u002Fjetpack-compose","6.movil\u002F03.jetpack-compose",{"title":196,"path":197,"stem":198},"Filas y Columnas con Jetpack Compose","\u002Fmovil\u002Ffilas-columnas","6.movil\u002F04.filas-columnas",{"title":200,"path":201,"stem":202,"icon":190},"Componentes Básicos en Jetpack Compose","\u002Fmovil\u002Fcomponentes-basicos","6.movil\u002F05.componentes-basicos",{"title":204,"path":205,"stem":206,"icon":190},"Las Intenciones en Android con Jetpack Compose","\u002Fmovil\u002Fintentions","6.movil\u002F06.intentions",{"title":208,"path":209,"stem":210,"icon":190},"Navegación en Android con Jetpack Compose","\u002Fmovil\u002Fnavegacion","6.movil\u002F07.navegacion","phone_android",{"title":213,"icon":25,"path":214,"stem":215,"children":216,"page":104},"Ejemplos","\u002Fejemplos","7.ejemplos",[217,221,225,229,233,237,241,245,249,253],{"title":218,"path":219,"stem":220},"Ejemplo 01: Creando un validador abstracto de expresiones","\u002Fejemplos\u002Fejemplo-01","7.ejemplos\u002F01.ejemplo-01",{"title":222,"path":223,"stem":224},"Ejemplo 02: Diferencias de validar un JTextField y un JFormattedTextField","\u002Fejemplos\u002Fejemplo-02","7.ejemplos\u002F02.ejemplo-02",{"title":226,"path":227,"stem":228},"Ejemplo 03: Creando una Aplicación con GUI en Java Swing","\u002Fejemplos\u002Fejemplo-03","7.ejemplos\u002F03.ejemplo-03",{"title":230,"path":231,"stem":232},"Ejemplo 4: Estilizando componentes Swing con Delegadores","\u002Fejemplos\u002Fejemplo-04","7.ejemplos\u002F04.ejemplo-04",{"title":234,"path":235,"stem":236,"icon":83},"Ejemplo 5: Uso de Hilos con Thread y Runnable","\u002Fejemplos\u002Fejemplo-05","7.ejemplos\u002F05.ejemplo-05",{"title":238,"path":239,"stem":240,"icon":83},"Ejemplo 06: Manejando Hilos de formas Diferentes en Java","\u002Fejemplos\u002Fejemplo-06","7.ejemplos\u002F06.ejemplo-06",{"title":242,"path":243,"stem":244,"icon":83},"Ejemplo 7: Condiciones de carrera en Java","\u002Fejemplos\u002Fejemplo-07","7.ejemplos\u002F07.ejemplo-07",{"title":246,"path":247,"stem":248,"icon":83},"Ejemplo 8: Control de acceso a recursos compartidos con semáforos","\u002Fejemplos\u002Fejemplo-08","7.ejemplos\u002F08.ejemplo-08",{"title":250,"path":251,"stem":252,"icon":83},"Ejemplo 9: El restaurante y los pedidos","\u002Fejemplos\u002Fejemplo-09","7.ejemplos\u002F09.ejemplo-09",{"title":254,"path":255,"stem":256},"Ejemplo 10: Proceso FIFO (First In, First Out) con Semáforos y Swing","\u002Fejemplos\u002Fejemplo-10","7.ejemplos\u002F10.ejemplo-10",{"title":258,"icon":25,"path":259,"stem":260,"children":261,"page":104},"Actividades","\u002Factividades","8.actividades",[262,266,270,274,278,282,286,290,294],{"title":263,"path":264,"stem":265,"icon":25},"Actividad 1: Introducción al diseño de interfaces","\u002Factividades\u002Fact-01","8.actividades\u002F01.act-01",{"title":267,"path":268,"stem":269,"icon":25},"Actividad 2: Diseño de wireframes y prototipos","\u002Factividades\u002Fact-02","8.actividades\u002F02.act-02",{"title":271,"path":272,"stem":273,"icon":25},"Actividad 3: Propuesta de Proyecto y Wireframe inicial","\u002Factividades\u002Fact-03","8.actividades\u002F03.act-03",{"title":275,"path":276,"stem":277,"icon":83},"Actividad 4: Temas y Componentes Personalizados en Swing","\u002Factividades\u002Fact-04","8.actividades\u002F04.act-04",{"title":279,"path":280,"stem":281,"icon":83},"Actividad 5: Explicando la Concurrencia a un Niño de 5 Años","\u002Factividades\u002Fact-05","8.actividades\u002F05.act-05",{"title":283,"path":284,"stem":285,"icon":83},"Actividad 6: Simulación de una cocina con múltiples chefs (hilos)","\u002Factividades\u002Fact-06","8.actividades\u002F06.act-06",{"title":287,"path":288,"stem":289,"icon":83},"Actividad 7: Sistema de retiro bancario","\u002Factividades\u002Fact-07","8.actividades\u002F07.act-07",{"title":291,"path":292,"stem":293,"icon":83},"Actividad 8: Simulación de Round Robin con hilos e Interfaz Gráfica","\u002Factividades\u002Fact-08","8.actividades\u002F08.act-08",{"title":295,"path":296,"stem":297,"icon":83},"Actividad 9: CRUD con Hibernate y Swing","\u002Factividades\u002Fact-09","8.actividades\u002F09.act-09",{"id":299,"title":85,"body":300,"description":601,"extension":602,"links":603,"meta":604,"navigation":605,"path":86,"seo":606,"stem":87,"__hash__":607},"docs\u002F3.personalizacion\u002F03.theme.md",{"type":301,"value":302,"toc":595},"minimark",[303,307,312,315,362,366,374,544,551,555,558,584,588,591],[304,305,306],"p",{},"Antes de hablar de una personalización avanzada, es importante entender el concepto de \"tema\" en Swing. Un tema es un conjunto de estilos y configuraciones que definen la apariencia visual de los componentes de la interfaz gráfica. Swing ofrece varios temas predefinidos, pero también permite crear temas personalizados para adaptarse a las necesidades específicas de tu aplicación.",[308,309,311],"h2",{"id":310},"paquetes-de-un-tema","Paquetes de un Tema",[304,313,314],{},"Un tema en Swing generalmente consta de varios paquetes que contienen diferentes aspectos de la personalización. Algunos de los paquetes más comunes incluyen:",[316,317,318,326,332,338,344,350,356],"ul",{},[319,320,321,325],"li",{},[322,323,324],"strong",{},"colors",": Define la paleta de colores utilizada en los componentes.",[319,327,328,331],{},[322,329,330],{},"fonts",": Especifica las fuentes y tamaños de texto para los componentes.",[319,333,334,337],{},[322,335,336],{},"icons",": Contiene los iconos utilizados en botones, menús y otros elementos gráficos.",[319,339,340,343],{},[322,341,342],{},"styles",": Define estilos específicos para componentes individuales, como botones, etiquetas y cuadros de texto.",[319,345,346,349],{},[322,347,348],{},"layouts",": Configura la disposición y el diseño de los componentes en la interfaz gráfica.",[319,351,352,355],{},[322,353,354],{},"behaviors",": Establece comportamientos personalizados para los componentes, como animaciones o interacciones específicas.",[319,357,358,361],{},[322,359,360],{},"themes",": Agrupa todos los paquetes anteriores para formar un tema completo que puede ser aplicado a la aplicación.",[308,363,365],{"id":364},"aplicación-de-un-tema","Aplicación de un Tema",[304,367,368,369,373],{},"Para aplicar un tema en Swing, puedes utilizar la clase ",[370,371,372],"code",{},"UIManager"," para establecer el tema deseado. Aquí tienes un ejemplo de cómo aplicar un tema personalizado:",[375,376,381],"pre",{"className":377,"code":378,"language":379,"meta":380,"style":380},"language-java shiki shiki-themes github-dark","import javax.swing.UIManager;\nimport javax.swing.UnsupportedLookAndFeelException;\n\npublic class ThemeExample {\n    public static void main(String[] args) {\n        try {\n            UIManager.setLookAndFeel(\"com.example.themes.CustomTheme\");\n        } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException e) {\n            e.printStackTrace();\n        }\n        \n        \u002F\u002F Resto de tu código para crear la interfaz gráfica\n    }\n}\n","java","",[370,382,383,396,404,411,427,458,466,484,501,513,519,525,532,538],{"__ignoreMap":380},[384,385,388,392],"span",{"class":386,"line":387},"line",1,[384,389,391],{"class":390},"snl16","import",[384,393,395],{"class":394},"s95oV"," javax.swing.UIManager;\n",[384,397,399,401],{"class":386,"line":398},2,[384,400,391],{"class":390},[384,402,403],{"class":394}," javax.swing.UnsupportedLookAndFeelException;\n",[384,405,407],{"class":386,"line":406},3,[384,408,410],{"emptyLinePlaceholder":409},true,"\n",[384,412,414,417,420,424],{"class":386,"line":413},4,[384,415,416],{"class":390},"public",[384,418,419],{"class":390}," class",[384,421,423],{"class":422},"svObZ"," ThemeExample",[384,425,426],{"class":394}," {\n",[384,428,430,433,436,439,442,445,448,451,455],{"class":386,"line":429},5,[384,431,432],{"class":390},"    public",[384,434,435],{"class":390}," static",[384,437,438],{"class":390}," void",[384,440,441],{"class":422}," main",[384,443,444],{"class":394},"(",[384,446,447],{"class":390},"String",[384,449,450],{"class":394},"[] ",[384,452,454],{"class":453},"s9osk","args",[384,456,457],{"class":394},") {\n",[384,459,461,464],{"class":386,"line":460},6,[384,462,463],{"class":390},"        try",[384,465,426],{"class":394},[384,467,469,472,475,477,481],{"class":386,"line":468},7,[384,470,471],{"class":394},"            UIManager.",[384,473,474],{"class":422},"setLookAndFeel",[384,476,444],{"class":394},[384,478,480],{"class":479},"sU2Wk","\"com.example.themes.CustomTheme\"",[384,482,483],{"class":394},");\n",[384,485,487,490,493,496,499],{"class":386,"line":486},8,[384,488,489],{"class":394},"        } ",[384,491,492],{"class":390},"catch",[384,494,495],{"class":394}," (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ",[384,497,498],{"class":453},"e",[384,500,457],{"class":394},[384,502,504,507,510],{"class":386,"line":503},9,[384,505,506],{"class":394},"            e.",[384,508,509],{"class":422},"printStackTrace",[384,511,512],{"class":394},"();\n",[384,514,516],{"class":386,"line":515},10,[384,517,518],{"class":394},"        }\n",[384,520,522],{"class":386,"line":521},11,[384,523,524],{"class":394},"        \n",[384,526,528],{"class":386,"line":527},12,[384,529,531],{"class":530},"sAwPA","        \u002F\u002F Resto de tu código para crear la interfaz gráfica\n",[384,533,535],{"class":386,"line":534},13,[384,536,537],{"class":394},"    }\n",[384,539,541],{"class":386,"line":540},14,[384,542,543],{"class":394},"}\n",[304,545,546,547,550],{},"En este ejemplo, hemos establecido un tema personalizado llamado ",[370,548,549],{},"CustomTheme",". Asegúrate de que el tema esté correctamente implementado y disponible en tu proyecto para que pueda ser aplicado sin problemas.",[308,552,554],{"id":553},"personalización-avanzada","Personalización Avanzada",[304,556,557],{},"Además de aplicar temas predefinidos o personalizados, Swing permite realizar personalizaciones avanzadas en los componentes individuales. Aquí hay algunas técnicas que puedes utilizar:",[316,559,560,566,572,578],{},[319,561,562,565],{},[322,563,564],{},"Renderizadores Personalizados",": Puedes crear renderizadores personalizados para componentes como listas, tablas y árboles. Esto te permite controlar cómo se muestran los elementos en estos componentes, incluyendo colores, fuentes e iconos.",[319,567,568,571],{},[322,569,570],{},"UI Delegates",": Swing utiliza un patrón de diseño llamado \"delegados de interfaz de usuario\" para separar la lógica de presentación de los componentes. Puedes crear tus propios delegados para personalizar el comportamiento y la apariencia de los componentes.",[319,573,574,577],{},[322,575,576],{},"Animaciones y Efectos",": Puedes agregar animaciones y efectos visuales a los componentes utilizando bibliotecas de terceros o implementando tus propias animaciones. Esto puede mejorar la experiencia del usuario y hacer que la interfaz gráfica sea más atractiva.",[319,579,580,583],{},[322,581,582],{},"Eventos Personalizados",": Puedes crear eventos personalizados para manejar interacciones específicas del usuario. Esto te permite definir cómo deben responder los componentes a ciertas acciones, como clics o movimientos del mouse.",[308,585,587],{"id":586},"conclusión","Conclusión",[304,589,590],{},"La aplicación de temas y la personalización avanzada en Swing son herramientas poderosas para crear interfaces gráficas únicas y atractivas. Al comprender los paquetes que componen un tema y cómo aplicarlos, así como al utilizar técnicas avanzadas de personalización, puedes mejorar significativamente la apariencia y funcionalidad de tu aplicación. Experimenta con diferentes temas y personalizaciones para encontrar el estilo que mejor se adapte a tus necesidades y a las expectativas de tus usuarios. ¡Diviértete creando interfaces gráficas impresionantes con Swing!",[592,593,594],"style",{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s9osk, html code.shiki .s9osk{--shiki-default:#FFAB70}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":380,"searchDepth":398,"depth":398,"links":596},[597,598,599,600],{"id":310,"depth":398,"text":311},{"id":364,"depth":398,"text":365},{"id":553,"depth":398,"text":554},{"id":586,"depth":398,"text":587},"Descubre cómo aplicar temas y realizar personalizaciones avanzadas en los componentes de Swing para crear interfaces gráficas únicas y atractivas.","md",null,{"editButton":104},{"icon":83},{"title":85,"description":601},"ZMqd22KUdYBpViNOEAVHRQ_j_arxOJmxza-l3zMdENc",[609,611],{"title":80,"path":81,"stem":82,"description":610,"icon":83,"children":-1},"Aprende a personalizar los componentes básicos de Swing para crear interfaces gráficas atractivas y funcionales.",{"title":89,"path":90,"stem":91,"description":612,"icon":83,"children":-1},"Aprende a personalizar la apariencia de los componentes en Swing utilizando la clase `Graphics 2D` y técnicas de pintura avanzadas.",1775101371341]