NetBeans Options Window Module Tutorial

This tutorial needs a review. You can edit it in GitHub following these contribution guidelines.

This tutorial demonstrates how to extend the Options window.

For troubleshooting purposes, you are welcome to download the completed tutorial source code.

Introduction to Options Window Extensions

Whether you are creating a plugin for NetBeans IDE or for another application, there is a good chance that you want the user to be able to specify settings, also known as "customizations" or "preferences", such as the location of an external file. The Options window offers a centralized location for all such settings. In NetBeans IDE, the Options window is found under the Tools menu and looks as follows:

options 72 pic1

The NetBeans APIs give you access to the Options window in two different ways. In the first case, you can add a new main panel to the Options window. Using this approach, your module will add a new 'primary' panel to the Options window, similar to the 'General' panel or 'Editor' panel shown in the screenshot above. Your panel will, just like these panels, have a name and an image in the top of the Options window, together with its settings in the body of the panel.

In the second case, the NetBeans APIs allow you to add a new subpanel within the Miscellaneous panel, as shown below:

options 72 pic2

In this case, your new subpanel will have its own tab, just like "Action Items" or "Diff" above, together with the settings within a panel in the body of the Options window extension. Whether you add your user settings within a new primary panel or within a tab in the Miscellaneous panel is completely up to you. Factors that might influence your decision are purely personal and a question of your own taste.

At the end of this tutorial, the Options window will be extended with a new panel. In addition, you will be shown how to use the NetBeans NbPreferences class to store and use the settings that the user specifies in your Options window extension.

Creating the Module Project

We begin by working through the New Module Project wizard. At the end of it, we will have a basic source structure, with some default files, that every NetBeans module requires.

  1. Choose File > New Project (Ctrl+Shift+N). Under Categories, select NetBeans Modules. Under Projects, select Module. Click Next.

  1. In the Name and Location panel, type CoolOptions in the Project Name field. Change the Project Location to any directory on your computer. Click Next.

  1. In the Basic Module Configuration panel, type org.netbeans.modules.cooloptions in Code Name Base. Click Finish.

The IDE creates the CoolOptions project. The project contains all of your sources and project metadata, such as the project’s Ant build script. The project opens in the IDE. You can view its logical structure in the Projects window (Ctrl+1) and its file structure in the Files window (Ctrl+2).

Extending the Options Window

Now that we have a module project, which gives us our source structure, we run through another wizard that will create the NetBeans API implementation of an Options window extension.

In the wizard, you need to specify the type of panel you want to have generated, either a primary panel or a miscellaneous panel, and then the wizard will generate all the required classes and annotations that will generate layer.xml entries at compile time for you.

  1. Right-click the "CoolOptions" project node and choose New > Other. Under Categories, select Module Development. Under File Types, select Options Panel:

options 72 pic3

Click Next.

1. In the next panel, you specify the type of panel that you want to create:

options 72 pic4

Here, you need to fill in the information required.

Scenario 1: Creating a Secondary Panel

In this section, we assume that we are creating a Secondary panel, which, in this case, will add a new subpanel to the Miscellaneous Panel.

  1. Fill in the dialog with the following details:

    • Primary Panel. Advanced

    • Title. Cool Options

    • Keywords. cool

Click Next.

  1. In the Location panel, you can set the prefix of the classes that will be generated and the package where they will be placed. Change the Class Name Prefix to "Cool" and leave the package name unchanged. Click Finish.

1. Look at the generated code. The Projects window should now look as follows:

options 72 pic7

The content of the CoolOptionsPanelController :

package org.netbeans.modules.cooloptions;

import java.beans.PropertyChangeListener;
import java.beans.PropertyChangeSupport;
import javax.swing.JComponent;
import org.netbeans.spi.options.OptionsPanelController;
import org.openide.util.HelpCtx;
import org.openide.util.Lookup;

