TEHNOLOGII JAVA

PENTRU DEZVOLTAREA APLICAIILOR

LUCRARE DE LABORATOR 9

Appleturi Java.
Componentele interfeei grafice.
I.

SCOPUL LUCRRII

Lucrarea de fa are rolul de a prezenta i familiariza studentul cu modul de

construire a unei interfee grafice utilizator. Se vor prezenta cteva componente vizuale
utile, mpreun cu modul de creare i dispunere a acestora pe suprafaa unui applet.
La sfritul acestei lucrri, studentul va avea posibilitatea s scrie mini-aplicaii
Java n care s utilizeze noiunile nvate.

II.

NOIUNI TEORETICE

1. Construirea unei interfee grafice

Interfeele grafice utilizator GUI (graphic user interface) sunt o parte important
a oricrui program. Pachetul java.awt (Abstract Window Toolkit) furnizeaz
funionaliti extinse n acest sens.
1.1 Componentele interfeei grafice
Componentele Java sunt implementate printr-o serie de subclase ale superclasei
java.awt.Component i ale superclasei java.awt.MenuComponent.
O modalitate de a grupa componentele grafice este urmtoarea: componente
vizuale, componente container i componene meniu.
Exist 11 componente vizuale. n cele ce urmeaz vom prezenta numai o parte
dintre acestea: Button, Checkbox, Choice, Label, List, TextArea, TextField. Pentru a
utiliza una dintre acestea ntr-o GUI, se va crea nti o instan prin apelarea
constructorului corespunztor, apoi se va aduga componenta unui container.
Exist 4 componente container: Applet, Frame, Panel, Dialog (vor fi prezentate n
urmtoarele lucrri de laborator). Container-ele sunt componente capabile s conin alte
componente n cadrul lor.
Cteva metode sunt implementate de toate componentele vizuale i container, n
virtutea motenirii din clasa java.awt.Component.

getSize( ) returneaz dimensiunea unei componente. Tipul returnat este

Dimension, care are datele membru publice height i width.
setForeground( ), setBackground( ) seteaz culoarea de scriere a textului i
respectiv culoarea de fond pentru o component. Fiecare primete ca argument o

instan a clasei java.awt.Color. Dac aceste culori nu se vor seta explicit, se vor
utiliza culorile implicite ale containerului cruia i aparine componenta.
setFont( ) determin font-ul pe care o component l va utiliza la scrierea
textului. Dac nu se seteaz explicit un font, componenta va utiliza font-ul
containerului su.
setSize( ), setBounds( ) stabilesc dimensiunile unei componente. Metoda
setSize() primete 2 argumente: width (lime) i height (nlime). Metoda
setBounds() stabilete att poziia ct i dimensiunea. Poziia este specificat
relativ la containerul componentei, sau n cazul unei ferestre relativ la ecran. O
form a metodei are 4 argumente: x, y , width i height.
setVisible( ) primete un argument de tip Boolean i stabilete dac componenta
va fi vizibil sau nu. Se utilizeaz n general pentru Frame-uri.

1.2 Layout Managers

Alte sisteme GUI ncurajeaz programatorul s gndeasc n termenii unei
specificri precise a dimensiunii i locaiei componentelor interfeei grafice. Java, n
schimb, furnizeaz o serie de 5 layout managers, fiecare avnd propria politic de
dispunere a componentelor n containere.
Fiecare component Java are o dimensiune preferat. Dimensiunea preferat
este n general cea mai mic dimensiune necesar pentru a reprezenta componenta ntrun mod vizual ce are sens. De exemplu, dimensiunea preferat a unui buton este
dimensiunea etichetei sale, plus o mic margine de spaiu liber din jurul textului, plus
decoraiunile care marcheaz marginea butonului. Dimensiunea preferat este
dependent de platform, deoarece decoraiunile marginii componentei variaz de la un
sistem la altul. Cnd un layout manager aeaz componentele unui container, trebuie s
ia n considerare 2 criterii: politica sa i dimensiunea preferat a fiecrei componente.
(Prima prioritate este de a respecta politica de aezare a componentelor, ignorndu-se
dimesiunea preferat a componentelor.)
n aceast lucrare de laborator vom prezenta numai dou dintre cele 5 layout
mangers, i anume Flow Layout Manager i Border Layout Manager.
Flow Layout Manager aranjeaz componentele n rnduri orizontale. Este
managerul implicit pentru applet-uri i pentru panel-uri. ntotdeauna onoreaz
dimensiunea preferat a componentelor.
Border Layout Manager este managerul implicit pentru frame-uri. i divide
teritoriul n 5 regiuni: NORTH, SOUTH, EAST, WEST i CENTER. Fiecare regiune
poate fi vid sau poate conine o singur component.

2. Exemple
// App1.java
import java.applet.Applet;
import java.awt.*;
public class App1 extends Applet
{
public void init()
{
setLayout(new FlowLayout(FlowLayout.RIGHT));

Label label=new Label("Introduceti text: ");

add(label);
TextField text1=new TextField("");
add(text1);
TextField text2=new TextField("textul 2");
add(text2);
Button but=new Button("OK");
add(but);
}
public void paint(Graphics g)
{
g.drawString("Acesta este un exemplu",30,100);
}
}
// App1.html
<html>
<body>
<applet code=App1.class width=250 height=400>
</applet>
</body>
</html>

