WO2016119459A1 - 触控显示屏上的文档显示方法及装置 - Google Patents

触控显示屏上的文档显示方法及装置 Download PDF

Info

Publication number
WO2016119459A1
WO2016119459A1 PCT/CN2015/088703 CN2015088703W WO2016119459A1 WO 2016119459 A1 WO2016119459 A1 WO 2016119459A1 CN 2015088703 W CN2015088703 W CN 2015088703W WO 2016119459 A1 WO2016119459 A1 WO 2016119459A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
edge
display screen
electronic document
touch
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2015/088703
Other languages
English (en)
French (fr)
Inventor
任恬
朱印
褚跃跃
林涛
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xiaomi Inc
Original Assignee
Xiaomi Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Xiaomi Inc filed Critical Xiaomi Inc
Priority to RU2016102344A priority Critical patent/RU2635241C2/ru
Priority to MX2015016617A priority patent/MX352128B/es
Priority to KR1020157030813A priority patent/KR101728460B1/ko
Priority to JP2016571461A priority patent/JP6220087B2/ja
Priority to BR112016001296-8A priority patent/BR112016001296B1/pt
Publication of WO2016119459A1 publication Critical patent/WO2016119459A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] 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
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • the present invention is based on a Chinese patent application with the application number of 201510050331.0 and the application date of January 30, 2015, and claims the priority of the Chinese patent application, the entire Chinese patent application The contents are incorporated herein by reference.
  • the present disclosure relates to the field of human-computer interaction, and in particular, to a document display method and apparatus on a touch display screen. Background technique
  • the screen size of the mobile terminal is small and the size of the electronic document to be displayed is large, only a part of the electronic document can be displayed on the screen at the same time.
  • the user needs to pan the electronic document on the screen to display the rest of the electronic document. For example, the user can pan up to display an electronic document or pan down to display an electronic document.
  • Embodiments of the present disclosure provide a method and apparatus for displaying a document on a touch display screen.
  • the technical solution is as follows: According to a first aspect of the embodiments of the present disclosure, a document display method on a touch display screen is provided, the method comprising: displaying an edge region of an electronic document on a touch display screen, the edge region including Have the edge of the electronic document and several display elements;
  • a plurality of display elements are stretched out in a direction away from the edge.
  • a document display device on a touch display screen comprising: displaying a first area of an electronic document on a touch display screen;
  • the second area of the electronic document continues to be panned and displayed; If the pan display reaches the edge area of the electronic document, the display elements in the edge area are moved away The direction of the edge of the electronic document is stretched and displayed, the edge region includes the edge and a plurality of display elements; and the display element after the stretch display is restored to the display state before stretching.
  • a document display device on a touch display screen comprising: an area display module configured to display an edge area, an edge area of the electronic document on the touch display screen Includes an edge of the electronic document and several display elements;
  • a motion detection module configured to detect motion of an object acting on the touch display screen
  • the stretch display module is configured to stretch display of the plurality of display elements in a direction away from the edge in response to movement of the object.
  • a document display device on a touch display screen comprising: an area display module configured to display a first area of the electronic document on the touch display screen;
  • a motion detection module configured to detect motion of an object acting on the touch display screen
  • the second display module is configured to display the first area of the electronic document as a second area in response to the movement of the object;
  • the panning display module is configured to continue to pan display the second area of the electronic document when the object is no longer detected on the touch display screen;
  • the stretch display module is configured to stretch display a plurality of display elements in the edge region away from an edge of the electronic document when the pan display reaches an edge region of the electronic document, the edge region including the edge and the plurality of displays Element
  • the recovery display module is configured to restore the display element after the stretch display to the display state before stretching.
  • a document display device on a touch display screen comprising: a processor;
  • a memory for storing executable instructions of the processor
  • a touch display electrically connected to the processor
  • processor is configured to:
  • the edge area including an edge of the electronic document and a plurality of display elements
  • a plurality of display elements are stretched out in a direction away from the edge.
  • a document display device on a touch display screen comprising: a processor;
  • a memory for storing executable instructions of the processor; a touch display electrically connected to the processor;
  • processor is configured to:
  • the second area of the electronic document continues to be panned; if the pan display reaches the edge area of the electronic document, the display elements in the edge area are moved away from the edge of the electronic document.
  • the direction of the stretch is displayed, and the edge region includes an edge and a plurality of display elements;
  • the display element after the stretch display is restored to the display state before the stretch.
  • FIG. 1 is a flowchart of a method for displaying a document on a touch display screen according to an exemplary embodiment.
  • FIG. 2A is a diagram showing a method for displaying a document on a touch screen display according to another exemplary embodiment.
  • 2B to 2E are schematic diagrams of interfaces of the exemplary embodiment of FIG. 2A when implemented;
  • FIG. 3A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 3B to FIG. 3E are schematic diagrams of interfaces of the exemplary embodiment of FIG. 3A during implementation;
  • FIG. 4A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 4B to FIG. 4D are schematic diagrams of interfaces of an exemplary embodiment of FIG. 4A during implementation;
  • FIG. 4A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 4B to FIG. 4D are schematic diagrams of interfaces of an exemplary embodiment of FIG. 4A during implementation
  • FIG. 4A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 4B to FIG. 4D are schematic diagrams of interfaces of an exemplary embodiment of FIG. 4A during implementation
  • FIG. 4A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 4B to FIG. 4D are schematic diagrams of interfaces of an exemplary embodiment of FIG. 4A during
  • FIG. 5A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 5B to FIG. 5D are schematic diagrams of interfaces of an exemplary embodiment of FIG. 5A during implementation;
  • FIG. 5A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 5B to FIG. 5D are schematic diagrams of interfaces of an exemplary embodiment of FIG. 5A during implementation
  • FIG. 5A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 5B to FIG. 5D are schematic diagrams of interfaces of an exemplary embodiment of FIG. 5A during implementation
  • FIG. 5A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 5B to FIG. 5D are schematic diagrams of interfaces of an exemplary embodiment of FIG. 5A during
  • FIG. 6A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 6B and FIG. 6C are schematic diagrams of interfaces of the exemplary embodiment of FIG. 6A when implemented;
  • FIG. 7A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 7B is a schematic diagram of an interface of the exemplary embodiment of FIG. 7A when implemented
  • FIG. 8A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 8B is a schematic diagram of an interface of the exemplary embodiment of FIG. 8A when implemented
  • 9A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 9B is a schematic diagram of an interface of the exemplary embodiment of FIG. 9A when implemented;
  • FIG. 10A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 10B to FIG. 10D are schematic diagrams of interfaces of the exemplary embodiment of FIG. 10A when implemented;
  • FIG. 11A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 11B is a schematic diagram of an interface of the exemplary embodiment of FIG. 11A when implemented;
  • FIG. 12A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment
  • FIG. 12B and FIG. 12C are schematic diagrams of interfaces of the exemplary embodiment of FIG. 12A when implemented;
  • FIG. 13 is a block diagram of a document display device on a touch display screen according to an exemplary embodiment.
  • FIG. 14 is a block diagram of a document display device on a touch display screen according to another exemplary embodiment.
  • FIG. 15 is a block diagram of a document display device on a touch display screen according to another exemplary embodiment;
  • FIG. 16 is a document display device on a touch display screen according to another exemplary embodiment. Block diagram.
  • Electronic document A subset or superset of web pages, digital images, electronic documents, spreadsheets, application interaction interfaces, and operating system interaction interfaces.
  • the area required for an electronic document to be displayed is usually larger than the single-screen display area of the touch display.
  • Display elements A subset or superset of icons, avatars, images, text, cells, and interactive controls. Display elements usually occupy a sub-area in an electronic document. Different display elements can be placed next to each other or separated from each other.
  • FIG. 1 is a flowchart of a method for displaying a document on a touch display screen according to an exemplary embodiment. The embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps:
  • step 101 an edge area of the electronic document is displayed on the touch display screen, and the edge area includes an electronic message.
  • step 102 motion of an object acting on the touch display screen is detected.
  • step 103 a plurality of display elements are stretched and displayed in a direction away from the edge in response to movement of the object.
  • the document display method provided by the embodiment is configured to stretch and display a plurality of display elements in a direction away from an edge of the electronic document when the edge area of the electronic document has been displayed, as a translation operation of the user.
  • a response enables the user to clearly know that the edge of the electronic document has been displayed, and prevents the user from repeating the panning operation without practical meaning, thereby improving the operation efficiency of the user.
  • FIG. 2A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps.
  • step 201 an edge region of the electronic document is displayed on the touch display screen, the edge region including an edge of the electronic document and a plurality of display elements.
  • the edge of the electronic document may coincide with the edge of the display area of the touch display without being explicitly shown in the display area of the touch display.
  • step 202 motion of an object acting on the touch display screen is detected.
  • the object is a user's finger, stylus or other control object that can be detected by the touch screen display.
  • the object acts directly on the touch display.
  • the object When the touch display supports the hovering touch, the object directly acts on the touch display screen, or the object floats on the touch display screen at a certain interval.
  • the terminal detects the motion of the object through the touch display screen.
  • This motion can be a translational motion.
  • the motion can be a motion away from one of the edge regions.
  • step 203 in response to the movement of the object, all display elements in the edge region are stretched and displayed in a direction away from the edge.
  • the terminal In response to the motion of the object, the terminal stretches and displays all of the display elements in the edge region away from the edge.
  • a stretched display is a display that magnifies a display element in a direction away from the edge. This edge is the edge from which the motion of the object is far away.
  • the stretching ratio of each display element may be the same.
  • the stretch ratio of each display element is positively correlated with the first distance, which is the distance between the display element and the edge.
  • an electronic document is an interactive interface 22 of a picture display application.
  • the interactive interface 22 includes 18 thumbnails arranged in 6 rows and 3 columns, and the 18 thumbnails are numbered from 1 to 18.
  • the edge region 22a includes an upper edge 26 of the interactive interface 22, and thumbnails numbered from 1 to 12 arranged in order of 4 rows and 3 columns.
  • the upper edge 26 of the interactive interface 22 coincides with the upper edge of the touch display screen 23, and is shown in FIG. 2B. Not explicitly shown.
  • the terminal detects the movement of the finger through the touch display screen 23.
  • the terminal stretches and displays the 12 thumbnails in the edge region 22a in a direction away from the upper edge 26.
  • the width of the stretched thumbnail has not changed, but the height has been stretched.
  • the thumbnails 10, thumbnails 11 and a portion of the thumbnail 12 of the lowermost line are shifted out of the display area of the touch display 23 and are no longer displayed.
  • the spacing between the thumbnails of every two lines of the stretched display is usually the same, or the spacing between the thumbnails of every two lines of the stretched display follows the stretched display.
  • the stretch ratios of the respective thumbnails are the same. That is, the height of each thumbnail after stretching is the same.
  • the stretching ratio is positively correlated with the moving distance of the finger, that is, the longer the moving distance of the finger on the touch display screen 23, the larger the stretching ratio; the smaller the moving distance of the finger on the touch display screen 23 , the smaller the stretch ratio.
  • the stretch ratios of the respective thumbnails are different, and the stretch ratio of each thumbnail is positively correlated with the first distance, which is between the thumbnail and the upper edge 26. distance. That is, the larger the distance between the thumbnail of the stretched display and the upper edge 26, the larger the stretch ratio; the smaller the distance between the thumbnail of the stretched display and the upper edge 26, the smaller the stretch ratio.
  • thumbnail 7, thumbnail 8 and thumbnail 9 adopt a first stretch ratio
  • thumbnail 4, thumbnail 5 and thumbnail 6 adopt a second stretch ratio
  • the first stretch ratio is greater than the second stretch ratio. .
  • step 204 when the object is no longer detected on the touch display screen, the display element after the stretch display is restored to the display state before the stretch.
  • the terminal restores the display element after the stretch display to the display state before stretching.
  • the recovery process can be regarded as the reverse process of step 203, but unlike step 203, the stretching process of step 203 is a process of following the motion of the object, and the recovery process in step 204 is a preset rate or a preset time. To execute.
  • the terminal can restore the stretched display element to the display state before stretching at a preset rate.
  • the preset rate may be a constant rate, a uniform deceleration rate, a uniform acceleration rate, a rate that is positively correlated with the rate at the time of stretching, etc., and the preset rate is not limited in this embodiment.
  • the terminal can restore the display element after the stretch display to the display state before the stretch within a preset time.
  • the preset time can be 0.2 seconds.
  • the terminal restores the 12 stretched thumbnails to the display state before stretching in 0.2 seconds.
  • the terminal keeps the display state of the edge of the electronic document unchanged.
  • step 204 if the object can still be detected on the touch screen display, but the object remains stationary and no longer moves, the terminal maintains the current display state.
  • the document display method provided by the embodiment is configured to stretch and display a plurality of display elements in a direction away from an edge of the electronic document when the edge area of the electronic document has been displayed, as a translation operation of the user.
  • One The response can be made clear to the user to the edge of the electronic document, and the user is prevented from repeating the panning operation without practical meaning, thereby improving the operation efficiency of the user.
  • FIG. 3A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps.
  • step 301 an edge region of the electronic document is displayed on the touch display screen, the edge region including an edge of the electronic document and a plurality of display elements.
  • the edge of the electronic document may coincide with the edge of the display area of the touch display without being explicitly shown in the display area of the touch display.
  • step 302 motion of an object acting on the touch display screen is detected.
  • the object is a user's finger, stylus or other control object that can be detected by the touch screen display.
  • the object acts directly on the touch display.
  • the object When the touch display supports the hovering touch, the object directly acts on the touch display screen, or the object floats on the touch display screen at a certain interval.
  • the terminal detects the motion of the object through the touch display screen.
  • This motion can be a translational motion.
  • the motion can be a motion away from one of the edge regions.
  • step 303 in response to the motion of the object, the display state of the n-line display element closest to the edge is kept unchanged, and the other row display elements other than the n-line display element closest to the edge are removed, away from The direction of the edge is stretched and n is a positive integer.
  • Stretch display refers to a display that magnifies a display element in a direction away from the edge that is the edge away from the movement of the object.
  • the stretching ratio of each display element may be the same.
  • the stretch ratio of each display element is positively correlated with the first distance, which is the distance between the display element and the edge.
  • the electronic document is the interactive interface 32 of the address book application.
  • the interactive interface 32 includes a header row 322 and ten call record lines. However, since the display area of the touch display screen 33 is small, only the edge area 32a of the interactive interface 32 can be displayed.
  • the edge region 32a includes an upper edge 36 of the interactive interface 32, and the first seven call record lines.
  • the upper edge 26 of the interactive interface 32 coincides with the upper edge of the touch screen display 23, which is not explicitly shown in FIG. 3B.
  • the terminal detects the movement of the finger through the touch display screen 33.
  • the terminal will display the display element from the last row of the upper edge 36: the display shape of the header row 322 remains unchanged, and the edge region 32a
  • the seven call record lines in the middle are stretched and displayed in a direction away from the upper edge 36. The width of the stretched call record line did not change, but the height was stretched.
  • the stretch ratio of each call record line is the same. That is, the height of each call recording line after stretching is the same.
  • the stretching ratio is positively correlated with the moving distance of the finger, that is, the longer the moving distance of the finger on the touch display screen 33, the larger the stretching ratio; the smaller the moving distance of the finger on the touch display screen 33 , the smaller the stretch ratio.
  • a portion of the seventh call record line of the lowermost row is shifted out of the display area of the touch display screen 33 and is no longer displayed.
  • the stretch ratios of the respective call record lines are different, and the stretch ratio of each call record line is positively correlated with the first distance, which is the call record line and the upper edge 36. the distance between.
  • B the greater the distance between the call record line of the stretch display and the upper edge 36, the larger the stretch ratio; the smaller the distance between the call record line of the stretch display and the upper edge 36, the smaller the stretch ratio.
  • the stretch ratio of the sixth call record line is greater than the stretch ratio of the fifth call record line
  • the stretch ratio of the fifth call record line is greater than the stretch ratio of the fourth call record line
  • the fourth call The stretch ratio of the record line is greater than the stretch ratio of the third call record line.
  • a part of the sixth call record line of the lowermost row and the seventh call record line are all shifted out of the display area of the touch display screen 33 and are no longer displayed.
  • step 304 when the object is no longer detected on the touch display screen, the display element after the stretch display is restored to the display state before the stretch.
  • the terminal restores the display element after the stretch display to the display state before stretching.
  • the recovery process can be regarded as the reverse process of step 303, but unlike step 303, the stretching process of step 303 is a process of following the motion of the object, and the recovery process in step 304 is a preset rate or a preset time. To execute.
  • the terminal can restore the stretched display element to the display state before stretching at a preset rate.
  • the preset rate may be a constant rate, a uniform deceleration rate, a uniform acceleration rate, a rate that is positively correlated with the rate at the time of stretching, etc., and the preset rate is not limited in this embodiment.
  • the terminal can restore the display element after the stretch display to the display state before the stretch within a preset time.
  • the preset time can be 0.3 seconds.
  • the terminal restores the 7 recorded lines after the stretched display to the display state before stretching in 0.3 seconds.
  • the terminal keeps the display state of the edge of the electronic document unchanged.
  • step 304 if the object can still be detected on the touch display screen, but the object remains stationary and no longer moves, the terminal maintains the current display state.
  • the document display method provided by the embodiment is configured to stretch and display a plurality of display elements in a direction away from an edge of the electronic document when the edge area of the electronic document has been displayed, as a translation operation of the user.
  • a response enables the user to clearly know that the edge of the electronic document has been displayed, avoiding the user repeating without actual The translational operation of the meaning of the operation, thereby improving the user's operating efficiency.
  • FIG. 4A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps.
  • step 401 an edge area of the electronic document is displayed on the touch display screen, the edge area including an edge of the electronic document and a plurality of display elements.
  • the edge of the electronic document may coincide with the edge of the display area of the touch display without being explicitly shown in the display area of the touch display.
  • step 402 motion of an object acting on the touch display screen is detected.
  • the object is a user's finger, stylus or other control object that can be detected by the touch screen display.
  • the object acts directly on the touch display.
  • the object When the touch display supports the hovering touch, the object directly acts on the touch display screen, or the object floats on the touch display screen at a certain interval.
  • the terminal detects the motion of the object through the touch display screen.
  • This motion can be a translational motion.
  • the motion can be a motion away from one of the edge regions.
  • step 403 in response to the movement of the object, the display element located between the edge and the object position is stretched and displayed in a direction away from the edge.
  • the terminal In response to the motion of the object, the terminal stretches the display element in the edge region between the edge and the object position in a direction away from the edge. This edge is the edge from which the motion of the object is far away.
  • a stretched display is a display that magnifies a display element in a direction away from the edge.
  • the object position is the corresponding action position of the object on the touch display screen.
  • the stretching ratio of each display element may be the same.
  • the stretch ratio of each display element is positively correlated with the first distance, which is the distance between the display element and the edge.
  • the electronic document is still the interactive interface 22 of the picture display application, and the object is the user's finger as an example.
  • the terminal passes The touch display screen 23 detects the movement of the finger.
  • the terminal stretches and displays the six thumbnails located between the finger position and the upper edge 26 in the edge region 22a in a direction away from the upper edge 26.
  • the width of the stretched thumbnail has not changed, but the height has been stretched.
  • the spacing between each two-line thumbnail of the stretched display typically remains the same, or the spacing between each two-line thumbnail of the stretched display also follows the stretched display.
  • thumbnails 7 to 12 on the other side of the finger position are not stretched, and the thumbnails 10, 11 and 12 of the lowermost line are shifted out of the touch display 23 Display area, never show again.
  • the stretch ratios of the respective thumbnails of the stretch display are the same. That is, the height of each thumbnail after stretching is the same.
  • the stretching ratio is positively correlated with the moving distance of the finger, that is, the longer the moving distance of the finger on the touch display screen 23, the larger the stretching ratio; the smaller the moving distance of the finger on the touch display screen 23 , the smaller the stretch ratio.
  • the stretch ratios of the respective thumbnails of the stretched display are different, and the stretch ratio of each thumbnail is positively correlated with the first distance, which is the thumbnail and the upper edge.
  • the distance between 26 that is, the larger the distance between the thumbnail of the stretched display and the upper edge 26, the larger the stretch ratio; the smaller the distance between the thumbnail of the stretched display and the upper edge 26, the smaller the stretch ratio.
  • thumbnail 4, thumbnail 5, and thumbnail 6 adopt a first stretch ratio
  • thumbnail 1, thumbnail 2, and thumbnail 3 adopt a second stretch ratio
  • the first stretch ratio is greater than the second stretch ratio. .
  • step 404 when the object is no longer detected on the touch display screen, the display element after the stretch display is restored to the display state before stretching.
  • the terminal restores the display element after the stretch display to the display state before stretching.
  • the recovery process can be regarded as the reverse process of step 403, but unlike step 403, the stretching process of step 403 is a process of following the motion of the object, and the recovery process in step 404 is a preset rate or a preset time. To execute.
  • the terminal can restore the stretched display element to the display state before stretching at a preset rate.
  • the preset rate may be a constant rate, a uniform deceleration rate, a uniform acceleration rate, a rate that is positively correlated with the rate at the time of stretching, etc., and the preset rate is not limited in this embodiment.
  • the terminal can restore the display element after the stretch display to the display state before the stretch within a preset time.
  • the preset time can be 0.4 seconds.
  • the terminal restores the six stretched thumbnails to the display state before stretching in 0.4 seconds.
  • the terminal keeps the display state of the edge of the electronic document unchanged.
  • step 404 if the object can still be detected on the touch display screen, but the object remains stationary and no longer moves, the terminal maintains the current display state.
  • the document display method provided by the embodiment is configured to stretch and display a plurality of display elements in a direction away from an edge of the electronic document when the edge area of the electronic document has been displayed, as a translation operation of the user.
  • a response enables the user to clearly know that the edge of the electronic document has been displayed, and prevents the user from repeating the panning operation without practical meaning, thereby improving the operation efficiency of the user.
  • FIG. 5A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps.
  • step 501 an edge area of the electronic document is displayed on the touch display screen, the edge area including an edge of the electronic document and a plurality of display elements.
  • the edge of the electronic document may coincide with the edge of the display area of the touch display without being explicitly shown in the display area of the touch display.
  • step 502 motion of an object acting on the touch display screen is detected.
  • the object is a user's finger, stylus or other control object that can be detected by the touch screen display.
  • the object acts directly on the touch display.
  • the object When the touch display supports the hovering touch, the object directly acts on the touch display screen, or the object floats on the touch display screen at a certain interval.
  • the terminal detects the motion of the object through the touch display screen.
  • This motion can be a translational motion.
  • the motion can be a motion away from one of the edge regions.
  • step 503 in response to the movement, among the display elements between the edge and the object position, other row display elements other than the n-line display element closest to the edge are removed, and the direction is away from the edge. Stretch shows that n is a positive integer.
  • a stretched display is a display that magnifies a display element in a direction away from the edge. This edge is the edge away from the movement of the object.
  • the stretching ratio of each display element may be the same.
  • the stretch ratio of each display element is positively correlated with the first distance, which is the distance between the display element and the edge.
  • the terminal detects the movement of the finger through the touch display screen 33.
  • the terminal will be in the display element between the upper edge 36 and the finger position, the display element of the last row from the upper edge 36: the display shape of the header row 322 remains unchanged, and the first to the first
  • the four call record lines are stretched out in a direction away from the upper edge 36. The width of the call record line after stretching has not changed, but the height has been stretched.
  • the stretching ratios of the first to fourth call recording lines are the same. That is, the height of each call record line after stretching is the same.
  • the stretching ratio is positively correlated with the moving distance of the finger, that is, the longer the moving distance of the finger on the touch display screen 33, the larger the stretching ratio; the smaller the moving distance of the finger on the touch display screen 33 , the smaller the stretch ratio.
  • all of the portion of the sixth call record line and the seventh call record line are shifted out of the display area of the touch display screen 33 and are no longer displayed.
  • the stretch ratios of the respective call record lines are different, and the stretch ratio of each call record line is positively correlated with the first distance, which is the call record line and the upper edge 36. the distance between.
  • B the greater the distance between the call record line of the stretch display and the upper edge 36, the greater the stretch ratio; The smaller the distance between the line and the upper edge 36, the smaller the stretch ratio.
  • the stretch ratio of the fourth call record line is greater than the stretch ratio of the third call record line
  • the stretch ratio of the third call record line is greater than the stretch ratio of the second call record line
  • the second call The stretch ratio of the record line is greater than the stretch ratio of the first call record line.
  • a portion of the sixth call record line of the last row and all of the seventh call record line are shifted out of the display area of the touch display screen 33 and are no longer displayed.
  • step 504 when the object is no longer detected on the touch display screen, the display element after the stretch display is restored to the display state before the stretching.
  • the terminal restores the display element after the stretch display to the display state before stretching.
  • the recovery process can be regarded as the reverse process of step 503, but unlike step 503, the stretching process of step 503 is a process of following the motion of the object, and the recovery process in step 504 is a preset rate or a preset time. To execute.
  • the terminal can restore the stretched display element to the display state before stretching at a preset rate.
  • the preset rate may be a constant rate, a uniform deceleration rate, a uniform acceleration rate, a rate that is positively correlated with the rate at the time of stretching, etc., and the preset rate is not limited in this embodiment.
  • the terminal can restore the display element after the stretch display to the display state before the stretch within a preset time.
  • the preset time can be 0.4 seconds.
  • the terminal restores the 7-extended call recording line to the display state before stretching in 0.4 seconds.
  • the terminal keeps the display state of the edge of the electronic document unchanged.
  • step 504 if the object can still be detected on the touch screen display, but the object remains stationary and no longer moves, the terminal maintains the current display state.
  • the document display method provided by the embodiment is configured to stretch and display a plurality of display elements in a direction away from an edge of the electronic document when the edge area of the electronic document has been displayed, as a translation operation of the user.
  • a response enables the user to clearly know that the edge of the electronic document has been displayed, and prevents the user from repeating the panning operation without practical meaning, thereby improving the operation efficiency of the user.
  • FIG. 6A is a flow chart showing a method for displaying a document on a touch display screen according to another exemplary embodiment.
  • This embodiment uses the document display method as an example for a terminal including a touch display screen. Description.
  • the document display method can include the following steps.
  • step 601 an edge region of the electronic document is displayed on the touch display screen, the edge region including an edge of the electronic document and a plurality of display elements.
  • step 602 motion of an object acting on the touch display screen is detected.
  • the motion can be a motion away from one of the edge regions.
  • step 603 a plurality of display elements are stretched and displayed in a direction away from the edge in response to the movement of the object.
  • Step 603 can be implemented by using any one of step 203, step 303, step 403, and step 503.
  • step 604 when the object is no longer detected on the touch display screen, a plurality of display elements are continuously stretched and displayed within the first preset time period.
  • the rate of stretch is related to the rate of motion of the subject.
  • the terminal When the motion of the object is no longer detected on the touch display screen, the terminal continues to stretch display a plurality of display elements within the first preset time period.
  • the first preset duration may be 0.2 seconds.
  • the electronic document is an interactive interface of the image display application, and the object is a finger of the user.
  • the terminal passes the touch display. 23 detects the movement of the finger.
  • the terminal stretches and displays the six thumbnails located between the finger position and the upper edge 26 in the edge region 22a in a direction away from the upper edge 26.
  • the terminal continues to stretch the six thumbnails in a direction away from the upper edge 26 within 0.2 seconds.
  • step 605 the display element after the stretch display is restored to the display state before stretching in the second preset time period.
  • the display element after the stretch display can be restored to the display state before the stretch for the second preset time.
  • the second preset duration can be 0.4 seconds.
  • the terminal restores the stretched 6 thumbnails in 0.4 seconds. It is the display state before stretching.
  • step 604 if the object can still be detected on the touch display screen, but the object remains stationary and no longer moves, the terminal maintains the current display state.
  • the document display method provided in this embodiment further performs stretching display by using a plurality of display elements when the object is no longer detected, so that the user's finger leaves the touch display screen, and the user has no finger.
  • the occlusion display element is more clearly observed after occlusion, and it is more clearly known that the edge of the electronic document has been displayed.
  • the terminal may further include the following steps.
  • step 604 is performed.
  • FIG. 7A is a flowchart showing a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is exemplified by applying the document display method to a terminal including a touch display screen. Description.
  • the document display method can include the following steps. In step 701, an edge region of the electronic document is displayed on the touch display screen, the edge region including an edge of the electronic document and a plurality of display elements.
  • step 702 motion of an object acting on the touch display screen is detected.
  • the motion can be a motion away from one of the edge regions.
  • step 703 a plurality of display elements are stretched and displayed in a direction away from the edge in response to the movement of the object.
  • Step 703 can be implemented by using any one of step 203, step 303, step 403, and step 503.
  • step 704 when the object is no longer detected on the touch display screen, the display element after the stretched display is subjected to at least one elastic stretch display, and then restored to the display state before stretching.
  • An elastic telescopic display is an animated display consisting of a coherent zoom display and an extended display.
  • the terminal can perform an elastic stretch display on the display element after the stretch display, and then return to the display state before the stretch.
  • the terminal can also display the stretched display element several times in an elastic stretch and then return to the display state before stretching. Between the adjacent two elastic telescopic displays, the scale of the front elastic stretch display is larger than that of the subsequent elastic stretch display.
  • the terminal when the terminal performs an elastic telescopic display, as shown in FIG. 7B, when the finger is no longer detected on the touch display screen 33, the terminal zooms and displays the 7 call display lines after the stretch display in 0.2 seconds. After the zoom display, the width of the call record line remains unchanged, and the height is smaller than the original height; then, the terminal stretches and displays the 7 call display lines after zooming in 0.4 seconds, and restores the motion of the following object.
  • the display state before the display that is, the original display state. From the user's visual point of view, after the finger is released, the seven call record lines are restored to the original display state after performing an elastic stretch display.
  • the terminal can also perform the elastic stretch display multiple times to restore the display element to the original display state.
  • the display effect of the elastic telescopic display may be various during each elastic stretching display, and the display effect of the elastic telescopic display may be various, which is not described herein, but does not limit the elasticity.
  • the form of the telescopic display In the above embodiments, the terminal displays the edge area of the electronic document, which may be an edge area of the electronic document initially displayed, or an edge area of the electronic document displayed during the translation. The following is introduced in three different embodiments.
  • FIG. 8A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps.
  • step 801 in response to opening the first signal of the electronic document, an edge region of the electronic document is displayed on the touch display screen, the edge region including an edge of the electronic document and a plurality of display elements.
  • the terminal may receive a first signal triggered by the user for opening the electronic document,
  • the first signal may be a signal that clicks on a shortcut or icon corresponding to the electronic document.
  • the terminal displays an edge region of the electronic document on the touch display screen, the edge region including an edge of the electronic document and a plurality of display elements.
  • the edge typically includes an upper edge, a left edge, or a combination of the two of the electronic document.
  • the terminal first displays a shortcut interface 82, which includes icons of 12 applications arranged in 4 rows and 3 columns, and when the user's finger clicks on the icon of the address book application 84
  • the terminal cancels the display of the shortcut interface 82 on the touch display screen 83, and then displays the electronic document, which is the interactive interface 86 of the address book application.
  • the interactive interface 86 includes a left edge 87, an upper edge 88, and a right edge 89. However, since the length of the interactive interface 86 is greater than the height of the touch display 83, the lower edge is not shown.
  • step 802 motion of an object acting on the touch display screen is detected.
  • the motion can be a motion away from one of the edge regions.
  • step 803 in response to the movement, a plurality of display elements are stretched and displayed in a direction away from the edge.
  • This step can be implemented by using any one of step 203, step 303, step 403, and step 503.
  • FIG. 9A is a flowchart illustrating a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps.
  • step 901 an edge region of the electronic document is displayed on the touch display screen in response to the second signal being switched to the electronic document.
  • the terminal may receive a second signal triggered by the user for switching to the electronic document B, and the second signal may be a signal for clicking a shortcut or an icon corresponding to the electronic document B.
  • the terminal displays an edge area of the electronic document B on the touch display screen in response to the second signal, the edge area including an edge of the electronic document B and a plurality of display elements.
  • the edge typically includes an upper edge, a left edge, or a combination of both of the electronic document.
  • the terminal first displays the contact interface 92 in the address book application, when the user's finger click is located above the contact interface 92.
  • the control 96 corresponding to the call log interface 94 is triggered, the second signal is triggered.
  • the terminal switches the contact interface 92 to the call log interface 94 on the touch display 93, the call log interface 94 including the left edge 97, the upper edge 98, and the right edge 99.
  • the length of the call recording interface 94 is greater than the height of the touch display screen 93, the lower edge is not displayed.
  • step 902 motion of an object acting on the touch display screen is detected.
  • the motion can be a motion away from one of the edge regions.
  • step 903 a plurality of display elements are stretched and displayed in a direction away from the edge in response to the movement of the object.
  • This step can be implemented by using any one of step 203, step 303, step 403, and step 503.
  • FIG. 10A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps.
  • step 1001 a partial area of the electronic document is displayed on the touch display.
  • the terminal When the terminal displays an electronic document, the terminal can display a partial area of the electronic document, the partial area including a partial display element having an electronic document.
  • the electronic document is the call recording interface 102 on which a partial area of the call recording interface 102 is displayed.
  • This partial area includes the 2nd to 8th call record lines.
  • step 1002 motion of an object acting on the touch display screen is detected.
  • the object is a user's finger, stylus or other control object that can be detected by the touch screen display.
  • the terminal detects the motion of the object through the touch display screen.
  • This motion can be a translational motion.
  • the motion can be a motion away from one of the edge regions.
  • step 1003 a partial region of the electronic document is panned as an edge region in response to the motion of the object.
  • the terminal performs a panning display of the electronic document in response to the movement of the object.
  • the terminal detects the movement of the finger through the touch display screen 103.
  • the terminal pans up a portion of the electronic document as an edge region 104 that includes a third through nineth call recording line and a lower edge 106 of the call recording interface.
  • step 1004 motion of an object acting on the touch display screen is detected.
  • the terminal continues to detect motion of the subject, which may be the same motion as the motion in step 1002, or may be two motions that are not consistent with the motion in step 1002.
  • This motion can be a movement away from the lower edge 106 in the edge region 104.
  • step 1005 a plurality of display elements are stretched in a direction away from the edge in response to movement of the object.
  • the terminal stretches and displays a plurality of display elements in a direction away from the lower edge 96 in response to the movement of the object.
  • This step can be implemented by using any one of step 103, step 303, step 403, and step 503.
  • the terminal will move the third to the ninth in the edge region 104 in response to the movement of the finger.
  • the call record lines are stretched out in a direction away from the lower edge 106.
  • the stretching effect shown in Figure 2C is implemented by the Android operating system, all will be displayed soon.
  • the effect of the element being stretched and displayed in the same stretch ratio may include the step as shown in FIG. 12A: In step 1101, the elastic potential energy value inertia is updated according to the moving distance of the object;
  • the elastic potential energy value inertia is used to indicate the degree of elasticity when the display element is stretched and displayed.
  • the initial value of the inertial energy value inertia can be 0.
  • the elastic potential energy value inertia is positively correlated with the moving distance of the object on the touch display screen, that is, the greater the value of the moving distance of the object on the touch display screen, the elastic potential energy The value of inertia is also larger.
  • the terminal updates the elastic potential energy inertia according to the moving distance of the object every predetermined time interval.
  • the predetermined time interval may be less than or equal to a display interval between two frames of display screens.
  • step 1102 for the nth frame display screen, the terminal calculates the stretch ratio according to the current elastic potential energy value inertia;
  • the terminal calculates the stretch ratio based on the current elastic potential value inertia.
  • the growth rate of the stretching ratio between adjacent frames is negatively correlated with the elastic potential energy value inertia, that is, the larger the elastic potential energy value inertia, the smaller the growth rate of the stretching ratio between adjacent frames; the elastic potential energy value The smaller the inertia, the greater the rate of stretch between adjacent frames.
  • step 1103 the terminal stretches the display frame of the first frame in accordance with the calculated stretch ratio to obtain a display frame of the nth frame.
  • the terminal can place display elements that require a stretched display in a container, such as placing all of the display elements of the entire electronic document in a single container. Then, the terminal stretches the display frame of the first frame in accordance with the calculated stretch ratio, and obtains an n-th frame display screen, n 2 .
  • the terminal calculates the stretching ratio of the display frame of the second frame to be longitudinally stretched by 104% according to the elastic potential energy value A1. Then, the terminal stretches the container in which the 12 thumbnails are located by 104% in the longitudinal direction to obtain the second frame display screen.
  • the terminal calculates according to the elastic potential energy value A2.
  • the stretch ratio of the display frame of the third frame is 107% in the longitudinal direction. Then, the terminal stretches the container in which the 12 thumbnails in the first frame display screen are located by 107% in the vertical direction to obtain the third frame display screen.
  • FIG. 12A is a flowchart of a method for displaying a document on a touch display screen according to another exemplary embodiment. This embodiment is illustrated by using the document display method in a terminal including a touch display screen.
  • the document display method can include the following steps.
  • step 1201 a first area of the electronic document is displayed on the touch display.
  • the terminal When the terminal displays an electronic document, the terminal can display a first area of the electronic document, the first area including a partial display element having an electronic document.
  • step 1202 motion of an object acting on the touch display screen is detected.
  • the terminal detects the motion of the object through the touch display screen.
  • This motion can be a translational motion.
  • the motion can be a motion away from one of the edge regions.
  • step 1203 a first region of the electronic document is panned for display as a second region in response to movement of the object.
  • the terminal performs a panning display of the electronic document in response to the movement of the object.
  • the panning display can have the same translation rate as the object.
  • the electronic document is the call recording interface 122, and the first area of the call recording interface 122 is displayed on the touch display screen 123.
  • the first area includes the first to seventh call record lines.
  • the terminal detects the movement of the finger through the touch display screen 123.
  • the terminal pans up the first area of the electronic document as a second area 124, the second area 124 including the second to eighth call recording lines.
  • the terminal can set the elastic potential value inertia to be positively correlated with the moving speed of the object.
  • the inertial potential value inertia is set to be between adjacent two frames of display screens, and the object position corresponding to the previous frame display screen is subtracted from the object position corresponding to the previous frame display screen.
  • the object position is the position where the object is detected on the touch display.
  • step 1204 when the object is no longer detected on the touch display screen, the second area of the electronic document is continued to be panned.
  • the panning rate is related to the rate of motion of the object.
  • the terminal When the object is no longer detected on the touch display, the terminal continues to pan the second area of the electronic document at a decreasing rate of translation.
  • the panning rate is gradually attenuated to a preset threshold in a preset attenuation mode, and the preset threshold can be zero.
  • the preset attenuation mode can be a uniform deceleration attenuation mode.
  • the terminal when no finger is detected on the touch display screen 123, the terminal continues to pan display the second area 124 at a continuously decreasing translation rate.
  • the terminal when the terminal no longer detects the object through the touch display screen, the terminal can continuously attenuate the saved elastic potential energy value according to a preset attenuation rate mode.
  • step 1205 if the panning display reaches the edge area of the electronic document, several of the edge areas are displayed.
  • the element is stretched out in a direction away from the edge of the electronic document, the edge area including the edge and a plurality of display elements.
  • the terminal will be in the edge area within the first preset time period.
  • Several display elements are stretched out in a direction away from the edge of the electronic document.
  • the terminal pans the second region 124 in the call recording interface 122 at an attenuated translation rate, and when the pan display reaches the edge region 125 of the call recording interface 122, the translation rate has not been attenuated.
  • the terminal stretches and displays the third to ninth call recording lines in the edge area 125 in a direction away from the lower edge 126.
  • the stretch display process can be implemented by a slow interpolation algorithm, and the duration of the stretch display process can be a first preset duration, such as 0.2 seconds.
  • the elastic potential energy value stored in the terminal can be input into the slow motion interpolation algorithm, and the slow motion interpolation algorithm calculates the stretch ratio in the stretch display process according to the elastic potential energy value.
  • the easing interpolation algorithm which are not limited by the embodiments of the present disclosure.
  • step 1206 the display element after the stretch display is restored to the display state before stretching.
  • the terminal can restore the display element after the stretch display to the display state before the stretch for the second preset time.
  • the recovery display process can also be implemented using a slow-moving interpolation algorithm, and the duration of the recovery display process can be a preset value, such as 0.4 seconds.
  • This recovery display process can be regarded as the inverse of the above-described stretch display.
  • the terminal restores seven stretched call recording lines to the display state before stretching in 0.4 seconds.
  • the document display method provided in this embodiment can continue to perform panning display and stretch display when the object is no longer detected, so that the user's finger can clearly observe the electronic after leaving the touch display screen.
  • the panning display process of the document has arrived at the edge area of the electronic document.
  • step 704 in the embodiment of Figure 7A can also be implemented by a slow interpolation algorithm.
  • the following is an embodiment of the apparatus of the present disclosure, which may be used to implement the method embodiments of the present disclosure. For details not disclosed in the embodiments of the present disclosure, please refer to the method embodiments of the present disclosure.
  • FIG. 13 is a block diagram of a document display device on a touch display screen, which may be implemented as an electronic device including a touch display screen by software, hardware, or a combination of both, according to an exemplary embodiment. Part or all.
  • the document display device can include:
  • the area display module 1320 is configured to display an edge area of the electronic document on the touch display screen, the edge area including an edge of the electronic document and a plurality of display elements.
  • the motion detection module 1340 is configured to detect motion of an object acting on the touch display.
  • the stretch display module 1360 is configured to stretch display a plurality of display elements in a direction away from the edge in response to movement of the object.
  • the document display apparatus provided in this embodiment stretches and displays a plurality of display elements in a direction away from an edge of the electronic document when the edge area of the electronic document has been displayed, as a translation operation to the user. A response; enables the user to clearly know that the edge of the electronic document has been displayed, and prevents the user from repeating the panning operation without practical meaning, thereby improving the operation efficiency of the user.
  • FIG. 14 is a block diagram of a document display device on a touch display screen, which may be implemented as an electronic device including a touch display screen by software, hardware, or a combination of both, according to an exemplary embodiment. Part or all.
  • the document display device can include:
  • the area display module 1320 is configured to display an edge area of the electronic document on the touch display screen, the edge area including an edge of the electronic document and a plurality of display elements.
  • the motion detection module 1340 is configured to detect motion of an object acting on the touch display.
  • the stretch display module 1360 is configured to stretch display a plurality of display elements in a direction away from the edge in response to movement of the object.
  • the stretch display module 1360 is configured to stretch display all of the display elements in the edge region away from the edge.
  • the stretched display module 1360 is configured to keep the display state of the n rows of display elements closest to the edge unchanged, n being a positive integer; the n rows of display elements closest to the edge will be removed Other lines than the display element are stretched out in a direction away from the edge.
  • each display element has the same stretch ratio; or, the stretch ratio of each display element is positively correlated with the first distance, the first distance is the display element and the edge the distance between.
  • the stretch display module 1360 is configured to stretch the display element located between the edge and the object position in a direction away from the edge;
  • the object position is the corresponding action position of the object on the touch display screen.
  • the stretched display module 1360 is configured to remove a row display element other than the n-line display element closest to the edge in the display element between the edge and the object position. Stretching display away from the edge, n is a positive integer;
  • the object position is the corresponding action position of the object on the touch display screen.
  • each display element has the same stretch ratio; or, the stretch ratio of each display element is positively correlated with the first distance, the first distance is the display element and the edge Or the distance between each display element is positively correlated with the second distance, which is the projection distance of the display element and the object position on a line perpendicular to the edge.
  • the device further includes:
  • the hold module 1350 is configured to maintain the display state of the edge of the electronic document unchanged.
  • the device further includes:
  • the recovery display module 1380 is configured to stretch the displayed image when the object is no longer detected on the touch display screen The display element reverts to the display state before stretching.
  • the recovery display module 1380 is configured to perform at least one elastic stretch display of the stretched display element when the object is no longer detected on the touch display screen, and then return to the display state before stretching.
  • the device further includes:
  • the first stretching module 1392 is configured to continue to stretch display a plurality of display elements in the first preset duration when the object is no longer detected on the touch display screen;
  • the second restoration module 1394 is configured to restore the display element after the stretch display to the display state before the stretching for the second preset time period.
  • the area display module 1320 includes:
  • the first display sub-module 1322 is configured to display an edge region of the electronic document on the touch display screen in response to the first signal of opening the electronic document;
  • the second display sub-module 1324 is configured to display an edge region of the electronic document on the touch display screen in response to the second signal switched to the electronic document;
  • the third display sub-module 1326 is configured to display a partial area of the electronic document on the touch display screen, detecting motion of the object acting on the touch display screen; and displaying a partial area of the electronic document in response to the motion of the object For the edge area.
  • the document display apparatus stretches and displays a plurality of display elements in a direction away from an edge of the electronic document when the edge area of the electronic document has been displayed, as a translation operation to the user.
  • a response enables the user to clearly know that the edge of the electronic document has been displayed, and prevents the user from repeating the panning operation without practical meaning, thereby improving the operation efficiency of the user.
  • FIG. 15 is a block diagram of a document display device on a touch display screen, which may be implemented as an electronic device including a touch display screen by software, hardware, or a combination of both, according to an exemplary embodiment. Part or all.
  • the document display device can include:
  • the area display module 1510 is configured to display the first area of the electronic document on the touch display screen
  • the motion detection module 1520 is configured to detect motion of an object acting on the touch display screen
  • the second display module 1530 is configured to display the first area of the electronic document as a second area in response to the motion of the object;
  • the panning display module 1540 is configured to continue to pan display the second area of the electronic document when the object is no longer detected on the touch display screen;
  • the stretch display module 1550 is configured to: when the pan display reaches an edge region of the electronic document, the edge region is a plurality of display elements are stretched and displayed in a direction away from an edge of the electronic document, the edge region including an edge and a plurality of display elements;
  • the restoration display module 1560 is configured to restore the display element after the stretch display to the display state before stretching.
  • the document display device provided by the embodiment can continue to perform panning display and stretch display at an attenuation rate when the motion of the object is no longer detected, so that the user's finger can clear after leaving the touch display screen. It is observed that the panning display process of the electronic document has arrived at the edge area of the electronic document.
  • FIG. 16 is a block diagram of a document display device 1600 on a touch display screen, according to an exemplary embodiment.
  • device 1600 can be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a gaming console, a tablet device, a medical device, a fitness device, a personal digital assistant, and the like.
  • apparatus 1600 can include one or more of the following components: processing component 1602, memory 1604, power component 1606, multimedia component 1608, audio component 1610, input/output (I/O) interface 1612, sensor component 1614, And a communication component 1616.
  • Processing component 1602 typically controls the overall operation of device 1600, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations.
  • Processing component 1602 can include one or more processors 1620 to execute instructions to perform all or part of the steps described above.
  • processing component 1602 can include one or more modules to facilitate interaction between component 1602 and other components.
  • processing component 1602 can include a multimedia module to facilitate interaction between multimedia component 1608 and processing component 1602.
  • Memory 1604 is configured to store various types of data to support operation at device 1600. Examples of such data include instructions for any application or method operating on device 1600, contact data, phone book data, messages, pictures, videos, and the like. Memory 1604 can be implemented by any type of volatile or non-volatile storage device, or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read only memory (EEPROM), erasable Programmable Read Only Memory (EPROM), Programmable Read Only Memory (PROM), Read Only Memory (ROM), Magnetic Memory, Flash Memory, Disk or Optical Disk.
  • SRAM static random access memory
  • EEPROM electrically erasable programmable read only memory
  • EPROM erasable Programmable Read Only Memory
  • PROM Programmable Read Only Memory
  • ROM Read Only Memory
  • Magnetic Memory Flash Memory
  • Disk Disk or Optical Disk.
  • Power component 1606 provides power to various components of device 1600.
  • Power component 1606 can include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for device 1600.
  • the multimedia component 1608 includes a touch display screen that provides an output interface between the device 1600 and a user.
  • the touch display screen can include a liquid crystal display (LCD) and a touch panel (TP).
  • the touch panel includes one or more touch sensors to sense touches, slides, and gestures on the touch panel.
  • the touch sensor may sense not only the boundary of the touch or sliding action, but also the duration and pressure associated with the touch or slide operation.
  • the multimedia component 1608 includes a front camera and/or a rear camera. When the device 1600 is in an operation mode, such as a shooting mode or a video mode, the front camera and/or the rear camera can receive External multimedia data.
  • Each front and rear camera can be a fixed optical lens system or have focal length and optical zoom capabilities.
  • the audio component 1610 is configured to output and/or input audio signals.
  • audio component 1610 includes a microphone (MIC) that is configured to receive an external audio signal when device 1600 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode.
  • the received audio signal can be further stored in memory 1604 or transmitted via communication component 1616.
  • audio component 1610 also includes a speaker for outputting audio signals.
  • the 1/0 interface 1612 provides an interface between the processing component 1602 and the peripheral interface module, which may be a keyboard, a click wheel, a button, or the like. These buttons can include, but are not limited to: Home button, Volume button, Start button, and Lock button.
  • Sensor assembly 1614 includes one or more sensors for providing device 1600 with various aspects of status assessment.
  • sensor assembly 1614 can detect an open/closed state of device 1600, relative positioning of components, such as the display and keypad of device 1600, and sensor component 1614 can also detect a change in position of one component of device 1600 or device 1600. The presence or absence of contact by the user with the device 1600, the orientation or acceleration/deceleration of the device 1600 and the temperature change of the device 1600.
  • Sensor assembly 1614 can include a proximity sensor configured to detect the presence of nearby objects without any physical contact.
  • Sensor assembly 1614 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications.
  • the sensor assembly 1614 can also include an acceleration sensor, a gyro sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
  • Communication component 1616 is configured to facilitate wired or wireless communication between device 1600 and other devices.
  • the device 1600 can access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof.
  • communication component 1616 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel.
  • the communication component 1616 also includes a near field communication (NFC) module to facilitate short range communication.
  • NFC near field communication
  • the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
  • RFID radio frequency identification
  • IrDA infrared data association
  • UWB ultra-wideband
  • Bluetooth Bluetooth
  • device 1600 may be implemented by one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable A gate array (FPGA), controller, microcontroller, microprocessor or other electronic component implementation for performing the above document display method.
  • ASICs application specific integrated circuits
  • DSPs digital signal processors
  • DSPDs digital signal processing devices
  • PLDs programmable logic devices
  • FPGA field programmable A gate array
  • controller microcontroller, microprocessor or other electronic component implementation for performing the above document display method.
  • non-transitory computer readable storage medium comprising instructions, such as a memory 1604 comprising instructions executable by processor 1620 of apparatus 1600 to perform the above method.
  • the non-transitory computer readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, and an optical data storage device.
  • a non-transitory computer readable storage medium when instructions in the storage medium are executed by a processor of device 1600, enables device 1600 to perform a document display method.
  • Other embodiments of the present disclosure will be apparent to those skilled in the ⁇ RTIgt;
  • the present application is intended to cover any variations, uses, or adaptations of the present disclosure, which are in accordance with the general principles of the present disclosure and include common general knowledge or conventional technical means in the art that are not disclosed in the present disclosure. .
  • the specification and examples are to be regarded as illustrative only,

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Electrically Operated Instructional Devices (AREA)
  • Position Input By Displaying (AREA)

