Last modified 16 years ago
Last modified on 09/24/09 15:24:01
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.
- Cursors should appear over resize draggable area
- 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
- When you shift - drag from a corner, the size should grow with locked aspect ratio from the both sides of the frame
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.
Related
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
- resize.png (9.6 KB) - added by deyan 16 years ago.
- resize3.png (10.6 KB) - added by deyan 16 years ago.
- resize4.png (16.8 KB) - added by deyan 16 years ago.
- resize5.png (17.8 KB) - added by deyan 16 years ago.
- altresize2.png (5.6 KB) - added by todor 16 years ago.
- altresize.png (5.6 KB) - added by todor 16 years ago.
- resize7.png (7.5 KB) - added by deyan 16 years ago.