UTILIZZARE IL NETBEANS GUI BUILDER - DOTT. ING. M. BANCI, PHD

Pagina creata da Mirko Durante
 
CONTINUA A LEGGERE
Utilizzare il NetBeans GUI Builder

      Dott. Ing. M. Banci, PhD
Lavorare con i Beans

) Queste   slide ci guidano nel processo di
   creazione di un bean pattern nel
   progetto NetBeans

15 Giugno 2007   Esercitazione Java - 4       2
) In NetBeans IDE, si lavora sempre su un
  progetto in cui si inseriscono i file e i sorgenti.
) Creiamo un progetto come abbiamo già fatto
  selezionando Java Application type.
) Il nome del progetto sarà MyBean e indicare
  dove inseriremo il codice.
) Non creare una classe Main, poiche
  creeremo una nuova classe nel progetto.
) Premere il pulsante Finish.

15 Giugno 2007      Esercitazione Java - 4          3
campi

) Questa  figura rappresenta l’estensione
   del nodo MyBean nel progetto.

15 Giugno 2007   Esercitazione Java - 4       4
Creare un nuovo Form

) Dopo aver creato un nuovo progetto, lo step
  successivo è la creazione di un form
  all’interno del quale i componenti JavaBeans
  ed altri componenti GUI saranno inseriti.
) Per creare un nuovo form:
     – Nella lista del progetto espandere il nodo MyBean,
       tasto destro sul  node e
       selezionare New > JFrame Form dal menu a
       popup.
     – Inserire il nome della classe MyForm.
     – Premere il pulsante Finish.

15 Giugno 2007         Esercitazione Java - 4           5
)L’ambiente  IDE crea il form MyForm e la classe
     MyForm all’interno della applicazione MyBean ed apre il
     form MyForm nel GUI Builder. Vedi figura.

15 Giugno 2007        Esercitazione Java - 4           6
The GUI Builder Interface

)   Dopo che il form JFrame è aggiunto
    all’applicazione, l’ambiente IDE apre the il form
    appena creato
    – Selection Mode : seleziona uno o più oggetti nella
      Design Area.
    – Connection Mode : permette di creare una connessione
      fra oggetti specificando un evento.
    – Preview Design : permette di avere una anteprima
      dell’interfaccia creata.
    – Align commands : allinea i comandi.
    – Change Resizability : abilita il resizing verticale e
      orizzontale.
)   Quando il MyForm form si apre nel GUI Builder's
    Design view, 3 finestre aggiuntive appaiono,
    permettendoci di navigarle, organizzarle ed
15 Giugno 2007        Esercitazione Java - 4                  7
    editarle.
Le varie finestre
)   Design Area. The primary window for creating and editing Java GUI
    forms. Source and Design toggle buttons enable you to switch between
    view a class's source code and a graphical view of the GUI
    components. Click on an object to select it in the Design Area. For a
    multiple selection, hold down the Ctrl key while clicking on objects.
)   Inspector. Representation of a tree hierarchy of all the components in
    your application. The Inspector highlights the component in the tree
    that is currently being edited.
)   Palette. A customizable list of available components containing groups
    for Swing, AWT, Borders, and Beans components. This window
    enables you to create, remove, and rearrange the categories displayed
    in the palette using the customizer.
)   Properties Window. A display of the properties of the component
    currently selected in the GUI Builder, Inspector window, Projects
    window, or Files window.
)   If you click the Source button, the IDE displays the application's Java
    source code in the editor. Sections of code that are automatically
    generated by the GUI Builder are indicated by blue areas. These blue
    areas are protected from editing in the Source view. You can only edit
    code appearing in the white areas of the editor when in Source view.
    When you make your changes in the Design View, the IDE updates the
    file's sources.

15 Giugno 2007               Esercitazione Java - 4                       8
Creare un Bean
)     Per creare un nostro oggetto bean ed
      aggiungerlo alla Palette per il gruppo bean,
      seguire la procedure:
)     Selezionare il  node nel
      progetto MyBean.
)     Selezionare New > Java Class dal pop-up menu.
)     Specificare il nome per la nuova classe, ad
      esempio, MyBean, e premere il Finish button.
)     Espandere il MyBean.java e MyBean node e
      selezionare il Bean Patterns node.
)     Tasto destro sul Bean Patterns node e
      selezionare Add > Property dal pop-up menu.
)     Inserire YourName nel campo PropertyName
      come mostratoin figura, poi premere OK:
15 Giugno 2007      Esercitazione Java - 4        9
15 Giugno 2007   Esercitazione Java - 4   10
Analiziamo il codice
                  automaticamente generato
public class MyBean {
     public MyBean() { }
     private String yourName;
     public String getYourName() {
     return this.yourName; }
     public void setYourName(String yourName)
{
     this.yourName = yourName;
     }
}

 15 Giugno 2007     Esercitazione Java - 4   11
)     Tasto destro sul MyBean node nel MyBean project
      tree e selezionare Tools > Add to Palette dal pop-
      up menu.
)     Selezionare il Beans group nella Palette tree per
      aggiungere il bean.
)     Adesso si può passare alla finestra Palette
      selezionando Palette dal Windows menu e
      verificare che il MyBean sia stato aggiunto al
      Beans group.
)     Per adesso abbiamo creato un bean, settato la
      proprietà YourName, ed aggiunto come un
      componente alla palette.

15 Giugno 2007        Esercitazione Java - 4           12
Aggiungere componenti al
                                          form
)   Adesso si può utilizzare il Free Design del GUI Builder ed aggiungere il
    MyBean component ed altri standard Swing components al MyForm.
)   Seelezionare il MyForm node nell’albero del progetto.
)   Trascinare la JLabel Swing component dalla finestra Palette fino
    all’area di Design. Fare doppio click sul componente e cambiare la
    proprietà Text in "Enter your name:".
)   Trascinare il JTextField dalla Palette window alla Design Area. Doppio
    click sul componente e e svuotale il campo del testo.
)   Trascinare il JButton component dalla Palette window alla Design Area.
    Doppio click sul componente e e inserire "OK" come text property.
)   Aggiungere un altro pulsante e inserire "Cancel" come text property.
)   Allineare i componenti.
)   Prima di trascinare il MyBean component dalla palette dobbiamo
    compilare il progetto perché il MyBean component non è visuale e non
    può essere creato come un compoente visuale.
)   Quando si trascina il bean MyBean questo non apparirà nella Design
    Area. Comunque, possiamo vederlo nella Inspector window
    espandendo il Other Components node (vedi figura).

15 Giugno 2007               Esercitazione Java - 4                       13
crea i riferimenti nulli ai sotto
                                          oggetti

15 Giugno 2007        Esercitazione Java - 4    14
) Abbiamo creato un progetto
) Sviluppato un form JFrame
) Aggiunto un oggetto bean
) Incluso il bean nel progetto come
  componente non-visuale.
) Next steps:
     – Cambiare le properties per il componente bean
     – Maneggiare gli eventi usando il NetBeans GUI
       Builder.

15 Giugno 2007        Esercitazione Java - 4           15
Puoi anche leggere