(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 >>
