Image Resource Editor Menu and Context Menus

[RupertAvery]

FIXED BUILD: https://github.com/RupertAvery/PSXPackager/actions/runs/22656595108/artifacts/5754156970

Prerequisite:

User is in the Image Resource Editor #78

Menu

• File
  • Load Image
  • Save As
  • Load Template
  • Save As Template
  • Clear - ???
• Edit
  • Undo - Enabled if the user has made any changes to the canvas
  • Redo - Enabled if the user has undone any changes
• Layer
  • Insert Image
  • Insert Text
  • Reset - Enabled if a layer is selected
  • Clear Layers

Layer Context Menu

Right-clicking on an existing layer will display the following context menu

• Edit Text - only visible if the layer is a text layer
• Insert Image Layer
• Insert Text Layer
• Remove Layer
• Move Up
• Move Down
• Reset Layer

Layer Background Context Menu

Right-clicking on the area below the bottom layer will display the following context menu

• Add Image Layer
• Add Text Layer

Canvas Context Menu

• Fit to bounds
• Fit to width
• Fit to height
• Insert Image Layer
• Insert Text Layer
• Remove Layer
• Move Up - disabled if the layer is the top-most layer or the only layer
• Move Down - disabled if the layer is the bottom-most layer or the only layer
• Reset Layer

Actions

Load Image

Loads an image into the canvas as a new layer, replacing all existing layers - is this needed?

Save As

Renders the current canvas as a PNG and prompts the user for a location to save the image.

Load Template

Prompts the user to select a template to load into the canvas. Upon sucess, existing layers will be cleared and replaced with the layers specified in the template.

Save As Template

Prompts the user to save the current list of layers as a template file. Upon success, an XML file will be created containing the configuration of the layers.

TODO:

• If the images are in the same folder or in a subfolder where the template is saved, the paths to the image should be stored relative to the template, otherwise the path will be stored absolute.

Fit to bounds

The selected layer will be resized so that it takes up the width and height of the resource

Fit to width

The selected layer will be resized so that its width takes up the width of the resource. The proportion of the height will be maintained.

Fit to height

The selected layer will be resized so that its height takes up the height of the resource. The proportion of the width will be maintained.

Edit Text

The Text Editor dialog will be displayed for the selected Text layer

Add/Insert Image Layer

The user will be prompted to select an image file. The file will be loaded into a new layer above the selected layer, or at the top if adding.

Add/Insert Text Layer

The Text Editor dialog will be displayed. Upon success a new text layer will be inserted above the selected layer, or at the top if adding.

Remove Layer

The selected layer will be removed from the canvas and list of layers. The selection box should disappear if the layer was the selected layer.

Move Up

The selected layer will be moved above the layer immediately above it, causing it to appear in front of all layers below it in the list.

Move Up

The selected layer will be moved below the layer immediately below it, causing it to appear behind all layers above it in the list.

Reset Layer

The layer will revert to the original position and size it was when it was added to the canvas. If the layers were loaded from a template, then the it should revert to its original position and size (and in the case of text layers, content) in the template.