Presentation of image on display screen with combination crop and rotation and with auto-resizing of crop field

• US 8,671,361 B2
• Filed: 10/26/2012
• Issued: 03/11/2014
• Est. Priority Date: 05/24/2012
• Status: Active Grant

• Current Assignee: Malikie Innovations Limited (Key Patent Innovations Limited)
• Original Assignee: Blackberry Limited
• Inventors: Freyhult, Maria Christina Nathalie, Montan, Nils Johan Petter, Samvik, Hans Rikard
• Primary Examiner(s): Pitaro, Ryan
• Assistant Examiner(s): Shiberou, Mahelet
• Application Number:
  US13/661,328
• Publication Number:
  US 20130318471A1
• Time in Patent Office: 501 Days
• Field of Search: 715/798, 715/800, 715/801, 345/661, 345/659, 345/649
• US Class Current: 715/810
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

Abstract

A portable electronic device, computer program product, and method of presenting image information on a display with combined cropping and rotation selection and auto-resizing of cropped portion of the displayed image. A processor accepts a selection of a portion of a displayed image by creating and displaying a selection rectangle frame over the displayed image based on detecting a first user gesture in connection with the displayed image. The processor determines a user request for rotation of the displayed selection rectangle frame based on detecting a second user gesture. The processor then rotates the selection rectangle frame on the displayed image and resizes the selection rectangle frame while maintaining it within the outer boundaries of the displayed image and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the displayed image.

Claims

1. A method of presenting image information on a display, comprising:

performing the following with a processor;

displaying an image in a display frame on a display;

accepting a selection of a portion of the displayed image by creating and displaying a selection rectangle frame over the displayed image in the display frame, based on detecting a first user gesture in connection with the displayed image;

determining a user request for rotation of the displayed selection rectangle frame over the displayed image based on detecting a second user gesture comprising at least one of;

movement of two fingers over and inside the selection rectangle frame on the displayed image, and

movement of one finger over, outside and in proximity to the selection rectangle frame on the displayed image; and

based on the determined user request for rotation, rotating the selection rectangle frame on the displayed image and resizing the selection rectangle frame while maintaining it within the boundaries of the displayed image in the display frame and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the displayed image.

2. The method of claim 1, further comprising:

determining a user request for crop of the portion of the displayed image in the displayed selection rectangle frame; and

based on determining the user request for crop, cropping the portion of the displayed image in the displayed selection rectangle frame.

3. The method of claim 1, further comprising:

determining a user request for setting a current displayed image filling the display frame on the display to the portion of the displayed image in the displayed selection rectangle frame;

based on determining the user request for setting the current displayed image filling the display frame, setting the current displayed image filling the display frame on the display to the portion of the displayed image in the displayed selection rectangle frame;

based on detection of a third user gesture in connection with the current displayed image, accepting a selection of a portion of the current displayed image by creating and displaying a selection rectangle frame over the current displayed image;

determining a second user request for rotation of the displayed selection rectangle frame over the current displayed image based on detecting a fourth user gesture comprising at least one of;

movement of two fingers over and inside the selection rectangle frame on the current displayed image, and

movement of one finger over, outside, and in proximity to the selection rectangle frame on the current displayed image; and

based on the determined second user request for rotation, rotating the selection rectangle frame on the current displayed image and resizing the selection rectangle frame while maintaining it within the boundaries of the current displayed image in the display frame and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the current displayed image.

4. The method of claim 1, wherein detecting the first user gesture comprises detecting movement of two fingers apart over the displayed image in the display frame on the display.

5. The method of claim 1, wherein detecting the second user gesture comprises at least one of:

detecting rotational movement of two fingers over and inside the selection rectangle frame on the displayed image; and

detecting rotational movement of one finger over, outside and in proximity to the selection rectangle frame on the displayed image.

6. The method of claim 1, wherein detecting the second user gesture comprises at least one of:

detecting movement of two fingers, either closer together or farther apart, over and inside the selection rectangle frame on the displayed image; and

