COP4226, Homework 2

Due Thursday, November 10.

Zip your entire project and upload on the web. Exclude the Debug and Release directories. Be sure to include the folder that contains your control library.
Submitting Homework Online.

Control Library

You will add some classes to the control library from Homework 1. If you did not create the control library, then you will need to create it now. Add the project to the Homework 2 solution.

• Add the existing control library to your solution. Be sure to include the source directory in the ZIP file that you create to submit your homework. You will need to add a reference to the DLL for the control library.
• Modify the user control for your name so that it is painted with a linear gradient brush. Make the background of the text transparent, so the brush can be seen. Use at least three colors in the brush.
• Modify the user control for the course so that it is painted with a path gradient brush. Make the background of the text transparent, so the brush can be seen. Change the center color, center point. Add at least two arcs to the path.
• Add a user control that can be moved using the mouse and using the keyboard (see relevant example from Chapter 2). Be careful with the default handling of the arrow keys, it will mess you up.
  • Use the mouse events to allow the user to drag the control.
  • Use the key events to allow the user to move the control with the arrow keys.
  • This control will be used as a base control for controls that will be created in the main project.
• Add a form that will be used as a base form for dialogs.
  • Dock a panel to the top of the form.
    • Add a name control to the panel.
    • Add a course control to the panel.
    • Dock both controls so that together they cover the entire panel.
  • Dock a horizontal splitter under the top panel (do not use a SplitContainer, use a Splitter)
    • Change the width and color of the splitter so that it can be seen easily.
    • The splitter should be able to be moved by the user at run time.
  • Dock a panel that fills the lower area of the form.
  • Remove the minimize and maximize buttons.
  • Change the access modifier for all of these so that derived classes can access them.
  • Be sure that the class and the designer class are declared as public.
• Add a form that will be used as a base form for the main form in the main project.
  • Add a tooltip component; only add one for the entire form.
  • Add a menu strip, docked to the top. Add a top level menu item named Help.
    • Add a menu item named Oath
    • Add a menu item named About.
    • Add handlers for both of these menu options; make them virtual. The implementation of each should throw a new NotSupportedException with an appropriate message.
    • Add tool tips to the top level menu item and to each submenu item.
  • Add a status strip, docked to the bottom.
  • Add a name control from your user library, dock it to the top, so that it abuts the bottom of the menu strip.
  • Add a main panel that fills the remaining area of the form; if the form is resized, the panel should still fill the rest of the client area.
  • Change the access modifier for all of these so that derived classes can access them.

IOptions Interface

Create an interface, named IOptions, with the following properties.

• pen color
• shape color
• pen width.

Data Class

Create a class that will contain the pen color, shape color and pen width.

• Make the class serializable.
• Implement INotifyPropertyChanged.
• When any of the properties change, notify any listeners.
• Give all the properties default values.

Main Project

• Add an oject for the data class to the main form. Use data binding to link the properties in the main form with the properties in the data class.
• When the form opens, deserialize the information from the file that has the stored properties.
  • Serializing the file is described below.
  • Always read from the same file. Be sure that the program does not crash if the file does not exist yet.
  • After deserialization, the pen color, shape color and pen width in the main for should be updated automatically because data binding is being used.
• Create a user control that extends the movable user control in the control library.
  • Change its shape to a closed Bezier curve. The curve should consist of at least two, connected Bezier curves.
  • Draw the edge of the shape with the current pen color and pen width.
  • Fill the shape with a hatched brush. Use the shape color for the background color and the pen color for the foreground color.
• Create a user control that extends the movable user control in the control library.
  • Change its shape to a compound shape. A compound shape is made of two or more separate shapes. At least one of the shapes that is added should not overlap any other shapes.
  • Draw the edge of the shape with the current pen color and pen width.
  • Fill the shape with a hatched brush. Use the shape color for the background color and the pen color for the foreground color.
• Create a dialog derived from the base dialog class in the control library.
  • Change the title of the dialog to Oath Dialog.
  • Add the user control for the oath to the bottom panel. Anchor (not dock) it so that it grows and shrinks as the dialog is resized.
• Create a dialog derived from the base dialog class in the control library.
  • Change the title of the dialog to About Dialog.
  • Add a text box to the bottom panel.
    • Allow more than one line in the text box.
    • Do not let the user modify the contents at run time.
    • Do not have a border around the text box.
    • Set the text of the box to a good description of this assignment.
    • Anchor (not dock) it so that it grows and shrinks as the dialog is resized.
• Create a dialog derived from the base dialog class in the control library.
  • Implement the IOptions interface.
  • Change the title of the dialog to Options Dialog.
  • The details of this dialog are explained in the section after the main project section.
• Extend the main form from the base main form in the control library.
  • Be sure that the main panel is redrawn when the main form is resized.
  • Add a context menu to the main panel that will open when the user right-clicks the panel.
    • The menu will control how a pen is used to draw a frame around the main panel.
    • Pick a fixed width for each pen.
    • The pen should use the current pen color.
    • The pen should draw entirely within the panel, along its outer edge. Be warned that a compound pen cannot use an alignment of inset.
    • Add the following to the menu.

      • Solid Frame. Use a pen that is a solid color.

      • Dashed Frame. Use a pen that has a custom dash style. Use at least 2 solid and 2 clear parts in the dashing.
      • Compound Frame. Use a compound pen. Use at least 3 solid and 2 clear parts in the definition of the pen.
  • Implement the IOptions interface.
    • When the message from the options dialog is broadcast, update the colors and pen width with the properties from the dialog.
    • Due to data binding, the corresponding properties in the data class will be updated automatically.
  • Override the click handler for the oath menu item so that it opens the oath dialog modally.
    • Do not add a new event handler to the click event; override the handler that already exists in the base class.
  • Override the click handler for the about menu item so that it opens the about dialog modally.
    • Do not add a new event handler to the click event; override the handler that already exists in the base class.
