maxresdefault 7 2

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

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

En Programador Novato vivimos de los anuncios, hemos detectado que está utilizando extensiones para bloquear anuncios. Ayudanos deshabilitando tu bloqueador de anuncios. :)