Abstract

一种触控显示屏上的文档显示方法及装置,属于人机交互领域。所述方法包括:在所述触控显示屏上显示电子文档的边缘区域,所述边缘区域包括有所述电子文档的边缘和若干个显示元素(101);检测作用于所述触控显示屏上的对象的运动(102);响应于所述对象的运动,将所述若干个显示元素向远离所述边缘的方向进行拉伸显示(103)。上述方法能够使用户清楚地获知已经显示到电子文档的边缘,避免用户重复进行没有实际操作意义的平移操作,从而提高用户的操作效率。

Description

触控显示屏上的文档显示方法及装置 本申请基于申请号为 201510050331.0、申请日为 2015年 1月 30日的中国专利申请提 出, 并要求该中国专利申请的优先权, 该中国专利申请的全部内容在此引入本申请作为参 考。 技术领域
本公开涉及人机交互领域, 特别涉及一种触控显示屏上的文档显示方法及装置。 背景技术
随着移动终端的功能越来越强大,需要在移动终端的用户界面上显示的内容也越来越 多, 用户界面的易用性显得尤为重要。 特别是在移动终端的屏幕尺寸较小时, 对用户界面 的易用性的要求就更高。
在移动终端的屏幕尺寸较小, 而需要显示的电子文档的尺寸较大时, 在同一时间, 仅 能将电子文档的一部分显示在屏幕上。此时,用户需要在屏幕上将电子文档进行平移显示, 从而显示出电子文档的其它部分。 例如, 用户可以向上平移显示电子文档, 或向下平移显 示电子文档。
但是如果移动终端已经显示到电子文档的一侧的边缘部分,那么用户触发的将该电子 文档向另一侧进行平移显示的请求, 通常无法得到移动终端的响应, 此时, 很容易被用户 理解为移动终端发生了卡顿或死机。 发明内容
本公开实施例提供了一种触控显示屏上的文档显示方法及装置。 所述技术方案如下: 根据本公开实施例的第一方面,提供一种触控显示屏上的文档显示方法,该方法包括: 在触控显示屏上显示电子文档的边缘区域,该边缘区域包括有该电子文档的边缘和若 干个显示元素;
检测作用于触控显示屏上的对象的运动;
响应于该对象的运动, 将若干个显示元素向远离该边缘的方向进行拉伸显示。
根据本公开实施例的第二方面,提供一种触控显示屏上的文档显示装置,该方法包括: 在触控显示屏上显示电子文档的第一区域;
检测作用于触控显示屏上的对象的运动;
响应于该对象的运动, 将该电子文档的第一区域进行平移显示为第二区域; 在触控显示屏上不再检测到该运动时, 将该电子文档的第二区域继续进行平移显示; 若该平移显示抵达该电子文档的边缘区域,则将边缘区域中的若干个显示元素向远离 电子文档的边缘的方向进行拉伸显示, 该边缘区域包括有该边缘和若干个显示元素; 将该拉伸显示后的显示元素恢复为拉伸前的显示状态。
根据本公开实施例的第三方面, 提供了一种触控显示屏上的文档显示装置, 该装置包 括- 区域显示模块, 被配置为在触控显示屏上显示电子文档的边缘区域, 边缘区域包括有 电子文档的边缘和若干个显示元素;
运动检测模块, 被配置为检测作用于触控显示屏上的对象的运动;
拉伸显示模块, 被配置为响应于对象的运动, 将若干个显示元素向远离边缘的方向进 行拉伸显示。
根据本公开实施例的第四方面, 提供了一种触控显示屏上的文档显示装置, 该装置包 括- 区域显示模块, 被配置为在触控显示屏上显示电子文档的第一区域;
运动检测模块, 被配置为检测作用于触控显示屏上的对象的运动;
第二显示模块, 被配置为响应于对象的运动, 将电子文档的第一区域进行平移显示为 第二区域;
平移显示模块, 被配置为在触控显示屏上不再检测到对象时, 将电子文档的第二区域 继续进行平移显示;
拉伸显示模块, 被配置为在平移显示抵达电子文档的边缘区域时, 将边缘区域中的若 干个显示元素向远离电子文档的边缘的方向进行拉伸显示,边缘区域包括有边缘和若干个 显示元素;
恢复显示模块, 被配置为将拉伸显示后的显示元素恢复为拉伸前的显示状态。
根据本公开实施例的第五方面, 提供了一种触控显示屏上的文档显示装置, 该装置包 括- 处理器;
用于存储处理器的可执行指令的存储器;
与处理器电性相连的触控显示屏;
其中, 处理器被配置为:
在触控显示屏上显示电子文档的边缘区域,边缘区域包括有电子文档的边缘和若干个 显示元素;
检测作用于触控显示屏上的对象的运动;
响应于该对象的运动, 将若干个显示元素向远离边缘的方向进行拉伸显示。
根据本公开实施例的第六方面, 提供了一种触控显示屏上的文档显示装置, 该装置包 括- 处理器;
用于存储处理器的可执行指令的存储器; 与处理器电性相连的触控显示屏;
其中, 处理器被配置为:
在触控显示屏上显示电子文档的第一区域;
检测作用于触控显示屏上的对象的运动;
响应于该对象的运动, 将电子文档的第一区域进行平移显示为第二区域;
在触控显示屏上不再检测到对象时, 将电子文档的第二区域继续进行平移显示; 若平移显示抵达电子文档的边缘区域,将边缘区域中的若干个显示元素向远离电子文 档的边缘的方向进行拉伸显示, 边缘区域包括有边缘和若干个显示元素;
将拉伸显示后的显示元素恢复为拉伸前的显示状态。
本公开实施例提供的技术方案可以包括以下有益效果:
通过在已经显示到电子文档的边缘区域时,将若干个显示元素向远离电子文档的边缘 的方向进行拉伸显示, 作为对用户平移操作的一种响应; 能够使用户清楚地获知已经显示 到电子文档的边缘, 避免用户重复进行没有实际操作意义的平移操作, 从而提高用户的操 作效率。
应当理解的是, 以上的一般描述和后文的细节描述仅是示例性和解释性的, 并不能限 制本公开。 附图说明
此处的附图被并入说明书中并构成本说明书的一部分, 示出了符合本公开的实施例, 并与说明书一起用于解释本公开的原理。
图 1是根据一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 2A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 2B至图 2E是图 2A示例性实施例在实施时的界面示意图;
图 3A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 3B至图 3E是图 3A示例性实施例在实施时的界面示意图;
图 4A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 4B至图 4D是图 4A示例性实施例在实施时的界面示意图;
图 5A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 5B至图 5D是图 5A示例性实施例在实施时的界面示意图;
图 6A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 6B和图 6C是图 6A示例性实施例在实施时的界面示意图;
图 7A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 7B是图 7A示例性实施例在实施时的界面示意图;
图 8A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 8B是图 8A示例性实施例在实施时的界面示意图; 图 9A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 9B是图 9A示例性实施例在实施时的界面示意图;
图 10A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 10B至图 10D是图 10A示例性实施例在实施时的界面示意图;
图 11A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 11B是图 11A示例性实施例在实施时的界面示意图;
图 12A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图; 图 12B和图 12C是图 12A示例性实施例在实施时的界面示意图;
图 13是根据一示例性实施例示出的一种触控显示屏上的文档显示装置的框图; 图 14是根据另一示例性实施例示出的一种触控显示屏上的文档显示装置的框图; 图 15是根据另一示例性实施例示出的一种触控显示屏上的文档显示装置的框图; 图 16是根据另一示例性实施例示出的一种触控显示屏上的文档显示装置的框图。 通过上述附图, 已示出本公开明确的实施例, 后文中将有更详细的描述。 这些附图和 文字描述并不是为了通过任何方式限制本公开构思的范围,而是通过参考特定实施例为本 领域技术人员说明本公开的概念。 具体实施方式
这里将详细地对示例性实施例进行说明, 其示例表示在附图中。 下面的描述涉及附图 时, 除非另有表示, 不同附图中的相同数字表示相同或相似的要素。 以下示例性实施例中 所描述的实施方式并不代表与本公开相一致的所有实施方式。相反, 它们仅是与如所附权 利要求书中所详述的、 本公开的一些方面相一致的装置和方法的例子。
首先对本公开实施例所涉及的几个名词进行解释:
电子文档: 是指网页、 数字图像、 电子文档、 电子表格、 应用程序交互界面和操作系 统交互界面的子集或超集。电子文档在显示时所需要的区域通常大于触控显示屏的单屏显 示区域。
显示元素: 是图标、 头像、 图像、 文本、 单元格和交互控件的子集或超集。 显示元素 通常在电子文档中占据一个子区域。 不同的显示元素之间, 可以紧贴相邻, 也可以互相隔 开。
边缘区域: 电子文档的一部分区域。边缘区域的大小等于或小于触控显示屏的单屏显 示区域, 边缘区域包括有电子文档的边缘和若干个显示元素。 图 1是根据一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图,本实 施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法可以 包括如下几个步骤:
在步骤 101中, 在触控显示屏上显示电子文档的边缘区域, 该边缘区域包括有电子文 档的边缘和若干个显示元素。
在步骤 102中, 检测作用于触控显示屏上的对象的运动。
在步骤 103中, 响应于该对象的运动, 将若干个显示元素向远离该边缘的方向进行拉 伸显示。
综上所述,本实施例提供的文档显示方法,通过在已经显示到电子文档的边缘区域时, 将若干个显示元素向远离电子文档的边缘的方向进行拉伸显示,作为对用户平移操作的一 种响应; 能够使用户清楚地获知已经显示到电子文档的边缘, 避免用户重复进行没有实际 操作意义的平移操作, 从而提高用户的操作效率。 图 2A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法 可以包括如下几个步骤。
在步骤 201中, 在触控显示屏上显示电子文档的边缘区域, 该边缘区域包括有电子文 档的边缘和若干个显示元素。
电子文档的边缘可以与触控显示屏的显示区域的边缘重合,而不在触控显示屏的显示 区域中明确示出。
在步骤 202中, 检测作用于触控显示屏上的对象的运动。
该对象是用户的手指、 触控笔或其它可以被触控显示屏所检测到的控制物体。
在触控显示屏不支持悬浮触控时, 该对象直接作用于触控显示屏上。
在触控显示屏支持悬浮触控时, 该对象直接作用于触控显示屏上, 或, 该对象以一定 的间隔悬浮作用于触控显示屏上。
当该对象运动时,终端通过触控显示屏检测出该对象的运动。该运动可以是平移运动。 比如, 该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 203中, 响应于该对象的运动, 将该边缘区域中的全部显示元素向远离该边缘 的方向进行拉伸显示。
作为对该对象的运动的响应,终端将该边缘区域中的全部显示元素向远离该边缘的方 向进行拉伸显示。 拉伸显示是指沿远离该边缘的方向将显示元素进行放大的一种显示方 式。 该边缘是对象的运动所远离的边缘。
其中, 每个显示元素的拉伸比例可以是相同的。 或, 每个显示元素的拉伸比例与第一 距离呈正相关关系, 该第一距离是显示元素和边缘之间的距离。
作为一种示例, 结合参考图 2B, 电子文档是图片展示应用的交互界面 22。 该交互界 面 22中包括有按照 6行 3列顺序排列的 18个缩略图, 该 18个缩略图的编号从 1至 18。 但是由于触控显示屏 23的显示区域较小, 只能显示出交互界面 22的边缘区域 22a。 该边 缘区域 22a包括交互界面 22的上边缘 26, 以及按照 4行 3列顺序排列的编号从 1至 12 的缩略图。其中, 交互界面 22的上边缘 26与触控显示屏 23的上边缘重合, 在图 2B上并 未明确示出。
继续结合参考图 2C和图 2D, 以对象是用户的手指为例, 当手指在触控显示屏 23上 向下运动时, 终端通过触控显示屏 23检测出手指的运动。 响应于该手指的运动, 终端将 边缘区域 22a中的 12个缩略图向远离上边缘 26的方向进行拉伸显示。拉伸后的缩略图的 宽度没有发生变化, 但是高度发生了拉伸。 而且, 最下一行的缩略图 10、 缩略图 11和缩 略图 12的一部分被平移出触控显示屏 23的显示区域, 不再显示。拉伸显示的每两行缩略 图之间的间距通常保持不变,或者,拉伸显示的每两行缩略图之间的间距也跟随拉伸显示。
其中, 在图 2C示出的示例中, 各个缩略图的拉伸比例是相同的。 也即, 每个缩略图 在拉伸后的高度是相同的。 该拉伸比例与手指的运动距离呈正相关关系, 也即, 手指在触 控显示屏 23上的运动距离越长, 该拉伸比例越大; 手指在触控显示屏 23上的运动距离越 小, 该拉伸比例越小。
在图 2D示出的示例中, 各个缩略图的拉伸比例是不同的, 每个缩略图的拉伸比例与 第一距离呈正相关关系, 该第一距离是缩略图和上边缘 26之间的距离。 也即, 拉伸显示 的缩略图与上边缘 26的距离越大, 拉伸比例越大; 拉伸显示的缩略图与上边缘 26的距离 越小, 拉伸比例越小。 比如, 缩略图 7、 缩略图 8和缩略图 9采用第一拉伸比例, 缩略图 4、 缩略图 5和缩略图 6采用第二拉伸比例, 则第一拉伸比例大于第二拉伸比例。
在步骤 204中, 在触控显示屏上不再检测到对象时, 将拉伸显示后的显示元素恢复为 拉伸前的显示状态。
在触控显示屏不再检测到对象时,终端将拉伸显示后的显示元素恢复为拉伸前的显示 状态。 该恢复过程可以视为步骤 203的逆过程, 但与步骤 203不同的是, 步骤 203的拉伸 过程是跟随对象的运动的过程, 而步骤 204 中的恢复过程是以预设速率或预设时间来执 行。
换句话说, 终端可以以预设速率将拉伸显示后的显示元素恢复为拉伸前的显示状态。 该预设速率可以是匀速速率、 匀减速速率、 匀加速速率、 与拉伸时的速率呈正相关关系的 速率等, 本实施例不对该预设速率进行限定。
或者, 终端可以在预设时间内将拉伸显示后的显示元素恢复为拉伸前的显示状态。该 预设时间可以是 0.2秒。
作为一种示例, 如图 2E所示, 在触控显示屏上 23不再检测到手指时, 终端在 0.2秒 内将 12个拉伸显示后的缩略图恢复为拉伸前的显示状态。
需要说明的是, 上述拉伸显示过程和恢复显示过程中, 终端都保持电子文档的边缘的 显示状态不变。
作为步骤 204的另外一种可能性, 若在触控显示屏上仍然能够检测到对象, 但该对象 保持静止状态不再运动, 则终端保持当前的显示状态不变。
综上所述,本实施例提供的文档显示方法,通过在已经显示到电子文档的边缘区域时, 将若干个显示元素向远离电子文档的边缘的方向进行拉伸显示,作为对用户平移操作的一 种响应; 能够使用户清楚地获知已经显示到电子文档的边缘, 避免用户重复进行没有实际 操作意义的平移操作, 从而提高用户的操作效率。
本实施例提供的文档显示方法,还通过将拉伸显示后的显示元素恢复为拉伸前的显示 状态, 使得在用户清楚地获知已经显示到电子文档的边缘后, 恢复拉伸前的显示状态, 以 方便用户执行其它操作。 图 3A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法 可以包括如下几个步骤。
在步骤 301中, 在该触控显示屏上显示电子文档的边缘区域, 该边缘区域包括有该电 子文档的边缘和若干个显示元素。
电子文档的边缘可以与触控显示屏的显示区域的边缘重合,而不在触控显示屏的显示 区域中明确示出。
在步骤 302中, 检测作用于该触控显示屏上的对象的运动。
该对象是用户的手指、 触控笔或其它可以被触控显示屏所检测到的控制物体。
在触控显示屏不支持悬浮触控时, 该对象直接作用于触控显示屏上。
在触控显示屏支持悬浮触控时, 该对象直接作用于触控显示屏上, 或, 该对象以一定 的间隔悬浮作用于触控显示屏上。
当该对象运动时,终端通过触控显示屏检测出该对象的运动。该运动可以是平移运动。 比如, 该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 303中, 响应于该对象的运动, 将离该边缘最近的 n行显示元素的显示状态保 持不变, 将除去离该边缘最近的 n行显示元素之外的其它行显示元素, 向远离该边缘的方 向进行拉伸显示, n为正整数。
拉伸显示是指沿远离该边缘的方向将显示元素进行放大的一种显示方式,该边缘是对 象的运动所远离的边缘。
其中, 每个显示元素的拉伸比例可以是相同的。 或, 每个显示元素的拉伸比例与第一 距离呈正相关关系, 该第一距离是显示元素和边缘之间的距离。
作为一种示例, 结合参考图 3B, 电子文档是通讯录应用的交互界面 32。 该交互界面 32中包括有标题行 322和 10个通话记录行。 但是由于触控显示屏 33的显示区域较小, 只能显示出交互界面 32的边缘区域 32a。 该边缘区域 32a包括交互界面 32的上边缘 36, 以及前 7个通话记录行。其中, 交互界面 32的上边缘 26与触控显示屏 23的上边缘重合, 在图 3B上并未明确示出。
继续结合参考图 3C和图 3D, 以对象是用户的手指为例, 当手指在触控显示屏 33上 向下运动时, 终端通过触控显示屏 33检测出手指的运动。 响应于该手指的运动, 终端将 离上边缘 36最近一行的显示元素: 标题行 322的显示形状保持不变, 而将边缘区域 32a 中的 7个通话记录行向远离上边缘 36的方向进行拉伸显示。 拉伸后的通话记录行的宽度 没有发生变化, 但是高度发生了拉伸。
其中, 在图 3C示出的示例中, 各个通话记录行的拉伸比例是相同的。 也即, 每个通 话记录行在拉伸后的高度是相同的。 该拉伸比例与手指的运动距离呈正相关关系, 也即, 手指在触控显示屏 33上的运动距离越长, 该拉伸比例越大; 手指在触控显示屏 33上的运 动距离越小, 该拉伸比例越小。 另外, 最下一排的第 7个通话记录行的一部分被平移出触 控显示屏 33的显示区域, 不再显示。
在图 3D示出的示例中, 各个通话记录行的拉伸比例是不同的, 每个通话记录行的拉 伸比例与第一距离呈正相关关系, 该第一距离是通话记录行和上边缘 36之间的距离。 也 B , 拉伸显示的通话记录行与上边缘 36的距离越大, 拉伸比例越大; 拉伸显示的通话记 录行与上边缘 36的距离越小, 拉伸比例越小。 比如, 第 6个通话记录行的拉伸比例大于 第 5个通话记录行的拉伸比例,第 5个通话记录行的拉伸比例大于第 4个通话记录行的拉 伸比例, 第 4个通话记录行的拉伸比例大于第 3个通话记录行的拉伸比例。 另外, 最下一 排的第 6个通话记录行的一部分以及第 7个通话记录行的全部被平移出触控显示屏 33的 显示区域, 不再显示。
在步骤 304中, 在触控显示屏上不再检测到对象时, 将拉伸显示后的显示元素恢复为 拉伸前的显示状态。
在触控显示屏不再检测到对象时,终端将拉伸显示后的显示元素恢复为拉伸前的显示 状态。 该恢复过程可以视为步骤 303的逆过程, 但与步骤 303不同的是, 步骤 303的拉伸 过程是跟随对象的运动的过程, 而步骤 304 中的恢复过程是以预设速率或预设时间来执 行。
换句话说, 终端可以以预设速率将拉伸显示后的显示元素恢复为拉伸前的显示状态。 该预设速率可以是匀速速率、 匀减速速率、 匀加速速率、 与拉伸时的速率呈正相关关系的 速率等, 本实施例不对该预设速率进行限定。
或者, 终端可以在预设时间内将拉伸显示后的显示元素恢复为拉伸前的显示状态。该 预设时间可以是 0.3秒。
作为一种示例, 如图 3E所示, 在触控显示屏上 33不再检测到手指时, 终端在 0.3秒 内将 7个拉伸显示后的通话记录行恢复为拉伸前的显示状态。
需要说明的是, 上述拉伸显示过程和恢复显示过程中, 终端都保持电子文档的边缘的 显示状态不变。
作为步骤 304的另外一种可能性, 若在触控显示屏上仍然能够检测到对象, 但该对象 保持静止状态不再运动, 则终端保持当前的显示状态不变。
综上所述,本实施例提供的文档显示方法,通过在已经显示到电子文档的边缘区域时, 将若干个显示元素向远离电子文档的边缘的方向进行拉伸显示,作为对用户平移操作的一 种响应; 能够使用户清楚地获知已经显示到电子文档的边缘, 避免用户重复进行没有实际 操作意义的平移操作, 从而提高用户的操作效率。
本实施例提供的文档显示方法,还通过将拉伸显示后的显示元素恢复为拉伸前的显示 状态, 能够在恢复至拉伸旋转前的电子文档上执行其它操作, 不影响用户后续对电子文档 的正常使用。 图 4A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法 可以包括如下几个步骤。
在步骤 401中, 在触控显示屏上显示电子文档的边缘区域, 该边缘区域包括有该电子 文档的边缘和若干个显示元素。
电子文档的边缘可以与触控显示屏的显示区域的边缘重合,而不在触控显示屏的显示 区域中明确示出。
在步骤 402中, 检测作用于该触控显示屏上的对象的运动。
该对象是用户的手指、 触控笔或其它可以被触控显示屏所检测到的控制物体。
在触控显示屏不支持悬浮触控时, 该对象直接作用于触控显示屏上。
在触控显示屏支持悬浮触控时, 该对象直接作用于触控显示屏上, 或, 该对象以一定 的间隔悬浮作用于触控显示屏上。
当该对象运动时,终端通过触控显示屏检测出该对象的运动。该运动可以是平移运动。 比如, 该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 403中, 响应于该对象的运动, 将位于该边缘和对象位置之间的显示元素, 向 远离该边缘的方向进行拉伸显示。
作为对对象的运动的响应,终端将该边缘区域中位于边缘和对象位置之间的显示元素 向远离该边缘的方向进行拉伸显示。 该边缘是对象的运动所远离的边缘。
拉伸显示是指沿远离该边缘的方向将显示元素进行放大的一种显示方式。 其中, 对象 位置是对象在触控显示屏上对应的作用位置。
其中, 每个显示元素的拉伸比例可以是相同的。 或, 每个显示元素的拉伸比例与第一 距离呈正相关关系, 该第一距离是显示元素和边缘之间的距离。
作为一种示例, 结合参考图 4B和图 4C, 仍然以电子文档是图片展示应用的交互界面 22, 对象是用户的手指为例, 当手指在触控显示屏 23上向下运动时, 终端通过触控显示 屏 23检测出手指的运动。 响应于该手指的运动, 终端将边缘区域 22a中位于手指位置和 上边缘 26之间的 6个缩略图向远离上边缘 26的方向进行拉伸显示。拉伸后的缩略图的宽 度没有发生变化, 但是高度发生了拉伸。拉伸显示的每两行缩略图之间的间距通常保持不 变, 或者, 拉伸显示的每两行缩略图之间的间距也跟随拉伸显示。
其中, 位于手指位置的另一侧的缩略图 7至缩略图 12并不进行拉伸显示, 而且最下 一行的缩略图 10、 缩略图 11和缩略图 12的一部分被平移出触控显示屏 23的显示区域, 不再显示。
在图 4B示出的示例中, 拉伸显示的各个缩略图的拉伸比例是相同的。 也即, 每个缩 略图在拉伸后的高度是相同的。 该拉伸比例与手指的运动距离呈正相关关系, 也即, 手指 在触控显示屏 23上的运动距离越长, 该拉伸比例越大; 手指在触控显示屏 23上的运动距 离越小, 该拉伸比例越小。
在图 4C示出的示例中, 拉伸显示的各个缩略图的拉伸比例是不同的, 每个缩略图的 拉伸比例与第一距离呈正相关关系, 该第一距离是缩略图和上边缘 26之间的距离。也即, 拉伸显示的缩略图与上边缘 26的距离越大, 拉伸比例越大; 拉伸显示的缩略图与上边缘 26的距离越小, 拉伸比例越小。 比如, 缩略图 4、缩略图 5和缩略图 6采用第一拉伸比例, 缩略图 1、 缩略图 2和缩略图 3采用第二拉伸比例, 则第一拉伸比例大于第二拉伸比例。
在步骤 404中, 在触控显示屏上不再检测到对象时, 将拉伸显示后的显示元素恢复为 拉伸前的显示状态。
在触控显示屏不再检测到对象时,终端将拉伸显示后的显示元素恢复为拉伸前的显示 状态。 该恢复过程可以视为步骤 403的逆过程, 但与步骤 403不同的是, 步骤 403的拉伸 过程是跟随对象的运动的过程, 而步骤 404 中的恢复过程是以预设速率或预设时间来执 行。
换句话说, 终端可以以预设速率将拉伸显示后的显示元素恢复为拉伸前的显示状态。 该预设速率可以是匀速速率、 匀减速速率、 匀加速速率、 与拉伸时的速率呈正相关关系的 速率等, 本实施例不对该预设速率进行限定。
或者, 终端可以在预设时间内将拉伸显示后的显示元素恢复为拉伸前的显示状态。该 预设时间可以是 0.4秒。
作为一种示例, 如图 4D所示, 在触控显示屏上 23不再检测到手指时, 终端在 0.4秒 内将 6个拉伸显示后的缩略图恢复为拉伸前的显示状态。
需要说明的是, 上述拉伸显示过程和恢复显示过程中, 终端都保持电子文档的边缘的 显示状态不变。
作为步骤 404的另外一种可能性, 若在触控显示屏上仍然能够检测到对象, 但该对象 保持静止状态不再运动, 则终端保持当前的显示状态不变。
综上所述,本实施例提供的文档显示方法,通过在已经显示到电子文档的边缘区域时, 将若干个显示元素向远离电子文档的边缘的方向进行拉伸显示,作为对用户平移操作的一 种响应; 能够使用户清楚地获知已经显示到电子文档的边缘, 避免用户重复进行没有实际 操作意义的平移操作, 从而提高用户的操作效率。
本实施例提供的文档显示方法,还通过将拉伸显示后的显示元素恢复为拉伸前的显示 状态, 使得在用户清楚地获知已经显示到电子文档的边缘后, 恢复拉伸前的显示状态, 以 方便用户执行其它操作。 图 5A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法 可以包括如下几个步骤。
在步骤 501中, 在触控显示屏上显示电子文档的边缘区域, 该边缘区域包括有该电子 文档的边缘和若干个显示元素。
电子文档的边缘可以与触控显示屏的显示区域的边缘重合,而不在触控显示屏的显示 区域中明确示出。
在步骤 502中, 检测作用于触控显示屏上的对象的运动。
该对象是用户的手指、 触控笔或其它可以被触控显示屏所检测到的控制物体。
在触控显示屏不支持悬浮触控时, 该对象直接作用于触控显示屏上。
在触控显示屏支持悬浮触控时, 该对象直接作用于触控显示屏上, 或, 该对象以一定 的间隔悬浮作用于触控显示屏上。
当该对象运动时,终端通过触控显示屏检测出该对象的运动。该运动可以是平移运动。 比如, 该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 503中, 响应于该运动, 将位于该边缘和对象位置之间的显示元素中, 除去离 该边缘最近的 n行显示元素之外的其它行显示元素, 向远离该边缘的方向进行拉伸显示, n为正整数。
拉伸显示是指沿远离该边缘的方向将显示元素进行放大的一种显示方式。该边缘是对 象的运动所远离的边缘。
其中, 每个显示元素的拉伸比例可以是相同的。 或, 每个显示元素的拉伸比例与第一 距离呈正相关关系, 该第一距离是显示元素和边缘之间的距离。
作为一种示例, 结合参考图 5B和图 5C, 以电子文档是通讯录应用的交互界面 32, 以对象是用户的手指, n=l为例, 当手指在触控显示屏 33上向下运动时, 终端通过触控 显示屏 33检测出手指的运动。 响应于该手指的运动, 终端将位于上边缘 36和手指位置之 间的显示元素中, 离上边缘 36最近一行的显示元素: 标题行 322的显示形状保持不变, 而将第 1个至第 4个通话记录行向远离上边缘 36的方向进行拉伸显示。 拉伸后的通话记 录行的宽度没有发生变化, 但是高度发生了拉伸。
其中, 在图 5B示出的示例中, 第 1个至第 4个通话记录行的拉伸比例是相同的。 也 即, 每个通话记录行在拉伸后的高度是相同的。 该拉伸比例与手指的运动距离呈正相关关 系, 也即, 手指在触控显示屏 33上的运动距离越长, 该拉伸比例越大; 手指在触控显示 屏 33上的运动距离越小, 该拉伸比例越小。 另外, 位于第 6个通话记录行的一部分和第 7个通话记录行的全部被平移出触控显示屏 33的显示区域, 不再显示。
在图 5C示出的示例中, 各个通话记录行的拉伸比例是不同的, 每个通话记录行的拉 伸比例与第一距离呈正相关关系, 该第一距离是通话记录行和上边缘 36之间的距离。 也 B , 拉伸显示的通话记录行与上边缘 36的距离越大, 拉伸比例越大; 拉伸显示的通话记 录行与上边缘 36的距离越小, 拉伸比例越小。 比如, 第 4个通话记录行的拉伸比例大于 第 3个通话记录行的拉伸比例,第 3个通话记录行的拉伸比例大于第 2个通话记录行的拉 伸比例, 第 2个通话记录行的拉伸比例大于第 1个通话记录行的拉伸比例。 另外, 最下一 排的第 6个通话记录行的一部分以及第 7个通话记录行的全部被平移出触控显示屏 33的 显示区域, 不再显示。
在步骤 504中, 在触控显示屏上不再检测到对象时, 将拉伸显示后的显示元素恢复为 拉伸前的显示状态。
在触控显示屏不再检测到对象时,终端将拉伸显示后的显示元素恢复为拉伸前的显示 状态。 该恢复过程可以视为步骤 503的逆过程, 但与步骤 503不同的是, 步骤 503的拉伸 过程是跟随对象的运动的过程, 而步骤 504 中的恢复过程是以预设速率或预设时间来执 行。
换句话说, 终端可以以预设速率将拉伸显示后的显示元素恢复为拉伸前的显示状态。 该预设速率可以是匀速速率、 匀减速速率、 匀加速速率、 与拉伸时的速率呈正相关关系的 速率等, 本实施例不对该预设速率进行限定。
或者, 终端可以在预设时间内将拉伸显示后的显示元素恢复为拉伸前的显示状态。该 预设时间可以是 0.4秒。
作为一种示例, 如图 5D所示, 在触控显示屏上 33不再检测到手指时, 终端在 0.4秒 内将 7个拉伸显示后的通话记录行恢复为拉伸前的显示状态。
需要说明的是, 上述拉伸显示过程和恢复显示过程中, 终端都保持电子文档的边缘的 显示状态不变。
作为步骤 504的另外一种可能性, 若在触控显示屏上仍然能够检测到对象, 但该对象 保持静止状态不再运动, 则终端保持当前的显示状态不变。
综上所述,本实施例提供的文档显示方法,通过在已经显示到电子文档的边缘区域时, 将若干个显示元素向远离电子文档的边缘的方向进行拉伸显示,作为对用户平移操作的一 种响应; 能够使用户清楚地获知已经显示到电子文档的边缘, 避免用户重复进行没有实际 操作意义的平移操作, 从而提高用户的操作效率。
本实施例提供的文档显示方法,还通过将拉伸显示后的显示元素恢复为拉伸前的显示 状态, 使得在用户清楚地获知已经显示到电子文档的边缘后, 恢复拉伸前的显示状态, 以 方便用户执行其它操作。 图 6A示出了是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流 程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显 示方法可以包括如下几个步骤。
在步骤 601中, 在触控显示屏上显示电子文档的边缘区域, 该边缘区域包括有电子文 档的边缘和若干个显示元素。 在步骤 602中, 检测作用于触控显示屏上的对象的运动。
该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 603中, 响应于该对象的运动, 将若干个显示元素向远离该边缘的方向进行拉 伸显示。
步骤 603可以采用步骤 203、 步骤 303、 步骤 403和步骤 503中的任意一种实现。 在步骤 604中, 在触控显示屏上不再检测到对象时, 在第一预设时长内将若干个显示 元素继续进行拉伸显示。
在拉伸显示过程中, 拉伸速率与对象的运动速率有关。
在触控显示屏上不再检测到对象的运动时,终端在第一预设时长内将若干个显示元素 继续进行拉伸显示。 该第一预设时长可以是 0.2秒。
作为一种示例, 结合参考图 6B, 仍然以电子文档是图片展示应用的交互界面, 对象 是用户的手指为例, 当手指在触控显示屏 23上向下运动时, 终端通过触控显示屏 23检测 出手指的运动。 响应于该手指的运动, 终端将边缘区域 22a 中位于手指位置和上边缘 26 之间的 6个缩略图向远离上边缘 26的方向进行拉伸显示。当在触控显示屏 23上检测不到 手指时, 终端在 0.2秒内将 6个缩略图向远离上边缘 26的方向继续进行拉伸显示。
在步骤 605 中, 在第二预设时长内将拉伸显示后的显示元素恢复为拉伸前的显示状 态。
终端在停止拉伸显示后,可以在第二预设时长内将拉伸显示后的显示元素恢复为拉伸 前的显示状态。 第二预设时长可以是 0.4秒。
作为一种示例, 结合参考图 6C, 终端在 0.2秒内继续将 6个缩略图向远离上边缘 26 的方向进行拉伸显示之后, 终端在 0.4秒内将拉伸显示后的 6个缩略图恢复为拉伸前的显 示状态。
作为步骤 604的另外一种可能性, 若在触控显示屏上仍然能够检测到对象, 但该对象 保持静止状态不再运动, 则终端保持当前的显示状态不变。
综上所述, 本实施例提供的文档显示方法, 还通过在不再检测到对象时, 将若干个显 示元素继续进行拉伸显示, 使得用户的手指离开触控显示屏后, 用户在无手指遮挡后更加 清楚地观察到拉伸显示的显示元素, 进而更加清楚地获知已经显示到电子文档的边缘。
需要补充说明的是, 在步骤 604之前, 终端还可以包括如下步骤。
第一, 检测触控显示屏不再检测到对象之前, 对象的运动速度是否超过预设阈值。 第二, 若超过预设阈值, 则执行步骤 604。
第三, 若未超过预设阈值, 则执行步骤 504。 图 7A示出了是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流 程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显 示方法可以包括如下几个步骤。 在步骤 701中, 在触控显示屏上显示电子文档的边缘区域, 该边缘区域包括有电子文 档的边缘和若干个显示元素。
在步骤 702中, 检测作用于触控显示屏上的对象的运动。
该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 703中, 响应于对象的运动, 将若干个显示元素向远离该边缘的方向进行拉伸 显示。
步骤 703可以采用步骤 203、 步骤 303、 步骤 403和步骤 503中的任意一种实现。 在步骤 704中, 在触控显示屏上不再检测到对象时, 将拉伸显示后的显示元素进行至 少一次弹性伸缩显示, 再恢复为拉伸前的显示状态。
一次弹性伸缩显示是连贯的缩放显示和拉伸显示所组成的动画显示效果。终端可以将 拉伸显示后的显示元素进行一次弹性伸缩显示, 再恢复为拉伸前的显示状态。终端也可以 将拉伸显示后的显示元素进行若干次弹性伸缩显示, 再恢复为拉伸前的显示状态。在相邻 的两次弹性伸缩显示之间,在前的弹性伸缩显示所采用的缩放比例大于在后的弹性伸缩显 示所采用的缩放比例。
以终端进行一次弹性伸缩显示为例,如图 7B所示,在触控显示屏上 33不再检测到手 指时, 终端在 0.2秒内将 7个拉伸显示后的通话记录行进行缩放显示, 缩放显示后的通话 记录行的宽度保持不变, 高度小于原始高度; 然后, 终端在 0.4秒内将 7个缩放显示后的 通话记录行进行拉伸显示, 恢复为跟随对象的运动所进行的拉伸显示之前的显示状态, 也 即原始的显示状态。 从用户的视觉角度来讲, 7个通话记录行在手指松开后, 进行了一次 弹性伸缩显示之后, 被恢复为了原始的显示状态。
当然, 终端还可以进行多次弹性伸缩显示后, 将显示元素恢复为原始的显示状态。 需要说明的是, 根据弹性伸缩显示的次数的不同, 每次弹性伸缩显示时的伸缩比例的 不同, 弹性伸缩显示的显示效果会存在多种, 本文对此不一一赘述, 但不限定该弹性伸缩 显示的形式。 在上述几个实施例中, 终端显示出电子文档的边缘区域的方式, 可以是初始即显示电 子文档的边缘区域, 也可以是在平移过程中显示出电子文档的边缘区域。 下面分三个不同 的实施例做介绍。
第一种实现方式:
图 8A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法 可以包括如下几个步骤。
在步骤 801中, 响应于打开电子文档的第一信号, 在触控显示屏上显示电子文档的边 缘区域, 该边缘区域包括有电子文档的边缘和若干个显示元素。
终端在显示某一用户界面时, 可以接收用户触发的用于打开电子文档的第一信号, 该 第一信号可以是点击与电子文档对应的快捷方式或图标的信号。
然后, 终端响应于第一信号, 在触控显示屏上显示电子文档的边缘区域, 该边缘区域 包括有电子文档的边缘和若干个显示元素。该边缘通常包括电子文档的上边缘、 左边缘或 者两者的结合。
作为一个示例, 请参考图 8B, 终端首先显示快捷方式界面 82, 该快捷方式界面 82 包括有按照 4行 3列排布的 12个应用程序的图标, 当用户的手指点击通讯录应用的图标 84时, 触发第一信号。 终端响应于第一信号, 在触控显示屏 83上将快捷方式界面 82取 消显示, 然后显示电子文档, 该电子文档即为通讯录应用的交互界面 86。 该交互界面 86 包括左边缘 87、 上边缘 88和右边缘 89。 但是由于交互界面 86的长度大于触控显示屏 83 的高度, 所以未显示出下边缘。
在步骤 802中, 检测作用于触控显示屏上的对象的运动。
该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 803中,响应于该运动,将若干个显示元素向远离该边缘的方向进行拉伸显示。 本步骤可以采用步骤 203、 步骤 303、 步骤 403和步骤 503中的任意一种实现。
第二种实现方式:
图 9A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法 可以包括如下几个步骤。
在步骤 901中, 响应于切换至电子文档的第二信号, 在触控显示屏上显示电子文档的 边缘区域。
终端在显示有电子文档 A时, 可以接收用户触发的用于切换至电子文档 B的第二信 号, 该第二信号可以是点击与电子文档 B对应的快捷方式或图标的信号。
然后, 终端响应于第二信号, 在触控显示屏上显示电子文档 B的边缘区域, 该边缘区 域包括有电子文档 B的边缘和若干个显示元素。该边缘通常包括电子文档的上边缘、左边 缘或者两者的结合。
作为一个示例, 请参考图 9B, 假设电子文档 A是联系人界面, 电子文档 B是通话记 录界面, 终端首先显示通信录应用中的联系人界面 92, 当用户的手指点击位于联系人界 面 92上方的与通话记录界面 94对应的控件 96时, 触发第二信号。 终端响应于第二信号, 在触控显示屏 93上将联系人界面 92切换显示为通话记录界面 94, 该通话记录界面 94包 括左边缘 97、 上边缘 98和右边缘 99。 但是由于通话记录界面 94的长度大于触控显示屏 93的高度, 所以未显示出下边缘。
在步骤 902中, 检测作用于触控显示屏上的对象的运动。
该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 903中, 响应于该对象的运动, 将若干个显示元素向远离该边缘的方向进行拉 伸显示。 本步骤可以采用步骤 203、 步骤 303、 步骤 403和步骤 503中的任意一种实现。
第三种实现方式:
图 10A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法 可以包括如下几个步骤。
在步骤 1001中, 在触控显示屏上显示电子文档的部分区域。
终端在显示有电子文档时, 可以显示电子文档的部分区域, 该部分区域包括有电子文 档的部分显示元素。
作为一个示例,请参考图 10B,假设电子文档是通话记录界面 102,在触控显示屏 103 上显示有该通话记录界面 102的部分区域。 该部分区域包括第 2个至第 8个通话记录行。
在步骤 1002中, 检测作用于触控显示屏上的对象的运动。
该对象是用户的手指、 触控笔或其它可以被触控显示屏所检测到的控制物体。
当该对象运动时,终端通过触控显示屏检测出该对象的运动。该运动可以是平移运动。 比如, 该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 1003中, 响应于对象的运动, 将电子文档的部分区域平移显示为边缘区域。 终端响应于对象的运动, 将电子文档进行平移显示。
作为一种示例, 请参考图 10C, 以对象是用户的手指为例, 当手指在触控显示屏 103 上向上运动时, 终端通过触控显示屏 103检测出手指的运动。 响应于该运动, 终端将电子 文档的部分区域向上平移显示为边缘区域 104, 该边缘区域 104包括有第 3个至第 9个通 话记录行以及通话记录界面的下边缘 106。
在步骤 1004中, 检测作用于触控显示屏上的对象的运动。
终端继续检测对象的运动,该运动可以是与步骤 1002中的运动相连贯的同一次运动, 也可以是与步骤 1002中的运动不相连贯的两次运动。
该运动可以是远离边缘区域 104中的下边缘 106的运动。
在步骤 1005 中, 响应于对象的运动, 将若干个显示元素向远离该边缘的方向进行拉 伸显示。
终端响应于对象的运动, 将若干个显示元素向远离下边缘 96的方向进行拉伸显示。 本步骤可以采用步骤 103、 步骤 303、 步骤 403和步骤 503中的任意一种实现。
作为一种示例,请参考图 10D,在显示边缘区域 104后,若手指仍然在触控显示屏 103 上向上运动, 终端响应于该手指的运动, 将边缘区域 104中的第 3个至第 9个通话记录行 向远离下边缘 106的方向进行拉伸显示。 需要说明的是,上述各个方法实施例所提及的文档显示方法可以在不同操作系统上实 现, 并且在不同操作系统上的底层实现方式可以各不相同。
比如, 若以安卓 (Android)操作系统实现图 2C所示出的拉伸效果, 也即将全部显示 元素以相同的拉伸比例进行拉伸显示的效果, 可以包括如图 12A所示出的步骤: 在步骤 1101中, 根据对象的运动距离更新弹性势能值 inertia;
该弹性势能值 inertia用于表示显示元素被拉伸显示时的弹性度。该弹性势能值 inertia 初始值可以为 0,
当电子文档在拉伸显示时,该弹性势能值 inertia与对象在触控显示屏上的运动距离呈 正相关关系, 也即, 对象在触控显示屏上的运动距离的值越大, 该弹性势能值 inertia也越 大。
终端每隔预定时间间隔, 根据对象的运动距离更新弹性势能值 inertia。 该预定时间间 隔可以小于等于两帧显示画面之间的显示间隔。
在步骤 1102中, 对于第 n帧显示画面, 终端根据当前的弹性势能值 inertia计算拉伸 比例;
由于显示画面是一帧帧显示的, 对于第 n 帧显示画面, 终端根据当前的弹性势能值 inertia计算拉伸比例。 该拉伸比例在相邻帧之间的增长速度与弹性势能值 inertia呈负相关 关系, 也即弹性势能值 inertia越大, 拉伸比例在相邻帧之间的增长速度越小; 弹性势能值 inertia越小, 拉伸比例在相邻帧之间的增长速度越大。
在步骤 1103中, 终端将第 1帧显示画面按照计算得到的拉伸比例进行拉伸后, 得到 第 n帧显示画面。
终端可以将需要拉伸显示的显示元素放置在一个容器中, 比如, 将整个电子文档的所 有显示元素都放置在一个容器中。然后, 终端将第 1帧显示画面按照计算得到的拉伸比例 进行拉伸后, 得到第 n帧显示画面, n 2。
作为一种示例, 请参考图 11B, 第 1帧显示画面中, 12个缩略图未进行拉伸, 但此时 平移显示已经抵达电子文档的边缘区域, 假设手指在触控显示屏 23上的运动距离为 a厘 米,此时的弹性势能值为 Al,则终端根据弹性势能值 A1计算得到第 2帧显示画面的拉伸 比例为纵向拉伸 104%。 则终端将 12个缩略图所在的容器沿纵向整体拉伸 104%, 得到第 2 帧显示画面。 第 2 帧显示画面相对于第 1 帧显示画面的拉伸比例的增长速度为: ( 104%- 100% ) /t=4%/t。 t为相邻两帧之间的显示时间差。
然后, 对于第 3帧显示画面, 假设手指在触控显示屏 23上的运动距离已经为 a+0.2 厘米, 此时的弹性势能值为 A2, 由于 A2〉A1, 则终端根据弹性势能值 A2计算得到第 3 帧显示画面的拉伸比例为纵向拉伸 107%。则终端将第 1帧显示画面中的 12个缩略图所在 的容器沿纵向整体拉伸 107%, 得到第 3帧显示画面。 显然, 由于手指的运动距离的增加, 弹性势能值在增加, 第 3 帧显示画面相对于第 2帧显示画面的拉伸比例的增长速度为: ( 107%- 104% ) /t=3%/t, 拉伸比例的增长速度在变小。
但是对于同一帧显示画面, 各个缩略图的拉伸比例相同。 另外, 本公开实施例还存在如下一种实施例: 图 12A是根据另一示例性实施例示出的一种触控显示屏上的文档显示方法的流程图, 本实施例以该文档显示方法应用于包括触控显示屏的终端中来举例说明。该文档显示方法 可以包括如下几个步骤。
在步骤 1201中, 在触控显示屏上显示电子文档的第一区域。
终端在显示有电子文档时, 可以显示电子文档的第一区域, 该第一区域包括有电子文 档的部分显示元素。
在步骤 1202中, 检测作用于触控显示屏上的对象的运动。
当该对象运动时,终端通过触控显示屏检测出该对象的运动。该运动可以是平移运动。 比如, 该运动可以是远离边缘区域中的一个边缘的运动。
在步骤 1203 中, 响应于对象的运动, 将电子文档的第一区域进行平移显示为第二区 域。
终端响应于对象的运动, 将电子文档进行平移显示。 该平移显示的平移速率可以与对 象的运动速率相同。
作为一种示例,请参考图 12B,假设电子文档是通话记录界面 122,在触控显示屏 123 上显示有该通话记录界面 122的第一区域。 该第一区域包括第 1个至第 7个通话记录行。
以对象是用户的手指为例, 当手指在触控显示屏 123上向上运动时, 终端通过触控显 示屏 123检测出手指的运动。 响应于该手指的运动, 终端将电子文档的第一区域向上平移 显示为第二区域 124, 该第二区域 124包括有第 2个至第 8个通话记录行。
若该方法在安卓操作系统中实现, 在平移显示过程中, 虽然不进行拉伸显示, 但终端 可以设置弹性势能值 inertia与对象的移动速度呈正相关关系。 比如, 将弹性势能值 inertia 设置为相邻两帧显示画面之间,后一帧显示画面对应的对象位置减去前一帧显示画面对应 的对象位置。 对象位置是指触控显示屏上检测到对象的位置。
在步骤 1204中, 在触控显示屏上不再检测到对象时, 将电子文档的第二区域继续进 行平移显示。
在平移显示过程中, 平移速率与对象的运动速率有关。
在触控显示屏上不再检测到对象时,终端以不断衰减的平移速率将电子文档的第二区 域继续进行平移显示。平移速率会以预设的衰减方式逐步衰减至预设阈值, 该预设阈值可 以为 0。 预设的衰减方式可以是匀减速衰减方式。
以不断衰减的平移速率将电子文档的第二区域继续进行平移显示的过程,会向用户呈 现出一种 "惯性"滑动的效果。
作为一种示例, 继续参考图 12B, 在触控显示屏 123上检测不出手指时, 终端以不断 衰减的平移速率将第二区域 124继续进行平移显示。
若该方法在安卓操作系统中实现, 在终端通过触控显示屏不再检测到对象时, 终端可 以将保存的弹性势能值按照预设的衰减速率方式也不断进行衰减。
在步骤 1205 中, 若平移显示抵达电子文档的边缘区域, 则将边缘区域中的若干个显 示元素向远离电子文档的边缘的方向进行拉伸显示,边缘区域包括有该边缘和若干个显示 元素。
若以不断衰减的平移速率将第二区域 124继续进行平移显示时,抵达到电子文档的边 缘区域, 且此时平移速率还未衰减为 0, 则终端在第一预设时长内将边缘区域中的若干个 显示元素向远离电子文档的边缘的方向进行拉伸显示。
作为一种示例, 继续参考图 12B, 终端将通话记录界面 122中的第二区域 124以衰减 后的平移速率进行平移显示, 当平移显示抵达通话记录界面 122的边缘区域 125, 且平移 速率尚未衰减为 0时,终端将边缘区域 125中的第 3个至第 9个通话记录行向远离下边缘 126的方向进行拉伸显示。
该拉伸显示过程可以采用缓动插值算法实现,该拉伸显示过程的持续时间可以为第一 预设时长, 比如 0.2秒。 在拉伸显示之前, 终端中保存的弹性势能值可以输入缓动插值算 法, 由该缓动插值算法根据该弹性势能值计算拉伸显示过程中的拉伸比例。缓动插值算法 的实现方式有多种, 本公开实施例对此不作限定。
在步骤 1206中, 将拉伸显示后的显示元素恢复为拉伸前的显示状态。
终端停止拉伸显示后,终端可以在第二预设时长内将拉伸显示后的显示元素恢复为拉 伸前的显示状态。
该恢复显示过程也可以采用缓动插值算法实现,该恢复显示过程的持续时间可以为预 设值, 比如 0.4秒。 该恢复显示过程可以视为上述拉伸显示的逆过程。
作为一种示例, 如图 12C所示, 终端在 0.4秒内将 7个拉伸显示后的通话记录行恢复 为拉伸前的显示状态。
综上所述, 本实施例提供的文档显示方法, 通过在不再检测到对象时, 终端继续进行 平移显示和拉伸显示, 使得用户的手指离开触控显示屏后, 能够清楚地观察到电子文档的 平移显示过程已经抵达至电子文档的边缘区域。
同理, 图 7A实施例中的步骤 704也可以由缓动插值算法来实现。 下述为本公开装置实施例, 可以用于执行本公开方法实施例。对于本公开装置实施例 中未披露的细节, 请参照本公开方法实施例。
图 13是根据一示例性实施例示出的一种触控显示屏上的文档显示装置的框图, 该文 档显示装置可以通过软件、硬件或者两者的结合实现成为包含触控显示屏的电子设备的部 分或者全部。 该文档显示装置可以包括:
区域显示模块 1320, 被配置为在触控显示屏上显示电子文档的边缘区域, 边缘区域 包括有电子文档的边缘和若干个显示元素.
运动检测模块 1340, 被配置为检测作用于触控显示屏上的对象的运动。
拉伸显示模块 1360, 被配置为响应于对象的运动, 将若干个显示元素向远离边缘的 方向进行拉伸显示。 综上所述,本实施例提供的文档显示装置,通过在已经显示到电子文档的边缘区域时, 将若干个显示元素向远离电子文档的边缘的方向进行拉伸显示,作为对用户平移操作的一 种响应; 能够使用户清楚地获知已经显示到电子文档的边缘, 避免用户重复进行没有实际 操作意义的平移操作, 从而提高用户的操作效率。 图 14是根据一示例性实施例示出的一种触控显示屏上的文档显示装置的框图, 该文 档显示装置可以通过软件、硬件或者两者的结合实现成为包含触控显示屏的电子设备的部 分或者全部。 该文档显示装置可以包括:
区域显示模块 1320, 被配置为在触控显示屏上显示电子文档的边缘区域, 边缘区域 包括有电子文档的边缘和若干个显示元素.
运动检测模块 1340, 被配置为检测作用于触控显示屏上的对象的运动。
拉伸显示模块 1360, 被配置为响应于对象的运动, 将若干个显示元素向远离边缘的 方向进行拉伸显示。
在第一种可能的实现方式中, 拉伸显示模块 1360, 被配置为将边缘区域中的全部显 示元素向远离边缘的方向进行拉伸显示。
在第二种可能的实现方式中, 拉伸显示模块 1360, 被配置为将离边缘最近的 n行显 示元素的显示状态保持不变, n为正整数; 将除去离边缘最近的 n行显示元素之外的其它 行显示元素, 向远离边缘的方向进行拉伸显示。
在第一种和第二种可能的实现方式中, 每个显示元素的拉伸比例相同; 或, 每个显示 元素的拉伸比例与第一距离呈正相关关系, 第一距离是显示元素和边缘之间的距离。
在第三种可能的实现方式中, 拉伸显示模块 1360, 被配置为将位于边缘和对象位置 之间的显示元素, 向远离边缘的方向进行拉伸显示;
其中, 对象位置是对象在触控显示屏上对应的作用位置。
在第四种可能的实现方式中, 拉伸显示模块 1360, 被配置为将位于边缘和对象位置 之间的显示元素中, 除去离边缘最近的 n行显示元素之外的其它行显示元素, 向远离边缘 的方向进行拉伸显示, n为正整数;
其中, 对象位置是对象在触控显示屏上对应的作用位置。
在第三种和第四种可能的实现方式中, 每个显示元素的拉伸比例相同; 或, 每个显示 元素的拉伸比例与第一距离呈正相关关系, 第一距离是显示元素和边缘之间的距离; 或, 每个显示元素的拉伸比例与第二距离呈正相关关系, 第二距离是显示元素和对象 位置在垂直于边缘的直线上的投影距离。
可选地, 该装置还包括:
保持模块 1350, 被配置为保持电子文档的边缘的显示状态不变。
可选地, 该装置还包括:
恢复显示模块 1380, 被配置为在触控显示屏上不再检测到对象时, 将拉伸显示后的 显示元素恢复为拉伸前的显示状态。
或,
恢复显示模块 1380, 被配置为在触控显示屏上不再检测到对象时, 将拉伸显示后的 显示元素进行至少一次弹性伸缩显示, 再恢复为拉伸前的显示状态。
可选地, 该装置还包括:
第一拉伸模块 1392, 被配置为在触控显示屏上不再检测到对象时, 在第一预设时长 内将若干个显示元素继续进行拉伸显示;
第二恢复模块 1394, 被配置为在第二预设时长内将拉伸显示后的显示元素恢复为拉 伸前的显示状态。
可选地, 区域显示模块 1320, 包括:
第一显示子模块 1322, 被配置为响应于打开电子文档的第一信号, 在触控显示屏上 显示电子文档的边缘区域; 或,
第二显示子模块 1324, 被配置为响应于切换至电子文档的第二信号, 在触控显示屏 上显示电子文档的边缘区域; 或,
第三显示子模块 1326, 被配置为在触控显示屏上显示电子文档的部分区域, 检测作 用于触控显示屏上的对象的运动; 响应于对象的运动, 将电子文档的部分区域平移显示为 边缘区域。
综上所述,本实施例提供的文档显示装置,通过在已经显示到电子文档的边缘区域时, 将若干个显示元素向远离电子文档的边缘的方向进行拉伸显示,作为对用户平移操作的一 种响应; 能够使用户清楚地获知已经显示到电子文档的边缘, 避免用户重复进行没有实际 操作意义的平移操作, 从而提高用户的操作效率。
本实施例提供的文档显示装置,还通过将拉伸显示后的显示元素恢复为拉伸前的显示 状态, 使得在用户清楚地获知已经显示到电子文档的边缘后, 恢复拉伸前的显示状态, 以 方便用户执行其它操作。 图 15是根据一示例性实施例示出的一种触控显示屏上的文档显示装置的框图, 该文 档显示装置可以通过软件、硬件或者两者的结合实现成为包含触控显示屏的电子设备的部 分或者全部。 该文档显示装置可以包括:
区域显示模块 1510, 被配置为在触控显示屏上显示电子文档的第一区域;
运动检测模块 1520, 被配置为检测作用于触控显示屏上的对象的运动;
第二显示模块 1530, 被配置为响应于对象的运动, 将电子文档的第一区域进行平移 显示为第二区域;
平移显示模块 1540, 被配置为在触控显示屏上不再检测到对象时, 将电子文档的第 二区域继续进行平移显示;
拉伸显示模块 1550, 被配置为在平移显示抵达电子文档的边缘区域时, 将边缘区域 中的若干个显示元素向远离电子文档的边缘的方向进行拉伸显示,边缘区域包括有边缘和 若干个显示元素;
恢复显示模块 1560, 被配置为将拉伸显示后的显示元素恢复为拉伸前的显示状态。 综上所述, 本实施例提供的文档显示装置, 通过在不再检测到对象的运动时, 继续以 衰减速率进行平移显示和拉伸显示, 使得用户的手指离开触控显示屏后, 能够清楚地观察 到电子文档的平移显示过程已经抵达至电子文档的边缘区域。 关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实 施例中进行了详细描述, 此处将不做详细阐述说明。 图 16是根据一示例性实施例示出的一种触控显示屏上的文档显示装置 1600的框图。 例如, 装置 1600可以是移动电话, 计算机, 数字广播终端, 消息收发设备, 游戏控制台, 平板设备, 医疗设备, 健身设备, 个人数字助理等。
参照图 16, 装置 1600可以包括以下一个或多个组件: 处理组件 1602, 存储器 1604, 电源组件 1606, 多媒体组件 1608, 音频组件 1610, 输入 /输出 (I/ O) 的接口 1612, 传感 器组件 1614, 以及通信组件 1616。
处理组件 1602通常控制装置 1600的整体操作, 诸如与显示, 电话呼叫, 数据通信, 相机操作和记录操作相关联的操作。处理组件 1602可以包括一个或多个处理器 1620来执 行指令, 以完成上述的方法的全部或部分步骤。 此外, 处理组件 1602可以包括一个或多 个模块, 便于处理组件 1602和其他组件之间的交互。 例如, 处理组件 1602可以包括多媒 体模块, 以方便多媒体组件 1608和处理组件 1602之间的交互。
存储器 1604被配置为存储各种类型的数据以支持在装置 1600的操作。这些数据的示 例包括用于在装置 1600上操作的任何应用程序或方法的指令, 联系人数据, 电话簿数据, 消息, 图片, 视频等。 存储器 1604可以由任何类型的易失性或非易失性存储设备或者它 们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM) , 可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM), 磁存储器, 快闪存储器, 磁盘或光盘。
电源组件 1606为装置 1600的各种组件提供电力。 电源组件 1606可以包括电源管理 系统, 一个或多个电源, 及其他与为装置 1600生成、 管理和分配电力相关联的组件。
多媒体组件 1608包括在所述装置 1600和用户之间的提供一个输出接口的触控显示 屏。 在一些实施例中, 触控显示屏可以包括液晶显示器(LCD)和触摸面板(TP) 。 触摸 面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器 可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间 和压力。 在一些实施例中, 多媒体组件 1608包括一个前置摄像头和 /或后置摄像头。 当装 置 1600处于操作模式, 如拍摄模式或视频模式时, 前置摄像头和 /或后置摄像头可以接收 外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有 焦距和光学变焦能力。
音频组件 1610被配置为输出和 /或输入音频信号。 例如, 音频组件 1610包括一个麦 克风 (MIC) , 当装置 1600处于操作模式, 如呼叫模式、 记录模式和语音识别模式时, 麦克风被配置为接收外部音频信号。 所接收的音频信号可以被进一步存储在存储器 1604 或经由通信组件 1616发送。 在一些实施例中, 音频组件 1610还包括一个扬声器, 用于输 出音频信号。
1/ 0接口 1612为处理组件 1602和外围接口模块之间提供接口, 上述外围接口模块可 以是键盘, 点击轮, 按钮等。 这些按钮可包括但不限于: 主页按钮、 音量按钮、 启动按钮 和锁定按钮。
传感器组件 1614包括一个或多个传感器,用于为装置 1600提供各个方面的状态评估。 例如, 传感器组件 1614可以检测到装置 1600的打开 /关闭状态, 组件的相对定位, 例如 所述组件为装置 1600的显示器和小键盘, 传感器组件 1614还可以检测装置 1600或装置 1600一个组件的位置改变, 用户与装置 1600接触的存在或不存在, 装置 1600方位或加 速 /减速和装置 1600的温度变化。 传感器组件 1614可以包括接近传感器, 被配置用来在 没有任何的物理接触时检测附近物体的存在。 传感器组件 1614还可以包括光传感器, 如 CMOS或 CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件 1614 还可以包括加速度传感器, 陀螺仪传感器, 磁传感器, 压力传感器或温度传感器。
通信组件 1616被配置为便于装置 1600和其他设备之间有线或无线方式的通信。装置 1600可以接入基于通信标准的无线网络, 如 WiFi, 2G或 3G, 或它们的组合。 在一个示 例性实施例中, 通信组件 1616经由广播信道接收来自外部广播管理系统的广播信号或广 播相关信息。 在一个示例性实施例中, 所述通信组件 1616还包括近场通信 (NFC)模块, 以促进短程通信。例如,在 NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA) 技术, 超宽带 (UWB ) 技术, 蓝牙 (BT) 技术和其他技术来实现。
在示例性实施例中, 装置 1600可以被一个或多个应用专用集成电路 (ASIC) 、 数字 信号处理器 (DSP) 、 数字信号处理设备 (DSPD) 、 可编程逻辑器件 (PLD) 、 现场可 编程门阵列 (FPGA) 、 控制器、 微控制器、 微处理器或其他电子元件实现, 用于执行上 述文档显示方法。
在示例性实施例中, 还提供了一种包括指令的非临时性计算机可读存储介质, 例如包 括指令的存储器 1604, 上述指令可由装置 1600的处理器 1620执行以完成上述方法。 例 如,所述非临时性计算机可读存储介质可以是 ROM、随机存取存储器(RAM)、 CD-ROM, 磁带、 软盘和光数据存储设备等。
一种非临时性计算机可读存储介质, 当所述存储介质中的指令由装置 1600的处理器 执行时, 使得装置 1600能够执行一种文档显示方法。 本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实 施方案。 本申请旨在涵盖本公开的任何变型、 用途或者适应性变化, 这些变型、 用途或者 适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或 惯用技术手段。说明书和实施例仅被视为示例性的, 本公开的真正范围和精神由下面的权 利要求指出。
应当理解的是, 本公开并不局限于上面已经描述并在附图中示出的精确结构, 并且可 以在不脱离其范围进行各种修改和改变。 本公开的范围仅由所附的权利要求来限制。