detecting linear movement of one finger over, outside and in proximity to the selection rectangle frame on the displayed image.

7. The method of claim 1, further comprising:

determining a user request for dragging the selection rectangle frame on the displayed image in the display frame on the display based on determining movement of a finger as a finger swipe or drag inside the selection rectangle frame; and

based on the determined user request for dragging the selection rectangle frame, moving the selection rectangle frame on the displayed image in the display frame following the determined movement of the finger swipe or drag in the selection rectangle frame.

8. The method of claim 7, further comprising:

based on the determined user request for dragging the selection rectangle frame, moving the selection rectangle frame on the displayed image in the display frame following the determined movement of the finger swipe or drag in the selection rectangle frame, resizing the selection rectangle frame while maintaining the selection rectangle frame within the boundaries of the display frame and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the displayed image.

9. The method of claim 1, wherein the method is performed with a portable electronic device including a touchscreen display, the displayed image being displayed in a display frame on the touchscreen display, and the first user gesture and the second user gesture being detected via the touchscreen display.

10. The method of claim 9, wherein the portable electronic device comprises at least one of:

a smart-phone, a cellular phone, a mobile phone, a tablet computer, a personal digital assistant, and a laptop PC.

11. The method of claim 9, wherein the display comprises a graphical alpha-numeric display.

12. The method of claim 1, wherein the first user gesture and the second user gesture are detected through using a trackpad, and the image is displayed in the display frame on the display located separate from the trackpad.

13. A computer program product for controlling presentation of image information on a display, the computer program product comprising:

a computer readable storage medium having computer readable program code embodied therewith, the computer readable program code comprising instructions for performing a method comprising;

displaying, with at least one processor, an image in a display frame on a display;

accepting, with the at least one processor, a selection of a portion of the displayed image by creating and displaying a selection rectangle frame over the displayed image in the display frame, based on detecting a first user gesture in connection with the displayed image;

determining a user request for rotation of the displayed selection rectangle frame over the displayed image based on detecting a second user gesture comprising at least one of;

movement of two fingers over and inside the selection rectangle frame on the displayed image, and

movement of one finger over, outside and in proximity to the selection rectangle frame on the displayed image; and

based on the determined user request for rotation, rotating the selection rectangle frame on the displayed image and resizing the selection rectangle frame while maintaining it within the boundaries of the displayed image in the display frame and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the displayed image.

14. The computer program product of claim 13, the method further comprising:

determining a user request for crop of the portion of the displayed image in the displayed selection rectangle frame; and

based on determining the user request for crop, cropping the portion of the displayed image in the displayed selection rectangle frame.

15. The computer program product of claim 13, the method further comprising:

determining a user request for setting a current displayed image filling the display frame on the display to the portion of the displayed image in the displayed selection rectangle frame;

based on determining the user request for setting the current displayed image filling the display frame, setting the current displayed image filling the display frame on the display to the portion of the displayed image in the displayed selection rectangle frame;

based on detection of a third user gesture in connection with the current displayed image, accepting a selection of a portion of the current displayed image by creating and displaying a selection rectangle frame over the current displayed image;

determining a second user request for rotation of the displayed selection rectangle frame over the current displayed image based on detecting a fourth user gesture comprising at least one of;

movement of two fingers over and inside the selection rectangle frame on the current displayed image, and

movement of one finger over, outside, and in proximity to the selection rectangle frame on the current displayed image; and

based on the determined second user request for rotation, rotating the selection rectangle frame on the current displayed image and resizing the selection rectangle frame while maintaining it within the boundaries of the current displayed image in the display frame and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the current displayed image.

16. The computer program product of claim 13, wherein detecting the second user gesture comprises at least one of:

detecting rotational movement of two fingers over and inside the selection rectangle frame on the displayed image; and

detecting rotational movement of one finger over, outside and in proximity to the selection rectangle frame on the displayed image.

17. The computer program product of claim 13, wherein detecting the second user gesture comprises at least one of:

detecting movement of two fingers, either closer together or farther apart, over and inside the selection rectangle frame on the displayed image; and