@OptionsPanelController.SubRegistration(location = "Advanced",
displayName = "#AdvancedOption_DisplayName_CoolOptions",
keywords = "#AdvancedOption_Keywords_CoolOptions",
keywordsCategory = "Advanced/CoolOptions")
public final class CoolOptionsOptionsPanelController extends OptionsPanelController {

    private CoolOptionsPanel panel;
    private final PropertyChangeSupport pcs = new PropertyChangeSupport(this);
    private boolean changed;

    public void update() {
        getPanel().load();
        changed = false;
    }

    public void applyChanges() {
        getPanel().store();
        changed = false;
    }

    public void cancel() {
        // need not do anything special, if no changes have been persisted yet
    }

    public boolean isValid() {
        return getPanel().valid();
    }

    public boolean isChanged() {
        return changed;
    }

    public HelpCtx getHelpCtx() {
        return null; // new HelpCtx("...ID") if you have a help set
    }

    public JComponent getComponent(Lookup masterLookup) {
        return getPanel();
    }

    public void addPropertyChangeListener(PropertyChangeListener l) {
        pcs.addPropertyChangeListener(l);
    }

    public void removePropertyChangeListener(PropertyChangeListener l) {
        pcs.removePropertyChangeListener(l);
    }

    private CoolOptionsPanel getPanel() {
        if (panel == null) {
            panel = new CoolOptionsPanel(this);
        }
        return panel;
    }

    void changed() {
        if (!changed) {
            changed = true;
            pcs.firePropertyChange(OptionsPanelController.PROP_CHANGED, false, true);
        }
        pcs.firePropertyChange(OptionsPanelController.PROP_VALID, null, null);
    }

}

The content of CoolOptionsPanel :

package org.netbeans.modules.cooloptions;

final class CoolOptionsPanel extends javax.swing.JPanel {

    private final CoolOptionsOptionsPanelController controller;

    CoolOptionsPanel(CoolOptionsOptionsPanelController controller) {
        this.controller = controller;
        initComponents();
        // TODO listen to changes in form fields and call controller.changed()
    }

    /**
     * This method is called from within the constructor to initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is always
     * regenerated by the Form Editor.
     */
    // <editor-fold defaultstate="collapsed" desc="Generated Code">
    // </editor-fold>

    void load() {
        // TODO read settings and initialize GUI
        // Example:
        // someCheckBox.setSelected(Preferences.userNodeForPackage(CoolOptionsPanel.class).getBoolean("someFlag", false));
        // or for org.openide.util with API spec. version >= 7.4:
        // someCheckBox.setSelected(NbPreferences.forModule(CoolOptionsPanel.class).getBoolean("someFlag", false));
        // or:
        // someTextField.setText(SomeSystemOption.getDefault().getSomeStringProperty());
    }

    void store() {
        // TODO store modified settings
        // Example:
        // Preferences.userNodeForPackage(CoolOptionsPanel.class).putBoolean("someFlag", someCheckBox.isSelected());
        // or for org.openide.util with API spec. version >= 7.4:
        // NbPreferences.forModule(CoolOptionsPanel.class).putBoolean("someFlag", someCheckBox.isSelected());
        // or:
        // SomeSystemOption.getDefault().setSomeStringProperty(someTextField.getText());
    }

    boolean valid() {
        // TODO check whether form is consistent and complete
        return true;
    }
    // Variables declaration - do not modify
    // End of variables declaration

}

We have done no coding whatsoever, but we can already try out our module. When we do so we will see our new panel, integrated with the other panels in the Options window. In subsequent sections, we will add Swing components that will enable the user to enter and store their settings.

  1. In the Projects window, right-click the CoolOptions project and choose Run. The module is built and installed in a new instance of the target NetBeans Platform. The target NetBeans Platform opens so that you can try out your new module.

  1. Choose Tools > Options from the main menu. The Options window opens. Select the Miscellaneous panel and notice that your new "Cool Options" panel has been integrated there:

options 72 pic8

You have now learned how to plug a new secondary panel into the Options window.

Scenario 2: Creating a Primary Panel

