Question: Create the following graphical user interface (GUI) using JavaFX. Please note there will be NO FUNCTIONALITY in this GUI. It is ONLY the display. Nothing

Create the following graphical user interface (GUI) using JavaFX. Please note there will be NO FUNCTIONALITY in this GUI. It is ONLY the display. Nothing will happen when you click the buttons. Use ONLY JavaFX controls (not Swing or AWT). Stage/Scene/Pane/Component properties: o Title should be something like Calculate Course Score. o GUI should not be resizable. o Pane should be positioned in the center. o Padding should be 11px on top & bottom, 13px on left & right. o Horizontal gap should be 10. o Vertical gap should be 15. o Labels for Earned Score & Max Possible should be positioned in the center horizontally. o Buttons for Calculate & Start Over should be positioned on the right horizontally. o Textfields for Total, Final Score, Final Grade should be uneditable. o Labels & textfields for Total, Final Score, & Final Grade can be set as not visible for this assignment. Sample output below displays these, but in your program, they should not be visible in the final version. You may comment out these lines of code if you like, but they must be included in your project. Style as follows: o Background should be HoneyDew / #F0FFF0 / rgb(240,255,240). o Labels for Earned Score & Max Possible should be font size 16pt. o Label text for Perfect Score should be FireBrick / #B22222 / rgb(178,34,34) with font Cambria in size 24pt. o Textfield background for Total, Final Score, Final Grade should be #E8E8E8 / rgb(232,232,232). o Button for Calculate should be (I recommend using setStyle) background FireBrick / #B22222 / rgb(178,34,34) font size should be 15.5pt text should be White / #FFFFFF / rgb(255,255,255) font family should be Papyrus o Button for Start Over should be (I recommend using setStyle) background DarkSlateGrey / #2F4F4F / rgb(47,79,79) font size should be 13.5pt text should be Yellow / #FFFF00 / rgb(255,255,0) font family should be Papyrus You must include a main method which contains ONLY the application launch. Be sure there are ONLY JavaFX libraries imported for this project. Points will be deducted if Swing or AWT classes are imported, even if they are not used. Also, be sure that header text & Perfect Score is larger than text on the left (you may need to increase the font size listed above). Optional: if you prefer, labels can be right justified (as shown on sample output).

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!