Version 5 (modified by danvisel, 16 years ago) (diff) |
---|
Analysis
Overview
When the fill style is "pattern", the background of the frame or the page becomes another image which may be rotated and repeated.
Task requirements
- Author should be able to use any image in the resources as a pattern.
- It should be possible to rotate the image used for the pattern.
- It should be possible to resize the image used for the pattern, proportionately as well as disproportionately.
- It would be nice to set the offset for the image (less necessary)
- It would be nice to change the opacity of the image used for the pattern (less necessary).
Task result
The result of this task is source code.
Implementation idea
- If the user chooses the PATTERN fill type in the frame or page border & fill HUD, a "pattern settings" button should be shown instead of the color square.
- The default pattern fill is empty.
- When the pattern settings button is clicked, the pattern settings window is opened, allowing the user to change the pattern settings.
- The pattern settings window has the following elements:
- A drop box, where an image can be dragged from the resources. This image becomes the pattern; dragging a second image onto the drop box changes the pattern to the second image.
- The image rotation field, a field where the author can enter a rotation percentage in degrees clockwise. Default is 0.
- Image width & height fields: these can either be in percent (default being 100%) or in points (default being the images size).
- A "lock" setting: if this is set, width and height change proportionately.
- Image x- and y-offset fields: these can either be in percent or in points, default being 0; these values can be negative. The image is moved right and down from the top left corner of the frame by the value of the offset.
- An opacity slider, allowing changes to the opacity of the image. Default is 100% opaque.
- An "Okay" button: when this is clicked, the pattern settings window is closed.
Related
FRAME_APPEARANCE_HALO_AND_HUD_R0
FRAME_FILLING_GRADIENT_R0
FRAME_FILLING_SOLID_R0
FRAME_FILLING_IMAGE_R0
How to demo
- Add a small image resource, choose the pattern filling from the frame appearance hud and drag the image to the pattern square.
Design
Implementation
(Implementation results should be described and linked here (from the wiki or the repository))
Testing
Comments
(Write comments for this or later revisions here.)