{"id":371,"date":"2011-11-03T12:36:33","date_gmt":"2011-11-03T10:36:33","guid":{"rendered":"http:\/\/www.kristiansborg.dk\/bibliotek\/?page_id=371"},"modified":"2011-11-03T14:09:50","modified_gmt":"2011-11-03T12:09:50","slug":"kapitel-3-swing-og-grafik","status":"publish","type":"page","link":"https:\/\/www.kristiansborg.dk\/bibliotek\/b%c3%b8ger\/avanceret-java-programmering\/kapitel-3-swing-og-grafik\/","title":{"rendered":"Kapitel 3 Swing og grafik"},"content":{"rendered":"
Du l\u00e6ser en gammel bog<\/strong><\/p>\n

Den bog, du l\u00e6ser her, er fra 1998, og mange ting kan have \u00e6ndret sig siden da.
\nVi h\u00e5ber, at du stadig kan finde relevant information i den.
\nHvis du vil l\u00e6se aktuelle oplysninger om de avancerede dele af Java, anbefaler vi
\nbogen Core Java – Advanced Features<\/a>\"\"<\/div>\n

De to forrige kapitler har gennemg\u00e5et de fleste af komponenterne i Swing. I dette kapitel vil det blive gennemg\u00e5et, hvordan man kan forbedre udseende af sin Swing-brugergr\u00e6nseflade ved at tilf\u00f8je grafik til de forskellige komponenter.<\/p>\n

 <\/p>\n

Ikoner<\/strong><\/h1>\n

 <\/p>\n

Ikonerne er den mest grundl\u00e6ggende del af grafikken i Swing. Et ikon repr\u00e6senteres som en instans af en klasse, der implementerer interfacet Icon:<\/p>\n

 <\/p>\n

public interface Icon<\/p>\n

{<\/p>\n

public int getIconHeight ();<\/p>\n

public int getIconWidth ();<\/p>\n

public void paintIcon (java.awt.Component, java.awt.Graphics, int, int);<\/p>\n

}<\/p>\n

 <\/p>\n

Icon-interfacet implementeres blandt andet af klassen ImageIcon:<\/p>\n

 <\/p>\n

public class ImageIcon extends Object implements Icon, Serializable<\/p>\n

{<\/p>\n

public java.awt.swing.ImageIcon();<\/p>\n

public java.awt.swing.ImageIcon(java.awt.Image);<\/p>\n

public java.awt.swing.ImageIcon(java.awt.Image, java.lang.String);<\/p>\n

public java.awt.swing.ImageIcon(java.lang.String);<\/p>\n

public java.awt.swing.ImageIcon(java.lang.String, java.lang.String);<\/p>\n

public java.awt.swing.ImageIcon(java.net.URL);<\/p>\n

public java.awt.swing.ImageIcon(java.net.URL, java.lang.String);<\/p>\n

public java.awt.swing.ImageIcon(byte[]);<\/p>\n

public java.awt.swing.ImageIcon(byte[], java.lang.String);<\/p>\n

 <\/p>\n

public java.lang.String getDescription ();<\/p>\n

public int getIconHeight ();<\/p>\n

public int getIconWidth ();<\/p>\n

public java.awt.Image getImage ();<\/p>\n

public int getImageLoadStatus ();<\/p>\n

public java.awt.image.ImageObserver getImageObserver ();<\/p>\n

public synchronized void paintIcon (java.awt.Component, java.awt.Graphics, int, int);<\/p>\n

 <\/p>\n

public void setDescription (java.lang.String);<\/p>\n

public void setImage (java.awt.Image);<\/p>\n

public void setImageObserver (java.awt.image.ImageObserver);<\/p>\n

}<\/p>\n

 <\/p>\n

Klassen har \u2013 som det ses \u2013 mange constructors. Mange af constructorerne tager en tekststreng med som parameter \u2013 det er en beskrivelse af ikonet. Den f\u00f8rste opretter et uinitialiseret objekt, mens de to n\u00e6ste opretter et ikon p\u00e5 baggrund af et billede. Dern\u00e6st kommer to constructors, der opretter et ikon p\u00e5 baggrund af en URL. De to sidste konverterer et byte-array til et ikon.<\/p>\n

ImageIcon-klassen best\u00e5r hovedsageligt af set- og get-metoder. Den mest interessante metode er nok getImageLoadStatus. Den kan bruges, hvis man indl\u00e6ser ikonet over en langsom forbindelse \u2013 for eksempel Internet. Funktionen returnerer en int, der angiver, om billedet er indl\u00e6st. De mulige returv\u00e6rdier, der er statiske konstanter i java.awt.MediaTracker, er:<\/p>\n

 <\/p>\n

    \n
  • ABORTED
    \nIndl\u00e6sningen af ikonet er blevet afbrudt.<\/li>\n
  • ERRORED
    \nDer opstod en fejl under indl\u00e6sningen af ikonet.<\/li>\n
  • COMPLETE
    \nIkonet er indl\u00e6st.<\/li>\n<\/ul>\n

     <\/p>\n

    Brug af ikoner<\/strong><\/h2>\n

     <\/p>\n

    De forrige to kapitler har vist, hvordan man kan bruge de forskellige Swing-komponenter. Dette afsnit opsummerer p\u00e5 de to forrige kapitler og viser, hvordan man tilf\u00f8jer grafik til forskellige Swing-komponenter<\/p>\n

     <\/p>\n

    Knapper<\/em><\/strong><\/p>\n

     <\/p>\n

    Ikonerne kan bruge flere forskellige steder. For eksempel beh\u00f8ver knapper ikke at v\u00e6re s\u00e5 kedelige. Man kan erstatte teksten med et ikon eller v\u00e6lge at have et ikon ved siden af teksten. Det angives alt sammen i Jbutton\u2019s constructor. Nedenst\u00e5ende eksempel viser, hvordan man indl\u00e6ser ikoner, og hvordan man tilf\u00f8jer dem til knapper. Eksemplet resulterer i det billede, der ses i figur 3.1.<\/p>\n

     <\/p>\n

    import java.awt.swing.*;<\/p>\n

     <\/p>\n

    public class JavaMenu extends JFrame<\/p>\n

    {<\/p>\n

    private static JavaMenu me;<\/p>\n

     <\/p>\n

    public static final void main(String args[])<\/p>\n

    {<\/p>\n

    me = new JavaMenu();<\/p>\n

    me.show();<\/p>\n

     <\/p>\n

    }<\/p>\n

     <\/p>\n

    public JavaMenu()<\/p>\n

    {<\/p>\n

    super(“Java menu”);<\/p>\n

     <\/p>\n

    ImageIcon javaIcon = null;<\/p>\n

     <\/p>\n

     <\/p>\n

    javaIcon = new ImageIcon(“javalogo.gif”);<\/p>\n

     <\/p>\n

    JButton textButton = new JButton(“Start Java”);<\/p>\n

    JButton imageButton = new JButton(javaIcon);<\/p>\n

    JButton comboButton = new JButton(“Start Java”, javaIcon);<\/p>\n

     <\/p>\n

    textButton.setBounds(100, 20, 200, 100);<\/p>\n

    imageButton.setBounds(100, 130, 200, 100);<\/p>\n

    comboButton.setBounds(100, 240, 200, 100);<\/p>\n

    setSize(400,380);<\/p>\n

     <\/p>\n

    getContentPane().setLayout(null);<\/p>\n

    getContentPane().add(textButton);<\/p>\n

    getContentPane().add(imageButton);<\/p>\n

    getContentPane().add(comboButton);<\/p>\n

    }<\/p>\n

    }<\/p>\n

     <\/p>\n

    \"\"<\/a><\/p>\n

     <\/p>\n

    Fig. 3.1 – Med Swing kan man s\u00e6tte ikoner p\u00e5 knapper.<\/p>\n

     <\/p>\n

    Man kan imidlertid ogs\u00e5 anvende ikonerne mere kreativt. Man kan for eksempel \u00e6ndre ikonet, n\u00e5r brugeren bev\u00e6ger musepilen henover knappen. Det g\u00f8res ved at lave et nyt ikon, og tilknytte det knappen ved at kalde metoden setRolloverImage. For at f\u00e5 det til at virke, skal man ogs\u00e5 v\u00e6lge<\/p>\n

     <\/p>\n

    at aktivere roll over<\/em> – det g\u00f8res med metodekaldet setRolloverEnabled(true).<\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    Menuer<\/em><\/strong><\/p>\n

     <\/p>\n

    Knapper er imidlertid ikke det eneste sted, man kan bruge ikoner. Hvis man har en menu, kan man tilf\u00f8je ikoner til nogle af menupunkterne. Dette kan man g\u00f8re for at vise brugeren, hvilken knap p\u00e5 v\u00e6rkt\u00f8jslininen, vedkommende kunne have klikket p\u00e5 for at aktivere funktionen. Til det form\u00e5l skal man bruge klasserne, JMenuItem, JMenu og JMenuBar. Disse har stort set den samme funktionalitet som de tilsvarende klasser fra Abstract Window Toolkit: MenuItem, Menu og MenuBar. Ikonet tilknyttes menupunktet allerede i constructoren. JMenuItem har to constructors, der kan tilknytte et ikon til menupunktet. Den ene har kun en parameter \u2013 ikonet. Den anden har b\u00e5de den tekst, der skal vises p\u00e5 menupunktet og ikonet som parametre \u2013 i n\u00e6vnte r\u00e6kkef\u00f8lge. Nedenst\u00e5ende eksempel viser, hvordan man kan vise billeder ved siden af menupunkter.<\/p>\n

     <\/p>\n

    import java.awt.swing.*;<\/p>\n

     <\/p>\n

    public class GraphicMenu extends JFrame<\/p>\n

    {<\/p>\n

    private static GraphicMenu me;<\/p>\n

     <\/p>\n

    private JMenuBar menu;<\/p>\n

    private JMenu file;<\/p>\n

    private JMenuItem open, save;<\/p>\n

     <\/p>\n

    public GraphicMenu()<\/p>\n

    {<\/p>\n

    super(“Grafisk menu”);<\/p>\n

     <\/p>\n

    open = new JMenuItem (“\u00c5bn”, new ImageIcon(“open.gif”));<\/p>\n

    save = new JMenuItem (“Gem”, new ImageIcon(“save.gif”));<\/p>\n

     <\/p>\n

    file = new JMenu(“Filer”);<\/p>\n

    file.add(open);<\/p>\n

    file.add(save);<\/p>\n

     <\/p>\n

    menu = new JMenuBar();<\/p>\n

    menu.add(file);<\/p>\n

     <\/p>\n

    setJMenuBar(menu);<\/p>\n

    setSize(400, 200);<\/p>\n

    }<\/p>\n

     <\/p>\n

    public static final void main(String args[])<\/p>\n

    {<\/p>\n

    me = new GraphicMenu();<\/p>\n

    me.show();<\/p>\n

     <\/p>\n

    }<\/p>\n

    }<\/p>\n

     <\/p>\n

    Udf\u00f8rsel af ovenst\u00e5ende program resulterer i det sk\u00e6rmbillede, der ses i figur 3.2.<\/p>\n

     <\/p>\n

    \"\"<\/a><\/p>\n

     <\/p>\n

    Fig. 3.2 – menupunkter med ikoner.<\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    Afkrydsningsfelter<\/em><\/strong><\/p>\n

     <\/p>\n

    Ligesom ikoner kan tilknyttes knapper og menupunkter, kan de ogs\u00e5 tilknyttes afkrydsningsfelter (checkbokse). Det g\u00f8res ligeledes i constructoren. Der findes en del constructors til klassen JcheckBox. I listen over parametre skal ikonet inds\u00e6ttes efter den tekst, der skal vises ved siden af afkrydsningsfeltet, og inden den boolean som angiver, om afkrydsningfeltet skal v\u00e6re markeret eller ej. Ved de andre komponenter, der er blevet gennemg\u00e5et i dette kapitel, har det v\u00e6ret nok med et billede til hvert komponent. S\u00e5dan er det imidlertid ikke ved afkrydsningsfelter. Her skal brugeren kunne se, om afkrydsningsfeltet er markeret eller ej \u2013 derfor skal der tilf\u00f8jes et ekstra billede.<\/p>\n

     <\/p>\n

    F\u00f8lgende program viser forskellige m\u00e5der at lave afkrydsningsfelter med ikoner p\u00e5:<\/p>\n

     <\/p>\n

    import java.awt.swing.*;<\/p>\n

     <\/p>\n

    public class CheckBoxFrame extends JFrame<\/p>\n

    {<\/p>\n

    private static CheckBoxFrame me;<\/p>\n

     <\/p>\n

    public CheckBoxFrame()<\/p>\n

    {<\/p>\n

    super(“Vindue med afkrydsningsfelter”);<\/p>\n

     <\/p>\n

    JCheckBox ko = new JCheckBox(“Ko”, new ImageIcon(“ko.gif”), true);<\/p>\n

    ko.setSelectedIcon(new ImageIcon(“komrk.gif”));<\/p>\n

    ko.setBounds(70,20,100,30);<\/p>\n

     <\/p>\n

    JCheckBox tiger = new JCheckBox(“Tiger”, new ImageIcon(“tiger.gif”));<\/p>\n

    tiger.setSelectedIcon(new ImageIcon(“tigermrk.gif”));<\/p>\n

     <\/p>\n

    tiger.setBounds(70,80,100,30);<\/p>\n

     <\/p>\n

    getContentPane().setLayout(null);<\/p>\n

    setSize(240, 160);<\/p>\n

     <\/p>\n

    getContentPane().add(ko);<\/p>\n

    getContentPane().add(tiger);<\/p>\n

    }<\/p>\n

     <\/p>\n

    public static final void main(String args[]) throws Exception<\/p>\n

    {<\/p>\n

    UIManager.setLookAndFeel(“java.awt.swing.plaf.windows.WindowsLookAndFeel”);<\/p>\n

    me = new CheckBoxFrame();<\/p>\n

    me.show();<\/p>\n

    }<\/p>\n

    }<\/p>\n

     <\/p>\n

     <\/p>\n

    Figur 3.3 viser, hvordan sk\u00e6rmbilledet kommer til at se ud, n\u00e5r programmet startes. I eksemplet bruges r\u00f8dere billeder til at vise, at et felt er markeret \u2013 i dette tilf\u00e6lde er\u00a0 koen markeret, mens tigeren er umarkeret \u2013 som ved start af programmet.<\/p>\n

     <\/p>\n

    \"\"<\/a><\/p>\n

     <\/p>\n

    Fig. 3.3 – Afkrydsningsfelter med ikoner.<\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    Faneblad<\/em><\/strong>e<\/em><\/strong><\/p>\n

     <\/p>\n

    Ogs\u00e5 fanebladene \u2013 repr\u00e6senteret af klassen JTabbedPane\u00a0\u2013 kan udstyres med ikoner. Her skal man angive ikonet, n\u00e5r man tilf\u00f8jer komponentet til panelet. Ikonerne bliver placeret til venstre for teksten p\u00e5 fanerne. Hvis man vil, kan man fuldst\u00e6ndigt n\u00f8jes med ikoner. Figur 3.4 viser, hvordan ikoner p\u00e5 faneblade ser ud \u2013 kildeteksten til eksemplet ses nedenfor.<\/p>\n

     <\/p>\n

    import java.awt.swing.*;<\/p>\n

    import java.awt.*;<\/p>\n

     <\/p>\n

    public class SwingTab extends JFrame<\/p>\n

    {<\/p>\n

    private static SwingTab me;<\/p>\n

     <\/p>\n

    private JTabbedPane panel;<\/p>\n

     <\/p>\n

    private JPanel java, cpp;<\/p>\n

     <\/p>\n

     <\/p>\n

    private JButton javaButton, cppButton;<\/p>\n

     <\/p>\n

    private ImageIcon javaIcon, cppIcon;<\/p>\n

     <\/p>\n

    public SwingTab()<\/p>\n

    {<\/p>\n

    super(“Faneblade i Swing”);<\/p>\n

     <\/p>\n

    java = new JPanel(null);<\/p>\n

    javaButton = new JButton (“Start Java”);<\/p>\n

    javaButton.setBounds(10,10,370,20);<\/p>\n

    java.add(javaButton);<\/p>\n

     <\/p>\n

    cpp = new JPanel(null);<\/p>\n

    cppButton = new JButton(“Start C++”);<\/p>\n

    cppButton.setBounds(10,10,370,20);<\/p>\n

    cpp.add(cppButton);<\/p>\n

     <\/p>\n

    javaIcon = new ImageIcon(“smiley.gif”);<\/p>\n

    cppIcon = new ImageIcon(“frown.gif”);<\/p>\n

     <\/p>\n

    panel = new JTabbedPane();<\/p>\n

    panel.addTab(“Java”, javaIcon, java);<\/p>\n

    panel.addTab(“C++”, cppIcon, cpp);<\/p>\n

     <\/p>\n

    setSize (400,300);<\/p>\n

    getContentPane().add(panel);<\/p>\n

    }<\/p>\n

     <\/p>\n

    public static final void main(String args[])<\/p>\n

    {<\/p>\n

    me = new SwingTab();<\/p>\n

    me.show();<\/p>\n

    }<\/p>\n

    }<\/p>\n

     <\/p>\n

     <\/p>\n

    \"\"<\/a><\/p>\n

     <\/p>\n

    Fig. 3.4 \u2013 Ikoner p\u00e5 faneblade.<\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n


    \n<\/em><\/strong><\/p>\n

    Labels<\/em><\/strong><\/p>\n

     <\/p>\n

    I Abstract Window Toolkit er labels kedelige. De er bare tekststrenge, der kan vises i et vindue. S\u00e5dan er det ikke i Swing. Her kan man \u2013 udover tekst \u2013 have et ikon p\u00e5 en label. Man kan ogs\u00e5 v\u00e6lge kun at have et ikon, og p\u00e5 den m\u00e5de er labels faktisk den nemmeste m\u00e5de at f\u00e5 vist et ikon i et vindue. Labels i Swing er repr\u00e6senteret som objekter af klassen JLabel. Nedenst\u00e5ende eksempel viser, hvordan man kan bruge et JLabel-objekt til at vise et ikon i et vindue.<\/p>\n

     <\/p>\n

    import java.awt.swing.*;<\/p>\n

     <\/p>\n

    public class LabelIcon extends JFrame<\/p>\n

    {<\/p>\n

    private static LabelIcon me;<\/p>\n

     <\/p>\n

    private ImageIcon javalogo;<\/p>\n

    private JLabel javaLabel;<\/p>\n

     <\/p>\n

    public LabelIcon()<\/p>\n

    {<\/p>\n

    super(“Java logo”);<\/p>\n

     <\/p>\n

    javalogo = new ImageIcon(“javalogo.gif”);<\/p>\n

    javaLabel = new JLabel(javalogo);<\/p>\n

     <\/p>\n

    setSize(150,150);<\/p>\n

    getContentPane().add(javaLabel);<\/p>\n

    }<\/p>\n

     <\/p>\n

    public static final void main(String args[])<\/p>\n

    {<\/p>\n

    me = new LabelIcon();<\/p>\n

    me.show();<\/p>\n

    }<\/p>\n

    }<\/p>\n