PO Graficzny interfejs użytkownika - ćwiczenia: Różnice pomiędzy wersjami

Z Studia Informatyczne
Przejdź do nawigacjiPrzejdź do wyszukiwania
← poprzednia edycjanastępna edycja →
WizualnieWikikod
Jsroka (dyskusja | edycje)
709 edycji
Jsroka (dyskusja | edycje)
709 edycji
Linia 82: Linia 82:
       '''public''' '''void''' run() {
       '''public''' '''void''' run() {
         '''new''' Zad2();
         '''new''' Zad2();
      }
    });
  }
}
</div>
</div>}}
== 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.
{| border="1"
|+ Podgląd działającego rozwiązania
! Archiwum JAR !! Applet
|-
| Żeby uruchomić przykład [[media:PO_GUI_Zad3.jar|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>
|}
{{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''' Zad3 '''extends''' JFrame {
  JPanel panel1, panel2;
 
  Zad3() {
    '''super'''("Okno Zad3");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
   
    panel1 = '''new''' JPanel();
    panel1.setLayout('''new''' GridLayout(2,3));
    panel1.add('''new''' JButton("P1"));
    panel1.add('''new''' JButton("P2"));
    panel1.add('''new''' JButton("P3"));
    panel1.add('''new''' JButton("P4"));
    panel1.add('''new''' JButton("Bardzo długi przycisk"));
   
    panel2 = '''new''' JPanel();
    //Obiekty JPanel domyślnie używają FlowLayout.
    panel2.add('''new''' JButton("P1"));
    panel2.add('''new''' JButton("P2"));
    panel2.add('''new''' JButton("P3"));
    panel2.add('''new''' JButton("P4"));
    panel2.add('''new''' JButton("Bardzo długi przycisk"));
    //Główne kontenery (JApplet, JDialog i JFrame) domyślnie używają BorderLayout.
    add(BorderLayout.NORTH, panel1);
    add(BorderLayout.SOUTH, panel2);
    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''' Zad3();
       }
       }
     });
     });

Wersja z 03:52, 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ć?

Podgląd działającego rozwiązania
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.

Podgląd działającego rozwiązania
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.

Podgląd działającego rozwiązania
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}}}
Źródło: „https://wazniak.mimuw.edu.pl/index.php?title=PO_Graficzny_interfejs_użytkownika_-_ćwiczenia&oldid=35532”