(Interfaz gráfica en kotlin) Agregar imágenes a nuestras etiquetas en Kotlin (jlabel + images)[77]
En este tutorial vamos a agregar imágenes a nuestras etiquetas en Kotlin y vamos a interactuar entre el texto de nuestras etiquetas y sus respectivas imágenes. Para lograr vamos a usar los siguientes métodos y atributos:
- ImageIcon
- Image
- SCALE_DEFAULT
- SCALE_FAST
- SCALE_SMOOTH
- getScaledInstance
🔗 Librerias de Java swing: https://es.wikipedia.org/wiki/Swing_(biblioteca_gr%C3%A1fica)
Codigo: https://github.com/programadornovato/CursoKotlin/commit/3704a0239aa02978f9d83ddc6655ce3b492e35dd
import java.awt.Color import java.awt.Dimension import java.awt.Font import java.awt.Image import javax.swing.* class Ventana(titulo:String?):JFrame(titulo){ var panel1:JPanel?=null var panel2:JPanel?=null var panel3:JPanel?=null init { var d=Dimension(500,500) this.size=d defaultCloseOperation=WindowConstants.EXIT_ON_CLOSE //this.setLocation(500,500) agregarPanel() agregarEtiquetas() } fun agregarPanel(){ var contenedor=JPanel() contenedor.background= Color.red this.contentPane.add(contenedor) panel1=JPanel() panel2=JPanel() panel3=JPanel() contenedor.add(panel1) contenedor.add(panel2) contenedor.add(panel3) panel1!!.background= Color(38,166,166) panel2!!.background= Color(5,255,6) panel3!!.background= Color(150,126,6) contenedor.layout=BoxLayout(contenedor,BoxLayout.X_AXIS) //panel3!!.setVisible(false) } fun agregarEtiquetas(){ var logo=ImageIcon("src/images/kotlin.png") var logoMin=ImageIcon(logo.image.getScaledInstance(60,60, Image.SCALE_DEFAULT)) var e1=JLabel("<html>Hola1</html>",logoMin,SwingConstants.LEFT) var e2=JLabel("") var e3=JLabel("<html>Hola3</html>") panel1!!.add(e1) panel2!!.add(e2) panel3!!.add(e3) panel1!!.setLayout(null) panel2!!.setLayout(null) panel3!!.setLayout(null) e1.setBounds(10,90,120,60) e2.setBounds(10,90,120,60) e3.setBounds(10,90,120,60) e1.foreground=Color.white e2.foreground=Color.white e3.foreground=Color.white //panel1!!.setVisible(false) e1.background=Color.BLACK e2.background=Color.BLACK e3.background=Color.BLACK e1.setOpaque(true) e2.setOpaque(true) e3.setOpaque(false) /* HorizontalAlignment CENTER = 0 LEFT = 2 RIGHT = 4 VerticalAlignment TOP = 1 BOTTOM = 3 */ e1.horizontalAlignment=SwingConstants.LEFT e2.horizontalAlignment=SwingConstants.CENTER e3.horizontalAlignment=SwingConstants.RIGHT e1.verticalAlignment=SwingConstants.TOP e2.verticalAlignment=SwingConstants.BOTTOM /* name DIALOG = "Dialog"; DIALOG_INPUT = "DialogInput"; SANS_SERIF = "SansSerif"; SERIF = "Serif"; style PLAIN = 0; BOLD = 1; ITALIC = 2; */ /* //var fuente=Font(Font.DIALOG,Font.ITALIC,15) e1.font=Font(Font.DIALOG,Font.ITALIC,15) e2.font=Font(Font.MONOSPACED,Font.BOLD,15) e3.font=Font(Font.SERIF,Font.CENTER_BASELINE,15) */ e1.font=Font("Cambria",Font.ITALIC,15) e2.font=Font("Amiri",Font.BOLD,15) e3.font=Font("Bahnschrift Condensed",Font.CENTER_BASELINE,15) e2.icon=ImageIcon(ImageIcon("src/images/kotlin.png").image.getScaledInstance(60,60,Image.SCALE_FAST)) e3.icon=ImageIcon(ImageIcon("src/images/kotlin.png").image.getScaledInstance(60,60,Image.SCALE_FAST)) } }
🎦 Lista de reproducción de este curso: https://www.youtube.com/playlist?list=PLCTD_CpMeEKSjzbsW_zmVNz23GyOVsdbS
🎦 [Curso] Java Netbeans Completo☕: https://www.youtube.com/playlist?list=PLCTD_CpMeEKTT-qEHGqZH3fkBgXH4GOTF
🎦 [CURSO] PYTHON PARA PRINCIPIANTES🐍: https://www.youtube.com/playlist?list=PLCTD_CpMeEKRppvi86Dy8CPYZ8-XzN2qu
🔗 Facebook: https://facebook.com/ProgramadorNovatoOficial
🔗 Twitter: https://twitter.com/programadornova
🔗 Linkedin: https://www.linkedin.com/in/programadornovato/
🔗 Instagram: https://www.instagram.com/programadornovato/
🔗 Pagina oficial: https://www.programadornovato.com
🔗 Gracias por apoyar este canal: https://www.patreon.com/programadornovato
🎦 Canal de youtube: https://www.youtube.com/c/programadornovato
<<Anterior tutorial Siguiente tutorial >>
Ave que vuela, a la cazuela.