wiki:FRAME_SIZE_R2
Last modified 16 years ago Last modified on 09/24/09 15:24:01

Error: Macro BackLinksMenu(None) failed
compressed data is corrupt

Error: Macro TicketQuery(summary=FRAME_SIZE_R2, format=table, col=summary|owner|status|type|component|priority|effort|importance, rows=description|analysis_owners|analysis_reviewers|analysis_score|design_owners|design_reviewers|design_score|implementation_owners|implementation_reviewers|implementation_score|test_owners|test_reviewers|test_score|) failed
current transaction is aborted, commands ignored until end of transaction block

Analysis

Overview

Frame resizing should be improved

Task requirements

  • Create resize cursors and include them into the application
    • Cursors should appear over resize draggable area
      • First approach is to implement cursors to be always perpendicular to the frame (group) side. This requires one cursor that is rotatable.
      • Second approach is to implement 4 cursors (horizontal, vertical and two diagonal) and to show the cursor that forms closest to right angle with the frame side.
  • Introduce shift resize
    • When you shift - drag from a corner, the size should grow with locked aspect ratio from the both sides of the frame
    • When you shift - drag from a side, the size should grow with locked aspect ration from the tree sides of the frame
    • When the frame is rotated the cursors should behave according to the following graphics
      • The following graphics are example for the second approach.

Task result

The result of this task must be code.

Implementation idea

  • Other way which will be easiest for implementation consists of the following
    • When the cursor is over the draggable area the whole outline of the frame border is "highlighted" this can be done with some opaque color overlay.
    • This way the user knows that he/she can do something, in this case resizing.
    • If there are arrows indicating that this is the way the user can resize the frame it will be better.

FRAME_SIZE_R0
FRAME_SIZE_R1

How to demo

  • Insert frame.
  • Resize the frame by dragging.
  • Rotate the frame and resize it by using shift option and dragging.

Design

(Describe your design here.)

Implementation

(Describe and link the implementation results here (from the wiki or the repository).)

Testing

(Place the testing results here.)

Comments

(Write comments for this or later revisions here.)

Attachments