This is an automated email from the ASF dual-hosted git repository. geertjan pushed a commit to branch geertjanw-patch-2 in repository https://gitbox.apache.org/repos/asf/netbeans-website.git
commit a4be6721869ac93fc7388e8b145d2a6885593b90 Author: Geertjan Wielenga <[email protected]> AuthorDate: Sat May 4 16:04:37 2019 +0200 Fixing broken numbering --- .../src/content/kb/docs/java/debug-visual.asciidoc | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/netbeans.apache.org/src/content/kb/docs/java/debug-visual.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/debug-visual.asciidoc index 182c658..e7ddae3 100644 --- a/netbeans.apache.org/src/content/kb/docs/java/debug-visual.asciidoc +++ b/netbeans.apache.org/src/content/kb/docs/java/debug-visual.asciidoc @@ -43,6 +43,7 @@ In this tutorial you will use the Anagram Game sample application, a Java deskto When you click Finish, the IDE creates the project and opens the project in the Projects window. +[start=4] 4. Click the Debug button in the toolbar (Ctrl-F5; ⌘-F5 on Mac) to start the debugging session. Alternatively, right-click the project node in the Projects window and choose Debug. @@ -51,6 +52,7 @@ When you start the session, the IDE will launch the Anagram Game application and For more on running the debugger, see link:http://www.oracle.com/pls/topic/lookup?ctx=nb8000&id=NBDAG798[+About Running and Debugging Java Application Projects+] in _Developing Applications with NetBeans IDE_. +[start=5] 5. Choose Debug > Take GUI Snapshot from the main menu. When you choose Take GUI Snapshot, the IDE will take a snapshot of the GUI and will open the snapshot in the main window. @@ -81,11 +83,13 @@ image::images/debug-snapshot.png[title="GUI Snapshot"] The IDE also displays the location of the component in the form hierarchy in the Navigator window. image::images/debug-navigator.png[title="GUI Snapshot"] +[start=2] 2. Right-click the Guess button in the snapshot and choose Go to Component Declaration from the popup menu. When you choose Go to Component Declaration the IDE opens the source file in the editor and moves the cursor to the line in the code where ``guessButton`` is declared. image::images/debug-gotodeclaration.png[title="Line of code where component is declared"] +[start=3] 3. Right-click the Guess button in the snapshot again and choose Go to Component Source. When you choose Go to Component Source the IDE opens the source file in the editor and moves the cursor to the line in the source code for the JButton component. @@ -98,12 +102,12 @@ You can use the Go to Hierarchy Addition command in the GUI snapshot to locate t 2. Click the Java Debugger tab in the Java category in the Options window. *Note.* In NetBeans IDE 7.1 the Java Debugger tab is located in the Miscellaneous category in the Options window. - +[start=3] 3. Select Visual Debugging in the list of categories and select *Track locations of component hierarchy changes*. Click OK. 4. Stop your debugging session (if one is running). *Note.* After you enable the command in the Options window you will need to restart your debugging session and take a new GUI snapshot before you can use the Go to Hierarchy Addition command. - +[start=5] 5. Start a new debugging session and take a GUI snapshot. 6. Right-click a component in the GUI snapshot and choose Go to Hierarchy Addition. @@ -120,25 +124,26 @@ This exercise will demonstrate how you can use the GUI snapshot and the Events w When you choose Show Listeners, the IDE opens the Events window. You can see that the Custom Listeners node is expanded. image::images/debug-customlisteners.png[title="Line of source code where component is added to container"] +[start=2] 2. Right-click *com.toy.anagrams.ui.Anagrams$3* below the Custom Listeners node and choose Go to Component Source in the popup menu. The source code opens in the editor at the line where the listener is defined. - +[start=3] 3. Select the empty text field in the snapshot. Alternatively, you can select the ``guessedWord`` text field in the Navigator window. When you select the text field, the items in the Events window will change automatically to display the listeners for the selected component. - +[start=4] 4. In the Events window, double-click the Event Log node to open the Select Listener window. Alternatively, you can right-click the Event Log node and choose Set Logging Events from the popup menu. - +[start=5] 5. Select the ``java.awt.event.KeyListener`` listener from the dialog. Click OK. image::images/debug-select-listener.png[title="Line of source code where component is added to container"] This listener is now listening for keyboard events in the text field. - +[start=6] 6. In the Anagram Game application, type some characters in the text field. When you type a character in the text field, the event is recorded in the events log. If you expand the Event Log node you can see that each keystroke is now logged. New events appear each time that you type in the Anagram Game application text field. If you expand an individual event, for example ``keyPressed`` , you can see the properties of that event in the log. --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected] For further information about the NetBeans mailing lists, visit: https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists
