PO Graficzny interfejs użytkownika - ćwiczenia: Różnice pomiędzy wersjami
Z Studia Informatyczne
Przejdź do nawigacjiPrzejdź do wyszukiwania
| Linia 139: | Linia 139: | ||
'''public''' '''void''' run() { | '''public''' '''void''' run() { | ||
'''new''' Zad3(); | '''new''' Zad3(); | ||
} | |||
}); | |||
} | |||
} | |||
</div> | |||
</div>}} | |||
== Zadanie 4 == | |||
Używając ''BoxLayout'' i obiektów klasy ''Box'' przygotuj program wyświetlający 5 przycisków rozmieszczonych w dwóch kolumnach (w pierwszej trzy w drugiej dwa). Niech w każdej kolumnie przyciski będą wyśrodkowane. Porównaj efekt z przykładem ''GridLayoutTest''. | |||
{| border="1" | |||
|+ Podgląd działającego rozwiązania | |||
! Archiwum JAR !! Applet | |||
|- | |||
| Żeby uruchomić przykład [[media:PO_GUI_Zad4.jar|Po_GUI_Zad4.jar]] ściągnij najpierw archium jar na swój komputer (możesz to zrobić klikając na odnośniku prawym klawiszem myszy i wybierając "Zapisz jako...") i uruchom jak zwykły program. || <applet code="applet.Zad4Applet" archive="images/d/db/PO_GUI_Applety.jar" width="300" height="120"></applet> | |||
|} | |||
{{podpowiedz| 1 ||<div class="mw-collapsible mw-made=collapsible mw-collapsed"><div class="mw-collapsible-content" style="display:none"> | |||
Jako pierwszy parametr konstruktora trzeba przekazać obiekt ''ContentPane'', a nie kontener. Obiekt ''ContentPane'' dla danego kontenera uzyskuje się przy pomocy metody ''getContentPane()''. | |||
</div> | |||
</div>}} | |||
{{podpowiedź | 2||<div class="mw-collapsible mw-made=collapsible mw-collapsed"><div class="mw-collapsible-content" style="display:none"> | |||
''BoxLayout'' respektuje sposób wyśrodkowania preferowany przez komponenty. Do zmiany preferowanego wyśrodkowania komponentu służy metoda ''setAlignmentX(Component.CENTER_ALIGNMENT)''. | |||
</div> | |||
</div>}} | |||
{{rozwiazanie| kod ||<div class="mw-collapsible mw-made=collapsible mw-collapsed"><div class="mw-collapsible-content" style="display:none"> | |||
'''import''' java.awt.*; | |||
'''import''' javax.swing.*; | |||
'''public''' '''class''' Zad4 '''extends''' JFrame { | |||
Box box1, box2; | |||
'''void''' dodajPrzycisk(Box box, JButton p) { | |||
//BoxLayout respektuje sposób wyśrodkowania preferowany przez komponenty | |||
p.setAlignmentX(Component.CENTER_ALIGNMENT); | |||
box.add(p); | |||
} | |||
Zad4() { | |||
'''super'''("Okno Zad4"); | |||
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); | |||
box1 = '''new''' Box(BoxLayout.Y_AXIS); | |||
dodajPrzycisk(box1, '''new''' JButton("P1")); | |||
dodajPrzycisk(box1, '''new''' JButton("P3")); | |||
dodajPrzycisk(box1, '''new''' JButton("Bardzo długi przycisk")); | |||
box2 = '''new''' Box(BoxLayout.Y_AXIS); | |||
dodajPrzycisk(box2, '''new''' JButton("P2")); | |||
dodajPrzycisk(box2, '''new''' JButton("P4")); | |||
//jako pierwszy parametr konstruktora trzeba przekazać obiekt ContentPane, a nie kontener | |||
setLayout('''new''' BoxLayout('''this'''.getContentPane(), BoxLayout.X_AXIS)); | |||
add(box1); | |||
add(box2); | |||
setSize(300,150); | |||
setVisible('''true'''); | |||
} | |||
'''public''' '''static''' '''void''' main(String[] args) { | |||
//aby uniknąć zakleszczeń, tworzenie GUI zawsze zlecamy dla wątku obsługi zdarzeń | |||
javax.swing.SwingUtilities.invokeLater(new Runnable() { | |||
'''public''' '''void''' run() { | |||
'''new''' Zad4(); | |||
} | } | ||
}); | }); | ||
Wersja z 03:53, 30 sie 2006
Zadanie 1
W klasie WitajŚwiecie umieść w oknie głównym drugą etykietę z tekstem. Użyj w tym celu bezparametrowej metody add(). Czy obie etykiety są widoczne? Jak to wyjąśnić?
| Archiwum JAR | Applet |
|---|---|
| Żeby uruchomić przykład Po_GUI_Zad1.jar ściągnij najpierw archium jar na swój komputer (możesz to zrobić klikając na odnośniku prawym klawiszem myszy i wybierając "Zapisz jako...") i uruchom jak zwykły program. | <applet code="applet.Zad1Applet" archive="images/d/db/PO_GUI_Applety.jar" width="300" height="120"></applet> |
Rozwiązanie kod
{{{3}}}
Rozwiązanie wyjaśnienie
{{{3}}}
Zadanie 2
Zmodyfikuj klasę GridLayoutTest, tak aby to trzecia pozycja w siadce (tam gdzie jest przycisk P3), a nie szósta była pusta.
| Archiwum JAR | Applet |
|---|---|
| Żeby uruchomić przykład Po_GUI_Zad2.jar ściągnij najpierw archium jar na swój komputer (możesz to zrobić klikając na odnośniku prawym klawiszem myszy i wybierając "Zapisz jako...") i uruchom jak zwykły program. | <applet code="applet.Zad2Applet" archive="images/d/db/PO_GUI_Applety.jar" width="300" height="120"></applet> |
Rozwiązanie kod
{{{3}}}
Zadanie 3
Wyświetl okno o rozmiarach 300 na 150, zawierające na górze pięć przycisków: P1, P2, P3, P4 i Bardzo długi przycisk rozmieszczonych przez GridLayout o dwóch wierszach i trzech kolumnach, a na dole takie same pięć przycisków rozmieszczonych przy pomocy FlowLayout. Grupy przycisków powinny być rozmieszczone na oknie przez BorderLayout. Sprawdź czy wszystkie przyciski mieszczą się w oknie o tych rozmiarach.
| Archiwum JAR | Applet |
|---|---|
| Żeby uruchomić przykład Po_GUI_Zad3.jar ściągnij najpierw archium jar na swój komputer (możesz to zrobić klikając na odnośniku prawym klawiszem myszy i wybierając "Zapisz jako...") i uruchom jak zwykły program. | <applet code="applet.Zad3Applet" archive="images/d/db/PO_GUI_Applety.jar" width="300" height="120"></applet> |
Rozwiązanie kod
{{{3}}}
Zadanie 4
Używając BoxLayout i obiektów klasy Box przygotuj program wyświetlający 5 przycisków rozmieszczonych w dwóch kolumnach (w pierwszej trzy w drugiej dwa). Niech w każdej kolumnie przyciski będą wyśrodkowane. Porównaj efekt z przykładem GridLayoutTest.
| Archiwum JAR | Applet |
|---|---|
| Żeby uruchomić przykład Po_GUI_Zad4.jar ściągnij najpierw archium jar na swój komputer (możesz to zrobić klikając na odnośniku prawym klawiszem myszy i wybierając "Zapisz jako...") i uruchom jak zwykły program. | <applet code="applet.Zad4Applet" archive="images/d/db/PO_GUI_Applety.jar" width="300" height="120"></applet> |
Rozwiązanie kod
{{{3}}}