• From the main form, insert a new menu item into the base menu. This cannot be done in the designer, due to issues with visual inheritance of collection containers.
  • Add a context menu to the main form.
  • Add an item named Options; when the item is clicked, open an options dialog modelessly.
  • Only allow one options dialog to be open at a time.
  • Open the dialog so that it abuts the right edge of the main form.
  • Be sure that the options dialog is always in front of the main form, even when the main form has focus; be sure the option dialog is minimized when the main form is minimized. Be sure that the dialog does not remain as a topmost window on the desktop.
  • Add an item named Save Options; when the item is clicked, serialize the properties from the data class. Save to a file that is in your project.
  • Add a tool tip to each menu item, including the top level item.
  • At run time, create a new menu item with a label of Tools.
    • Set the DropDown event handler to the context menu.
    • Insert the menu item into the base menu from the main form at runtime.
• From the main form, insert a new menu item into the base menu. This cannot be done in the designer, due to issues with visual inheritance of collection containers.
  • Add a context menu to the main form.
    • Add an item named Bezier.
    • Add an item named Compound.
    • Add tool tips to the menu items.
    • When a menu item is clicked,
      • add a corresponding user control to the collection of controls in the main panel from the base class.
      • position all new controls at the upper, left corner of the main panel.
      • change the cursor whenever the mouse is over a shape. Use a different cursor for bezier and compound shapes.
  • At run time, create a new menu item with a label of Shapes.
    • Set the DropDown event handler to the context menu just created.
    • Insert the menu item into the base menu from the main form at runtime.
• From the main form, insert a new menu item into the base menu. This cannot be done in the designer, due to issues with visual inheritance of collection containers.
  • Add a context menu to the main form.
    • Add an item named Print.
    • Add an item named Print Preview.
    • Add an item for Exit.
    • Add tool tips to the menu items.
  • Perform the following operations for the menu items
    • Print the information for each shape that is on the panel: type, pen color, shape color, pen width.
      • Print the information in columns.
      • Print five lines per page. Each line will contain the type, pen color, shape color, pen width for a moveable control on the panel. Tabs will be helpful.
      • Print the type in italics, the pen color in bold, the shape color underlined.
      • Print a header on each page that contains the course aligned to the left and the name of the assignment aligned to the right.
      • Print a footer on each page that contains your name centered and the page number aligned to the right.
      • Use different fonts for the header, footer and content of the page. Use a serif font, a sans serif font and a monospace font. For one of them, use a generic font family. Make the header font bold; make the footer font italic.
    • Print preview will do the same as printing but will show the results in a print preview dialog.
    • Exit will close the main form.
  • At run time, create a new menu item with a label of File.
    • Set the DropDown event handler to the context menu just created.
    • Insert the menu item into the base menu from the main form at runtime.

• Update the status strip as follows. Do not modify the status strip in the base form in the designer. You must modify the status strip at runtime.
  • If a bezier shape is being dragged, show Bezier in the status strip.
  • If a compound shape is being dragged, show Compound in the status strip.
  • If nothing is being dragged then do not show a message in the status strip.

Options Dialog

• Extend the dialog from the base dialog class. Do not modify the base dialogwhen implementing features for the Options dialog.
• Add a help button so that it is visible in the title bar.
• The dialog will be opened modelessly. Have three buttons: Close, Apply, Cancel.
  • Apply: notify any listeners that the dialog has new data, do not close the dialog.
  • Close: notify any listeners that the dialog has new data and close the dialog.
  • Cancel: do not broadcast a message and close the dialog.
• The dialog may not reference the main form in any way.
• The dialog may not reference the user resources.
• Add a button that will open a color dialog.
  • It will select the color of the pen to use when drawing shapes.
  • Initialize the color dialog with the current pen color.
  • After a color is chosen, change the background color of the button to that color.
• Add a button that will open a color dialog.
  • It will select the background color of the shape controls.
  • Initialize the color dialog with the current background color for the shape controls.
  • After a color is chosen, change the background color of the button to that color.
• Add a numeric up down control that has a range of 1 to 10. This will control the width of the pen.
• Tile the dialog with an image that is smaller than the dialog. Flip in the X and Y direction. Use an image that you create in visual studio. Be sure that the image looks different when it is flipped along the X and Y axes.
• Add a checkbox that controls if the image is recolored.
  • There is an overloaded constructor for TextureBrush that uses an ImageAttributes class. This is the easiest way to recolor and tile. Create the ImageAttributes as was explained in class and the text, but use the TextureBrush constructor and FillRectangle to apply the colors and tile.
  • When the checkbox is in the checked state, do the following:
    • Remember the last mouse click, only if the X and Y coordinates are less than the width and height of the image. The initial value of the mouse click should be set to valid coordinates in your image.
    • When painting, use the ImageAttributes to recolor the image. Change the color at the pixel in the bitmap that corresponds to the last saved mouse click. Change the color to the current shape color.
• Implement the IOptions interface. Encapsulate corresponding values from the corresponding form controls.
• Add a help provider. Set help information for all the buttons and up down control.

Main form with shapes and open options, Main form with more shapes after options changed, Options dialog with changed color, Preview.