detecting linear movement of one finger over, outside and in proximity to the selection rectangle frame on the displayed image.

18. The computer program product of claim 13, the method further comprising:

determining a user request for dragging the selection rectangle frame on the displayed image in the display frame on the display based on determining movement of a finger as a finger swipe or drag inside the selection rectangle frame; and

based on the determined user request for dragging the selection rectangle frame, moving the selection rectangle frame on the displayed image in the display frame following the determined movement of the finger swipe or drag in the selection rectangle frame.

19. The computer program product of claim 18, the method further comprising:

based on the determined user request for dragging the selection rectangle frame, moving the selection rectangle frame on the displayed image in the display frame following the determined movement of the finger swipe or drag in the selection rectangle frame, resizing the selection rectangle frame while maintaining the selection rectangle frame within the boundaries of the display frame and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the displayed image.

20. A portable electronic device, comprising:

a display;

a user input interface device for at least detecting user gestures;

memory; and

at least one processor, communicatively coupled with the display, the user input interface device, and the memory, the at least one processor being configured with instructions for performing a method comprising;

displaying, with at least one processor, an image in a display frame on a display;

accepting, with the at least one processor, a selection of a portion of the displayed image by creating and displaying a selection rectangle frame over the displayed image in the display frame, based on detecting a first user gesture in connection with the displayed image;

determining a user request for rotation of the displayed selection rectangle frame over the displayed image based on detecting a second user gesture comprising at least one of;

movement of two fingers over and inside the selection rectangle frame on the displayed image, and

movement of one finger over, outside and in proximity to the selection rectangle frame on the displayed image; and

based on the determined user request for rotation, rotating the selection rectangle frame on the displayed image and resizing the selection rectangle frame while maintaining it within the boundaries of the displayed image in the display frame and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the displayed image.

21. The portable electronic device of claim 20, the at least one processor being configured with instructions for performing the method further comprising:

determining a user request for crop of the portion of the displayed image in the displayed selection rectangle frame; and

based on determining the user request for crop, cropping the portion of the displayed image in the displayed selection rectangle frame.

22. The portable electronic device of claim 20, the at least one processor being configured with instructions for performing the method further comprising:

determining a user request for setting a current displayed image filling the display frame on the display to the portion of the displayed image in the displayed selection rectangle frame;

based on determining the user request for setting the current displayed image filling the display frame, setting the current displayed image filling the display frame on the display to the portion of the displayed image in the displayed selection rectangle frame;

based on detection of a third user gesture in connection with the current displayed image, accepting a selection of a portion of the current displayed image by creating and displaying a selection rectangle frame over the current displayed image;

determining a second user request for rotation of the displayed selection rectangle frame over the current displayed image based on detecting a fourth user gesture comprising at least one of;

movement of two fingers over and inside the selection rectangle frame on the current displayed image, and

movement of one finger over, outside, and in proximity to the selection rectangle frame on the current displayed image; and

based on the determined second user request for rotation, rotating the selection rectangle frame on the current displayed image and resizing the selection rectangle frame while maintaining it within the boundaries of the current displayed image in the display frame and while contemporaneously expanding the selection rectangle frame up to an original size of the selection rectangle frame created and displayed over the current displayed image.

23. The portable electronic device of claim 20, wherein the user input interface device comprises a touchscreen user input interface device coupled with the display thereby providing a touchscreen display, the at least one processor being communicatively coupled with the touchscreen display, wherein the first user gesture and the second user gesture are detected through using the touchscreen display.

24. The portable electronic device of claim 20, wherein the user input interface device comprises a trackpad located separate from the display, the at least one processor being communicatively coupled with the trackpad, wherein the first user gesture and the second user gesture are detected through using the trackpad and the image is displayed in the display frame on the display.

25. The portable electronic device of claim 20, wherein the portable electronic device comprises at least one of:

a smart-phone, a cellular phone, a mobile phone, a tablet computer, a personal digital assistant, and a laptop PC.