In this section, we assume that we are creating a main panel, that is, a primary panel, using the lower part of the panel shown earlier:

options 72 pic10
  1. Fill in the dialog with the following details:

    • Category Label. Cool

    • Icon (32x32). Browse to a 32x32 pixel icon somewhere on your system. It will be copied into the module.

    • Keywords. cool

    • Allow Secondary Panels. Determines whether the primary panel will be extensible.

Click Next.

  1. In the Location panel, you can set the prefix of the classes that will be generated and the package where they will be placed. Change the Class Name Prefix to "Cool" and leave the package name unchanged. Click Finish.

1. Look at the generated code.

  • If you did not select "Allow Secondary Panels", two classes very similar to those created in the previous section are generated. The panel is the same as in the previous section, while the content of the CoolOptionsPanelController is the same too, except for the annotations:

@OptionsPanelController.TopLevelRegistration
(
    categoryName = "#OptionsCategory_Name_Cool",
    iconBase = "org/netbeans/modules/cooloptions/icon32.png",
    keywords = "#OptionsCategory_Keywords_Cool",
    keywordsCategory = "Cool")
  • If you selected "Allow Secondary Panels", the wizard does not create a panel, nor a controller class, because the content of the panel will be provided by its subpanels. Instead, the wizard generates a package-info.java file, with this content:

@ContainerRegistration
(
        id = "Cool",
        categoryName = "#OptionsCategory_Name_Cool",
        iconBase = "org/netbeans/modules/cooloptions/tools32.gif",
        keywords = "#OptionsCategory_Keywords_Cool",
        keywordsCategory = "Cool")
@Messages(value = {
    "OptionsCategory_Name_Cool=Cool",
    "OptionsCategory_Keywords_Cool=cool"})
package org.netbeans.modules.cooloptions;

import org.netbeans.spi.options.OptionsPanelController.ContainerRegistration;
import org.openide.util.NbBundle.Messages;

Now you can create some secondary panels within the new primary panel you created above. To do so, return to the previous section about secondary panels. The "id" of the new primary panel is "cool" and hence that is the name of the primary panel to be used in the wizard when you’re defining the secondary panel.

When the module is compiled, the annotations shown above are turned into layer.xml entries, registering the primary panels and secondary panels you’ve created.

We have done no coding whatsoever, but we can already try out our module. When we do so we will see our new panel, integrated with the other panels in the Options window. In subsequent sections, we will add Swing components that will enable the user to enter and store their settings.

  1. In the Projects window, right-click the CoolOptions project and choose Run. The module is built and installed in a new instance of the target NetBeans Platform. The target NetBeans Platform opens so that you can try out your new module.

  1. Choose Tools > Options from the main menu. The Options window opens. Select the panel you’ve created, for example, in the screenshot below, you see a new primary panel containing three secondary panels:

options 72 pic11

In the next section, we add a text field and button to the panel and we learn how to store the user’s setting when the Options window closes. Then we learn how to load the setting and use it, when appropriate, in the module’s code.

Storing and Loading Preferences

In this section, we begin by designing the Options window extension. Using the GUI Builder, we add a JPanel , a JTextField , and a JLabel . Then we install the module again and we see the result. Next, we begin coding. Using the NetBeans NbPreferences class, we store the value entered by the user. Storage of preferences is done in the user directory. Then we load the preference into an appropriate place in our code.

Designing the Panel

First, let’s add some Swing components to the panel, to give the user a means of setting a preference.

  1. Make the panel in the Design view of CoolPanel.java larger, so that you have room to manoeuvre.

1. Drag and drop a JPanel , a JTextField , and a JLabel onto the panel. Add a titled border, containing the text "Details", to the JPanel . Change the text of the JLabel to "Name". You should now see the following:

options nbm options 65 9
  1. Install the module again. In the Options window, you should now see the following:

options nbm options 65 10

You have now designed the new Options panel. In the next section, we’ll add logic to the panel so that the text in the text field will be stored when the Options window closes.