Exerciiu:
- Comentai prima linie de cod din metoda init() a applet-ului.
- Modificai n App1.html limea applet-ului; setai width=350 i rencrcai
pagina html.
n ambele situaii observai i explicai rezultatele.
//App2.java
import java.applet.Applet;
import java.awt.*;
public class App2 extends Applet
{
public void init()
{
setLayout(new BorderLayout());
Panel toolbar=new Panel();
toolbar.setLayout(new FlowLayout(FlowLayout.LEFT));
toolbar.setBackground(Color.orange);
toolbar.add(new Button("Buton 1"));
toolbar.add(new Button("Buton 2"));
add(toolbar,BorderLayout.NORTH);
TextArea txA1=new TextArea();
StringBuffer s=new StringBuffer("Acesta este un text \n mai
lung. Ca sa observati ");
s.append("\n plasarea \n sagetilor \n de defilare");
txA1.setText(s.toString());
txA1.setFont(new Font("Arial",Font.ITALIC,24));
txA1.setBackground(Color.blue);

txA1.setForeground(Color.white);
add(txA1,BorderLayout.CENTER);
TextArea txA2=new TextArea("Al doilea text.",5,20);
txA2.setFont(new Font("Monospaced",Font.ITALIC|Font.BOLD,20));
txA2.setBackground(Color.white);
txA2.setForeground(Color.blue);
txA2.setEditable(false);
add(txA2,BorderLayout.SOUTH);
Checkbox chk=new Checkbox("Bifati aici!");
add(chk,BorderLayout.WEST);
Panel option=new Panel();
CheckboxGroup chgroup=new CheckboxGroup();
option.add(new Checkbox("Prima",false,chgroup));
option.add(new Checkbox("A doua",true,chgroup));
add(option,BorderLayout.EAST);
}
}
//App2.html
<html>
<body>
<applet code=App2.class width=400 height=400>
</applet>
</body>
</html>

//App3.java
import java.applet.Applet;
import java.awt.*;
public class App3 extends Applet
{
public void init()
{
setBackground(Color.cyan);
setFont(new Font("Arial",Font.BOLD,16));
Label label1=new Label("Checkbox:");
add(label1);
Choice ch=new Choice();
ch.addItem("Prima");
ch.addItem("A doua");
ch.addItem("A treia");
ch.setForeground(Color.red);
add(ch);
Label label2=new Label("List:");
add(label2);
List list=new List(3,true);
for(int i=1;i<10;i++)
list.add("Floare "+i);
list.setForeground(Color.blue);
list.setFont(new Font("Courier new",Font.ITALIC,20));
add(list);
}
}

//App3.html
<html>
<body>
<applet code=App3.class width=500 height=200>
</applet>
</body>
</html>

III.

MODUL DE LUCRU

1. Se editeaz codul surs al programului Java folosind un editor de text disponibil(de

ex., se poate utiliza Notepad).
2. Se salveaz fiierul cu extensia .java. Fiierul trebuie salvat la urmtoarea locaie:
c:\JBulider7\jdk1.3.1\bin
3. Compilarea mini-aplicaiei Java se va face din linia de comand. Se poate proceda
astfel. Se deschide o fereastr MS-Dos: Start ->Run, se tiprete command n csua
de text i se apas butonul OK. Printr-o schimbare de directoare i subdirectoare se
trece la locaia: c:\JBulider7\jdk1.3.1\bin. Sau, se lanseaz WindowsCommander.
Se trece la locaia c:\JBulider7\jdk1.3.1\bin. Se deschide o fereastr MS-Dos:
Commander ->Run Dos.
4. Pentru compilare, se tiprete la prompter javac nume_fiier_surs.java i se apas
Enter. De ex., dac fiierul se numete Test.java, se va scrie javac Test.java. n cazul
n care programul conine erori acestea vor fi semnalate i afiate n fereastra
MS-Dos, dup care va apare iar prompter-ul. Dac programul nu conine erori i
compilarea se face cu succes, atunci va apare numai prompter-ul.
5. Se editeaz fiierul .html. Se salveaz n acelai director cu fiierul .class rezultat n
urma compilrii cu succes a fiierului surs java.
6. Se ncarc fiierul .html ntr-un browser Web (ex., Internet Explorer). Alternativ se
poate utiliza comanda appletviewer nume.html.

IV.

TEM

1. Se vor parcurge toate exemplele prezentate n platforma de laborator testndu-se

practic i explicnd rezultatele obinute.
2. Scriei un applet Java care s conin urmtoarele: o zon de editare TextArea cu 5
linii si 10 coloane, un buton cu eticheta OK i un grup de componente CheckBox.
Setai textul zonei de editare la un anume ir de caractere. Utilizai diverse culori i
font-uri.