Java SE – programowanie w NetBeans IDE
Zaj
ę
cia 3
WSM
Materiały tylko do u
ż
ytku wewn
ę
trznego.
Opracował:
Zbigniew JANIK ©
1
I
NSTRUKCJA DO ZAJĘĆ
3
A
PLETY
I
Tworzenie szkieletu apletu w IDE NetBeans
1.
Otwórz nowy projekt w środowisku NetBeans, wybierając z menu
File opcję New Project… a następnie zaznacz w panelu
Categories: Java, w panelu Project: Java Class Library. Naciśnij
przycisk Next >.
2.
Projekt nazwij Aplet1
3.
Określ położenie projektu Project Location: przyciskiem
Browse… wybierając folder
G:\
, a następnie naciśnij przycisk
Finish. Środowisko IDE automatycznie utworzy odpowiednie
foldery naszego projektu
4.
W oknie Project, kliknij nazwę projektu Aplet1 prawym przyciskiem myszy
a następnie wybierz opcję New i dalej w otwartym oknie wybierz JApplet….
Uwaga: Gdy na liście nie jest widoczna opcja JApplet, naciśnij Other… a w
następnym oknie wybierz typ pliku JApplet.
5.
Zmień nazwę klasy z NewJApplet na Wielokat. Naciśnij przycisk Finish.
Szkielet naszego apletu zostanie otwarty w oknie edytora.
6.
Zmień tło okna apletu na pomarańczowy, pisząc wewnątrz metody
init()
instrukcję.
Pamiętaj o zaimportowaniu odpowiedniej klasy (z menu podręcznego wybierz Fix Imports).
7.
Przed nawiasem kończącym aplet, utwórz metodę
paint
z parametrem typu
Graphics
, która umożliwi rysowanie
elementów graficznych w oknie apletu, w tym również zamalowanie tła okna apletu wybranym kolorem:
Pamiętaj o zaimportowaniu odpowiedniej klasy.
8.
Wewnątrz metody
paint
umieść instrukcję, która zamalowanie tła okna apletu wybranym kolorem:
9.
Skompiluj projekt naciskając klawisz <Shift+F11> lub naciśnij przycisk
10.
Pojawi się okno, w którym wybierz Aplet1
jako główną aplikację projektu.
11.
Sprawdź, czy w oknie Output kompilacja
zakończyła się komunikatem:
BUILD SUCCESSFUL
12.
Aby uruchomić nasz aplet, naciśnij
kombinację klawiszy <Shift+F6>.
Aplet można uruchomić także klikając prawym przyciskiem myszy nazwę pliku Wielokat.java i wybierając opcję
Run File.
13.
W momencie uruchomienia kompilacji apletu generowany jest automatycznie plik Wielokat.html.
14.
Aby otworzyć plik Wielokat.html wybierz z menu File opcję Open File, powinien się on znajdować w folderze
G:\Aplet1\build.
15.
Nasz aplet możemy również uruchomić w przeglądarce internetowej. Wystarczy dwukrotne kliknięcie nazwy pliku
Wielokat.html w folderze
G:\Aplet1\build
.
II
Rozbudowa apletu tak, aby rysował wielokąt foremny o
n
wierzchołkach
Rozbuduj aplet, który będzie rysował wielokąt foremny o
n
wierzchołkach, wpisany w okrąg o promieniu
r
i środku
S(xs,ys)
.
Wskazówki:
Wierzchołki wielokąta foremnego są równomiernie rozłożone na okręgu, a ich współrzędne spełniają następujące
równania: x = xs + rcos
α
, y = ys + rsin
α
, gdzie
α
oznacza kąt łączący środek okręgu z dowolnymi dwoma
sąsiednimi wierzchołkami. Dla
α
=0 przyjmij, że pierwszy wierzchołek ma współrzędne
x = xs+r, y = ys
Java SE – programowanie w NetBeans IDE
Zaj
ę
cia 3
WSM
Materiały tylko do u
ż
ytku wewn
ę
trznego.
Opracował:
Zbigniew JANIK ©
2
1.
Na samym początku metody
paint
zadeklaruj następujące zmienne
2.
W pętli
for
napisz instrukcje rysujące linie między kolejnymi wierzchołkami wielokąta:
3.
Zmień kolor linii dla rysowanego obiektu na niebieski pisząc przed instrukcją
for
instrukcję:
4.
Uruchom
aplet.
5.
Zmodyfikuj tak program, by uzyskać prostą animację.
Uzyskasz ten efekt, losując liczbę wierzchołków
n
(
n
musi spełniać warunek:
n>=3
), a następnie odświeżając aplet.
Zmień deklarację zmiennej
n
tak, aby jej wartość początkowa była generowana w sposób losowy postaci:
Na końcu w metodzie
paint
, za instrukcją
for
dopisz instrukcje:
6.
Uruchom aplikację.
III
Zmiana czcionki i położenia napisu
1.
Wstaw w metodzie
paint()
instrukcję rysującą prostokąt w białym kolorze przy górnej krawędzi okna apletu.
2.
Wyświetl czerwonym kolorem tekst
"PIERWSZY APLET"
w lewy górnym narożniku okna (wewnątrz białego prostokąta)
umieszczając w treści metody
paint()
, poniższe instrukcje:
3.
W treści metody
paint()
, poniżej instrukcji z pkt III.2, zadeklaruj obiekt klasy
Font
, który reprezentuje czcionkę tekstu, oraz
dopisz instrukcję przypisującą obiekt czcionki do kanwy graficznej (kontekstu graficznego):
Zaimportuj klasę
Font
.
4.
Wyświetl ponownie tekst kolorem czarnym, który przypisany jest zmiennej obiektowej
s
klasy
String
pośrodku dolnej
krawędzi okna apletu. Wykorzystaj tu klasę
FontMetrics
, która udostępnia właściwości czcionki przypisanej do obiektu
graficznego. W metodzie
drawString()
w instrukcji wyświetlania tekstu zmień parametr określający położenie
xt
początku
napisu. Wartość
0
zastąp wyrażeniem uwzględniającym szerokość napisu. Zmień wartość współrzędnej
yt
tak, aby tekst był
wyświetlany przy dolnej krawędzi okna.
5.
Uruchom aplet, a następnie zamiast tekstu
"PIERWSZY APLET"
przypisz zmiennej
s
tekst
"RYSOWANIE WIELOKĄTÓW".
Sprawdź
wprowadzone zmiany.
6.
Zmodyfikuj aplet tak, by tekst był wyświetlany na czerwonym tle prostokąta umieszczonego przy dolnej krawędzi okna.
Wysokość tego prostokąta przyjmij równą
20
. Instrukcje te umieść przed ustawianiem koloru napisu i jego wyświetlaniem:
Java SE – programowanie w NetBeans IDE
Zaj
ę
cia 3
WSM
Materiały tylko do u
ż
ytku wewn
ę
trznego.
Opracował:
Zbigniew JANIK ©
3
7.
Uzupełnij aplet o instrukcje wyświetlające w centralnym miejscu wielokąta liczbę wierzchołków rysowanego wielokąta, czcionką
new Font("SanSerif", Font.BOLD, 50)
koloru niebieskiego o rozmiarze 50 pkt.
Projekt do samodzielnego wykonania.
Utwórz w środowisku NetBeans nowy aplet, gdzie nazwą projektu będzie Aplet2, a nazwą klasy głównej Powitanie.
Kolorem tła okna apletu ma być kolor żółty.
Na środku okna apletu w centralnym miejscu ma być umieszczony tekst:
WITAM SPOŁECZNO
ŚĆ
AKADEMICK
Ą
Tekst ma być wyświetlony kolorem czerwonym.
Czcionka ma być wytłuszczona o rozmiarze 20 i o równych odległościach pomiędzy znakami (MONOSPACED)
Wygląd uruchomionego apletu w przeglądarce Aplet Viewer powinien być zbliżony do pokazanego poniżej.
Uwaga:
−
Do określenia parametrów czcionki wykorzystaj klasę
Font
. Obiekt klasy
Font
przechowaj w zmiennej obiektowej
type
.
Font type = new Font("MONOSPACED",Font.BOLD,20);
g.setFont(type);
−
Pamiętaj, aby uwzględnić interlinię. Tekst zawsze powinien być wyświetlony w dwóch wierszach.
−
Zmiana rozmiarów okna w przeglądarce Applet Viewer, powinna również powodować przemieszczanie się tekstu do
centralnego punktu okna apletu.