<H4>Färgblandar Applet - men även Application</H4>
<a href="./color/Page1.htm" target="_new">Provkör klassen</a>

<ol>Tema:
<li>Panel</li>
<li>Scrollbar</li>
<li>Färger</li>
<li>Hur man fär samma kod att fungera som både Applet och Application</li>
<li>Konverteringar </li>
</ol>

<h4>Steg 1 - skapa själva blandaren</h4>
Skapa en fil med namnet MyPanel.java och sätt in följande kod:
<PRE>
import java.awt.*;
import java.applet.*;
import java.awt.event.*;

// en klass baserad på en Panel 
// skall bli en HTML "färgblandarkomponent"
public class MyPanel extends Panel
 implements AdjustmentListener // för Scrollbar
{
 // Sätt in tre Scrollbar för röd, grön och blå färg
 // parametrarna är
 // 1 Scrollbar.HORIZONTAL eller Scrollbar.VERTICAL för hur den
 // skall visas (horisontellt eller vertikalt)
 // 2 Startvärde
 // 3 bredden på bubblan (hissen)
 // 4 Minsta värde
 // 5 Största värde
 Scrollbar red = new Scrollbar(Scrollbar.HORIZONTAL ,0,0,0,256);
 Scrollbar green = new Scrollbar(Scrollbar.HORIZONTAL,0,0,0,256);
 Scrollbar blue = new Scrollbar(Scrollbar.HORIZONTAL,0,0,0,256);

 // En textField för att visa HTML färgkoden
 TextField code = new TextField("#000000");

 // En Label som vi skall färglägga
 Label color = new Label();

 // denna sker när någon Scrollbar har fått sitt värde ändrat
 public void adjustmentValueChanged(AdjustmentEvent e)
 {
 // Några String variabler för kommande behov
 String hex;
 String röd;
 String grön;
 String blå;

 // Tag röda Scrollberens värde och använd Integer klassen för
 // att konvertera detta värde till en hexadecimal sträng
 röd = Integer.toHexString( red.getValue() );

 // eftersom toHexString inte gör en utfyllnad med nollor
 // för ensiffriga tal måste vi sköta om detta själva
 // genom att skarva till en nolla före vid behov
 // samma sak upprepas sedan med de andra värdena
 if (röd.length() < 2)
 röd = "0" + röd ;

 grön = Integer.toHexString( green.getValue() );
 if (grön.length() < 2)
 grön = "0" + grön ;

 blå = Integer.toHexString( blue.getValue() );
 if (blå.length() < 2)
 blå = "0" + blå ;

 // HTML färgkode skall fara i formen #RRGGBB där RR är
 // hexadecimal kod för röd, GG för grön och BB för blå
 hex = "#" + röd + grön + blå ;

 // sätt in detta värde men låt strängen konvertera innehållet
 // till stora bokstäver
 code.setText( hex.toUpperCase() );

 // Sätt Labelns färg till den färg vi får om tar alla
 // scrollbars värden och blandar ihop en färg
 Color theColor = new Color(red.getValue(),
 green.getValue(),
 blue.getValue() );
 color.setBackground( theColor );
 }

 // konstrueraren för vår panel
 public MyPanel()
 {
 // måste säga åt alla Scrollbar att de skall medela åt 
 // denna panel om någonting sker
 red.addAdjustmentListener( this );
 green.addAdjustmentListener( this );
 blue.addAdjustmentListener( this );

 // istället för att skriva Röd, Grön och Blå vid Scrollbararna
 // sätter vi dessa till en färg
 // man kan även använda 
 // red.setBackground( Color.red ) ;
 // för att få röd färg
 red.setBackground( new Color( 255, 0 , 0 ) ) ;
 green.setBackground( new Color( 0 , 255, 0 ) ) ;
 blue.setBackground( new Color( 0 , 0 , 255 ) ) ;
 color.setBackground( new Color( 0 , 0 , 0 ) ) ;


 // skapa en GridLayout med tre rader och 1 kolumn som vi
 // kan sätta in scrollbararna i 
 GridLayout grid = new GridLayout( 3 , 1 );

 // skapa en BorderLayout för själva panelen
 BorderLayout border = new BorderLayout();

 // skapa en Panel med vår 3*1 GridLayout
 Panel panel = new Panel( grid );

 // sätt sedan i alla tre scrollbars i denna panel
 panel.add(red);
 panel.add(green);
 panel.add(blue);

 // sätt en BorderLayout på "huvudpanelen"
 this.setLayout( border );

 // lägg in den preparerade 3*1 panelen högst upp
 this.add("North", panel );

 // läg Labeln som skall färgläggas i mitten
 this.add("Center", color);

 // lägg textboxen för färgkoden längst ner
 this.add("South", code);
 }
}
</PRE>

<h4>Steg 2 - skapa Applet filen</h4>
Skapa en fil med namnet MyColor.java och sätt in följande kod:
<PRE>
import java.awt.*;
import java.applet.*;
import java.awt.event.*;

public class MyColor extends Applet
{
 // init måste alltid finnas i en Applet
 public void init()
 {
 // för att få panelen att fylla ut helt sätter 
 // vi in den i mitten i en BorderLayout
 this.setLayout( new BorderLayout( ) );
 this.add( "Center", new MyPanel( ) );
 }
}
</PRE>

<h4>Steg 3 - skapa Applikation filen</h4>
Skapa en fil med namnet MyApp.java och sätt in följande kod:
<PRE>
import java.awt.*;
import java.awt.event.*;

public class MyApp extends Frame
{
 // måste ALLTID finnas i en applikation
 public static void main(String args[])
 {
 // skapa fönstret
 MyApp w = new MyApp();
 // och gör det synligt
 w.setVisible(true);
 }

 // konstrueraren för fönstret
 public MyApp()
 {
 // förälderns konstruerare - för att få titel
 super("HTML Colors");
 // måste sätta en lämplig storlek på fönstret
 setSize(320, 200);

 // för att få panelen att fylla ut helt sätter 
 // vi in den i mitten i en BorderLayout
 this.setLayout( new BorderLayout( ) );
 this.add( "Center", new MyPanel( ) );

 // för att kunna stänga fönstret måste vi hantera
 // windowClosing händelsen. Detta sker här med
 // hjälp av en s.k. anonym funktion -
 // en som skapas "runtime" som parameter till en 
 // annan funktion
 addWindowListener(new WindowAdapter()
 {
 public void windowClosing(WindowEvent e)
 {
 exit();
 }
 } );
 }

 // en egen exit funktion
 public void exit()
 {
 setVisible(false); // göm fönstret
 dispose(); // frigör alla resurser 
 System.exit(0); // åter till operativsustemet
 }
}
</PRE>

<h4>Steg 4 - skapa en HTMLsida för testning av Appleten</h4>
Denna fil kan du kalla vad du vill men den måste innehålla följande
kod någonstans i BODY sektionen:
<pre>
 <applet
 code=MyColor.class
 name=MyColor
 width=320
 height=200 >
 </applet>
</pre>

<h4>Steg 5 - provkör</h4>
Efter att ha kompilerat samtliga filer kan du använda menyn:
Project, projektnamn Properties. Beroende på vad du väljer i
"When project loads, run:" kombon i dialogen, kommer du att antingen
köra Appleten eller Applicationen.
Om du har JRE installerat kan du även från kommandoprompten skriva 
java MyApp när du finns i projektkatalogen. Om du inte har
JRE, men har MS J++ kan du istället skriva 
jview MyApp