Bij het aanmaken van een GUI ( Graphical User Interface ) voor uw Java-programma , de aanleg van componenten in een raster formaat is een essentiële vaardigheid . De GridLayout klasse is een fundamenteel instrument waarmee u uw componenten formatteren in een bepaald aantal rijen en kolommen , en kunt u een horizontale en verticale ruimte tussen componenten te kiezen . De Eclipse IDE voor Java-ontwikkelaars is het programma dat we zullen gebruiken om het bewerken en creëren van onze Java-code makkelijker . Wat je nodig hebt
Eclipse voor Java-ontwikkelaars
Toon Meer Aanwijzingen
1 In Eclipse , selecteer " File ", " Nieuw ", "Java Project . " Naast " Naam van het project : " type " MyGrid " en klik vervolgens op ' Voltooien '.
2 Klik met de rechtermuisknop " MyGrid " map in de Package Explorer ( de rechterkant ) , en selecteer " Nieuw , " " klasse ". Noem de klasse " MyGrid " en onder " Welke methode stubs zou u willen maken? " Controleer de " public static void main ( String [ ] args ) " box . Klik op " Finish ".
3 Selecteer de witruimte boven " public class MyGrid { " en typ de volgende Java-code om de nodige Java-bibliotheken te importeren : . Import javax.swing * ; import java . awt * ;
4 Kies de witruimte onder ' public static void main ( String [ ] args ) { " en typ de volgende Java- code : . JFrame kader = new JFrame ( " Lay Out My Components in een Grid " ) ; frame.setDefaultCloseOperation ( JFrame.EXIT_ON_CLOSE ) ; JPanel panel = new JPanel (nieuw GridLayout ( 5,2,20,50 ) ) ; panel.add (nieuw JLabel ( " label voor Rij 1 " ) ) ; panel.add (nieuw JTextField ( 5 ) ) ; panel.add (nieuw JLabel ( " ander label Row 2 " ) ) ; panel.add (nieuw JTextField ( 3 ) ) ; panel.add (nieuw JLabel ( " ander label : " ) ) ; panel.add (nieuw JTextField ( 3 ) ) ; panel.add (nieuw JLabel ( " en nu 4" ) ) ; panel.add (nieuw JTextField ( 3 ) ) ; panel.add (nieuw JButton ( " My Button " ) ) ; panel.add (nieuw JButton ( " Another Button " ) ) ; frame.add ( panel ) ; frame.setSize ( 400400 ) ; frame.setVisible (true ) ;
Klik 5 de run groene knop boven de kolom package Explorer aan uw code uit te voeren . Een GUI -scherm zal verschijnen . Merk op dat het heeft 5 kolommen en 2 rijen . Dit werd vastgelegd in de functie " GridLayout ( 5,2,20,50 ) " in de bovenstaande stap . Ook merken dat er een 20 pixel horizontale spleet ( tussen elk label en tekstvak ) , en een 50 pixel verticale kloof. Speel met de bovenstaande waarden , en klik nogmaals op de groene knop run om uw wijzigingen te testen .
|