Claims

权利要求
1、 一种触控显示屏上的文档显示方法, 其特征在于, 所述方法包括:
在所述触控显示屏上显示电子文档的边缘区域,所述边缘区域包括有所述电子文档的 边缘和若干个显示元素;
检测作用于所述触控显示屏上的对象的运动;
响应于所述对象的运动, 将所述若干个显示元素向远离所述边缘的方向进行拉伸显 示。
2、 根据权利要求 1所述的方法, 其特征在于, 所述将所述若干个显示元素向远离所 述边缘的方向进行拉伸显示, 包括:
将所述边缘区域中的全部显示元素向远离所述边缘的方向进行拉伸显示。
3、 根据权利要求 1所述的方法, 其特征在于, 所述将所述若干个显示元素向远离所 述边缘的方向进行拉伸显示, 包括:
将离所述边缘最近的 n行显示元素的显示状态保持不变, n为正整数;
将除去离所述边缘最近的 n行显示元素之外的其它行显示元素,向远离所述边缘的方 向进行拉伸显示。
4、 根据权利要求 1所述的方法, 其特征在于, 所述将所述若干个显示元素向远离所 述边缘的方向进行拉伸显示, 包括:
将位于所述边缘和对象位置之间的显示元素, 向远离所述边缘的方向进行拉伸显示; 其中, 所述对象位置是所述对象在所述触控显示屏上对应的作用位置。
5、 根据权利要求 1所述的方法, 其特征在于, 所述将所述若干个显示元素向远离所 述边缘的方向进行拉伸显示, 包括:
将位于所述边缘和对象位置之间的显示元素中,除去离所述边缘最近的 n行显示元素 之外的其它行显示元素, 向远离所述边缘的方向进行拉伸显示, n为正整数;
其中, 所述对象位置是所述对象在所述触控显示屏上对应的作用位置。
6、 根据权利要求 2或 3所述的方法, 其特征在于,
每个显示元素的拉伸比例相同;
或,
每个显示元素的拉伸比例与第一距离呈正相关关系,所述第一距离是所述显示元素和 所述边缘之间的距离。
PCT/CN2015/088703 2015-01-30 2015-09-01 触控显示屏上的文档显示方法及装置 Ceased WO2016119459A1 (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
RU2016102344A RU2635241C2 (ru) 2015-01-30 2015-09-01 Способ и устройство для отображения документа на дисплее с сенсорным экраном
MX2015016617A MX352128B (es) 2015-01-30 2015-09-01 Métodos y dispositivos para la visualización de documentos en una pantalla táctil.
KR1020157030813A KR101728460B1 (ko) 2015-01-30 2015-09-01 터치 스크린상의 파일 표시 방법, 장치, 프로그램 및 저장매체
JP2016571461A JP6220087B2 (ja) 2015-01-30 2015-09-01 タッチスクリーン上のファイル表示方法、装置、プログラム及び記憶媒体
BR112016001296-8A BR112016001296B1 (pt) 2015-01-30 2015-09-01 Métodos e dispositivos para exibir documento em visor de tela sensível ao toque

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510050331.0A CN104850340B (zh) 2015-01-30 2015-01-30 触控显示屏上的文档显示方法及装置
CN201510050331.0 2015-01-30

Publications (1)

Publication Number Publication Date
WO2016119459A1 true WO2016119459A1 (zh) 2016-08-04

Family

ID=53850017

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2015/088703 Ceased WO2016119459A1 (zh) 2015-01-30 2015-09-01 触控显示屏上的文档显示方法及装置

Country Status (9)

Country Link
US (1) US10191634B2 (zh)
EP (1) EP3051403A1 (zh)
JP (1) JP6220087B2 (zh)
KR (1) KR101728460B1 (zh)
CN (1) CN104850340B (zh)
BR (1) BR112016001296B1 (zh)
MX (1) MX352128B (zh)
RU (1) RU2635241C2 (zh)
WO (1) WO2016119459A1 (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104850340B (zh) 2015-01-30 2018-11-30 小米科技有限责任公司 触控显示屏上的文档显示方法及装置
US10121515B2 (en) * 2016-06-06 2018-11-06 Avigilon Corporation Method, system and computer program product for interactively identifying same individuals or objects present in video recordings
CN111459383B (zh) * 2020-03-31 2021-07-27 维沃移动通信有限公司 一种按键响应方法及电子设备
CN120029514A (zh) 2020-08-31 2025-05-23 华为终端有限公司 一种页面滑动的处理方法及相关装置
WO2022216299A1 (en) * 2021-04-05 2022-10-13 Google Llc Stretching content to indicate scrolling beyond the end of the content
US12045449B2 (en) * 2021-06-04 2024-07-23 Apple Inc. Activity stream foundations

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110225545A1 (en) * 2010-03-09 2011-09-15 Horodezky Samuel J System and method of displaying graphical user interface objects
CN102486713A (zh) * 2010-12-02 2012-06-06 联想(北京)有限公司 显示方法和电子设备
CN102855078A (zh) * 2012-05-07 2013-01-02 禹芙蓉 一种多媒体设备及其显示列表的定位方法
CN104850340A (zh) * 2015-01-30 2015-08-19 小米科技有限责任公司 触控显示屏上的文档显示方法及装置

Family Cites Families (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2005082108A2 (en) * 2004-02-26 2005-09-09 Rast Associates, Llc Deployable keyboard device including displaceable keybutton positions for portable miniature electronic devices
US7907117B2 (en) * 2006-08-08 2011-03-15 Microsoft Corporation Virtual controller for visual displays
US20080168402A1 (en) * 2007-01-07 2008-07-10 Christopher Blumenberg Application Programming Interfaces for Gesture Operations
US7844915B2 (en) * 2007-01-07 2010-11-30 Apple Inc. Application programming interfaces for scrolling operations
US8751955B2 (en) * 2009-03-28 2014-06-10 International Business Machines Corporation Scrollbar user interface for multitouch devices
KR101588242B1 (ko) 2009-07-13 2016-01-25 삼성전자주식회사 휴대 단말기의 스크롤 방법 및 장치
US8799826B2 (en) * 2009-09-25 2014-08-05 Apple Inc. Device, method, and graphical user interface for moving a calendar entry in a calendar application
US8624925B2 (en) 2009-10-16 2014-01-07 Qualcomm Incorporated Content boundary signaling techniques
US8677283B2 (en) * 2009-10-21 2014-03-18 Microsoft Corporation Displaying lists as reacting against barriers
US8812985B2 (en) 2009-10-30 2014-08-19 Motorola Mobility Llc Method and device for enhancing scrolling operations in a display device
US9417787B2 (en) * 2010-02-12 2016-08-16 Microsoft Technology Licensing, Llc Distortion effects to indicate location in a movable data collection
KR101761612B1 (ko) * 2010-07-16 2017-07-27 엘지전자 주식회사 이동 단말기 및 이것의 메뉴 화면 구성 방법
JP5668401B2 (ja) * 2010-10-08 2015-02-12 ソニー株式会社 情報処理装置、情報処理方法およびプログラム
US9182897B2 (en) * 2011-04-22 2015-11-10 Qualcomm Incorporated Method and apparatus for intuitive wrapping of lists in a user interface
US20120278754A1 (en) * 2011-04-29 2012-11-01 Google Inc. Elastic Over-Scroll
US9035967B2 (en) * 2011-06-30 2015-05-19 Google Technology Holdings LLC Method and device for enhancing scrolling and other operations on a display
GB2503654B (en) * 2012-06-27 2015-10-28 Samsung Electronics Co Ltd A method and apparatus for outputting graphics to a display
WO2014013752A1 (ja) * 2012-07-18 2014-01-23 Necカシオモバイルコミュニケーションズ株式会社 表示装置とその制御方法、および、プログラム
US9014544B2 (en) * 2012-12-19 2015-04-21 Apple Inc. User interface for retiming in a media authoring tool
KR20140097820A (ko) * 2013-01-30 2014-08-07 삼성전자주식회사 전자장치에서 웹페이지 내의 특정 객체의 속성을 조절하기 위한 방법 및 장치
TW201433971A (zh) * 2013-02-20 2014-09-01 Phoenix Tech Ltd 電子文件邊界提醒方法
KR101646051B1 (ko) * 2014-05-08 2016-08-08 네이버 주식회사 단말 장치 및 이에 의한 웹 페이지 디스플레이 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110225545A1 (en) * 2010-03-09 2011-09-15 Horodezky Samuel J System and method of displaying graphical user interface objects
CN102486713A (zh) * 2010-12-02 2012-06-06 联想(北京)有限公司 显示方法和电子设备
CN102855078A (zh) * 2012-05-07 2013-01-02 禹芙蓉 一种多媒体设备及其显示列表的定位方法
CN104850340A (zh) * 2015-01-30 2015-08-19 小米科技有限责任公司 触控显示屏上的文档显示方法及装置

Also Published As

Publication number Publication date
JP2017510918A (ja) 2017-04-13
KR101728460B1 (ko) 2017-05-02
BR112016001296B1 (pt) 2022-11-01
MX2015016617A (es) 2016-10-06
KR20160104545A (ko) 2016-09-05
EP3051403A1 (en) 2016-08-03
CN104850340B (zh) 2018-11-30
BR112016001296A2 (zh) 2017-07-25
US20160224223A1 (en) 2016-08-04
RU2016102344A (ru) 2017-07-31
US10191634B2 (en) 2019-01-29
MX352128B (es) 2017-11-08
JP6220087B2 (ja) 2017-10-25
RU2635241C2 (ru) 2017-11-09
CN104850340A (zh) 2015-08-19

Similar Documents

Publication Publication Date Title
US10942616B2 (en) Multimedia resource management method and apparatus, and storage medium
CN105955607B (zh) 内容分享方法和装置
JP6259081B2 (ja) 端末アプリケーションを管理するための方法および装置
JP6328859B2 (ja) アプリケーションプログラム切替え方法、装置及び機器
JP6199510B2 (ja) ディスプレイモードを切り換える方法及び装置
CN106249997B (zh) 桌面页显示方法及装置
US11334225B2 (en) Application icon moving method and apparatus, terminal and storage medium
EP3242204B1 (en) Method and device for multi-task management
WO2016119459A1 (zh) 触控显示屏上的文档显示方法及装置
US11539888B2 (en) Method and apparatus for processing video data
US11474689B2 (en) Method and apparatus for obtaining content
CN106657780A (zh) 图像预览方法和装置
RU2635904C2 (ru) Способ и устройство для отображения целевого объекта
CN105677473A (zh) 一种切换应用程序的方法和装置
CN106547462B (zh) 拍照控制方法、装置及移动终端
CN105094539B (zh) 参考信息显示方法和装置
CN107694087B (zh) 信息处理方法及终端设备
US11783525B2 (en) Method, device and storage medium form playing animation of a captured image
CN106095313A (zh) 触摸屏设备事件触发的方法及装置
CN106527919A (zh) 调整屏幕显示的方法及装置
CN106980449A (zh) 图像切换过渡效果的呈现方法及装置
CN114356476B (zh) 内容显示方法、装置、电子设备及存储介质
KR101083158B1 (ko) 터치스크린이 구비된 이동 단말기의 컨텐츠 전환 방법
WO2019061118A1 (zh) 全景拍摄方法及终端
CN120122867A (zh) 组件调整方法、装置、终端、存储介质和计算机程序产品

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 20157030813

Country of ref document: KR

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 2016571461

Country of ref document: JP

Kind code of ref document: A

WWE Wipo information: entry into national phase

Ref document number: MX/A/2015/016617

Country of ref document: MX

ENP Entry into the national phase

Ref document number: 2016102344

Country of ref document: RU

Kind code of ref document: A

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 15879657

Country of ref document: EP

Kind code of ref document: A1

REG Reference to national code

Ref country code: BR

Ref legal event code: B01A

Ref document number: 112016001296

Country of ref document: BR

ENP Entry into the national phase

Ref document number: 112016001296

Country of ref document: BR

Kind code of ref document: A2

Effective date: 20160121

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 15879657

Country of ref document: EP

Kind code of ref document: A1