Storing Preferences

In this section, we add code that will store the preference after the user clicks OK in the Options window.

  1. Look in the source of the CoolPanel class. You should see the store() method defined as follows:

void store() {
    // TODO store modified settings
    // Example:
    // Preferences.userNodeForPackage(CoolPanel.class).putBoolean("someFlag", someCheckBox.isSelected());
    // or for org.openide.util with API spec. version >= 7.4:
    // NbPreferences.forModule(CoolPanel.class).putBoolean("someFlag", someCheckBox.isSelected());
    // or:
    // SomeSystemOption.getDefault().setSomeStringProperty(someTextField.getText());
 }

The comments in the code present the three ways in which preferences can be stored. The first uses the JDK’s Preferences API. The second uses the NetBeans IDE 6.x+ NetBeans NbPreferences class. The third uses the pre-6.0 System Option class. The third approach is deprecated, while the first does not store preferences in the application’s user directory. The second approach, the NetBeans NbPreferences class, is the recommended approach. The NetBeans NbPreferences class is based on the JDK’s Preferences API, but is tailored towards NetBeans applications, in that it stores preferences in the application’s user directory, which is a convenient place to store them since all other user customizations for your application are stored there too.

  1. In the store() method, delete all the comments and add this line:

NbPreferences.forModule(CoolPanel.class).put("namePreference", jTextField1.getText());

Press Alt-Enter in the line. Let the IDE specify an import statement for the NetBeans API package called org.openide.util.NbPreferences .

  1. Install the module again. Type a name in your Options window extension panel:

options nbm options 65 11
  1. Click OK. Switch to the Files window (Ctrl-2). Expand the application’s build folder. Look in the application’s user directory, within the config folder. In the config folder, you should find a folder called Preferences , containing a properties file for your Options window. Open the folder and notice that the preference has been stored there:

options nbm options 65 12

Loading Preferences

In this section, we add code that will load the preference. We want the preference, in this case "Harry Potter", to be loaded into at least two places. First, we want the preference to be loaded into the Options window when the application restarts. Secondly, we want to be able to use the preference somewhere in our module. After all, the reason why a preference is set is so that it can be used somewhere else in the code. Finally, we also need to handle the situation where the preference changes. In that case, we need to add a preference listener and use the new value in our code, once the value changes.

  1. Look in the source of the CoolPanel class. You should see the load() method, defined with comments, similar to those discussed in the previous section.

  1. In the load() method, delete all the comments and replace them with the following:

jTextField1.setText(NbPreferences.forModule(CoolPanel.class).get("namePreference", ""));

Now, when you restart the application, the preference is loaded into the Options window.

Next, we will create a new TopComponent . We will only do so to demonstrate how a preference is used. Instead of a TopComponent , you could use any other Java class to use your preference. In other words, this is just an example of using a user’s preference in the context of a module.

  1. Right-click the module project and choose New Window Component. Call the Window Component whatever you like and position it anywhere you want it to be. When you have created it, add a JTextField to the TopComponent . This is where we will display the user’s preference.

  1. Switch to the TopComponent’s Source view and add the following lines to the end of the constructor:

Preferences pref = NbPreferences.forModule(CoolPanel.class);
String name = pref.get("namePreference", "");

pref.addPreferenceChangeListener(new PreferenceChangeListener() {
    public void preferenceChange(PreferenceChangeEvent evt) {
        if (evt.getKey().equals("namePreference")) {
            jTextField1.setText(evt.getNewValue());
        }
    }
});

jTextField1.setText(name);
  1. Install the module again.

Whenever the application restarts, the current preference in the Options window is shown in the TopComponent . And whenever you change the preference in the Options window, the TopComponent immediately reflects the new value, as soon as OK is clicked in the Options window.

Congratulations! You have successfully completed the Options Window Module Tutorial. You now know how to provide the functionality needed for users to set your module’s options.

Next Steps

For more information about creating and developing NetBeans modules, see the following resources: