You must login or register to participate.

Description

Want to learn how to create animated content for your website?

Prerequisite: prior computer programming experience is required.  If you have never done any computer programming, you should do the Learn Java Programming learning path before attempting this learning path.

To get started, JOIN THIS GROUP.  Then click on the Activity tab. Next complete each of the Activities.  And finally compete in the Challenge Activity.

Click the Details tab for more information.  Once you are done with this learning path, take a look at: Digital Graphics Lab and Building Applications for the G1 Mobile Phone.

Learning Path and Challenge Activity Provided By

Thanks to our friends on the JavaFX team at Sun Microsystems.  Sun Microsystems is our sponsor of the "Building Flashy Websites with Java FX" learning path!

JavaFX - Layout

JavaFX - Layout

Description

In this activity you will learn to use the JavaFX layout mechanism.  The layout mechanism makes it easy to arrange graphical objects on the screen, and then have them reposition themselves automatically if window geometry is changed.  Instead of specifying excatly where objects should be displayed, you describe how objects should be positioned relative to each other, and the layout mechanism takes care of doing the right thing.

In this activity, you will:

  • explore small example applications that make use of the JavaFX layout mechanism

Skills you will learn include:

  • understanding how to use the JavaFX layout mechanism for things like lists (such as media playlists) or UI components (such as media player controls)

Basic Steps

  1. Open NetBeans, and create a new project.  Under the File menu, select New Project, and go through the new project wizard, creating a JavaFX project.  Remember, if you need help, use the forum!  Once you have created the project, you can make it the Main Project to make it easier to perform your edit/build/run cycle.
  2. Now go to Lesson 6: Laying Out GUI Elements in the JavaFX GUI Applcation tutorial.  Go through the tasks of this lesson.
  3. Submit your project that you created to the activity.  You will submit a jar file (a java archive file) that contains your runnable program.  To find the jar file, open your project in NetBeans, and note that in the project pane, there are 3 tabs: Projects, Files, Services.  Select the Files tab.  Expand your project folder by clicking on the '+' sign.  You should see a folder called 'dist'.  Expand the dist folder, you will probably see a few files and maybe some folders.  One of the filenames should end in .jar.  This is the file that you will submit.  Open the context menu on that file (on Windows, right-click on the file; on Mac, Ctrl-click on it), and select 'properties' from the menu.  One of the properties will be the full path to where the jar file lives on your system.  Use your file browser to go get the file, and submit it.

Resource Links

Recent Submissions

icon

Layout

0
August 17, 2009 by Oracizan
icon

Layout

0
August 10, 2009 by zackiddy
icon

Layout

0
August 8, 2009 by Stilenx
icon

Traffic lights

0
July 31, 2009 by darealMVP
icon

layout

0
July 9, 2009 by shadbot
icon

ButtonLayouts

0
August 14, 2009 by hqx10
icon

JavaFX Layout

0
August 9, 2009 by dwarrior333
icon

Sixth JavaFX Project

0
August 7, 2009 by tokutei12
icon

Layout

0
July 7, 2009 by powerbronx
More Submissions

Activity Forum

There are currently no forum topics posted.