WO2017215542A1 - 展示图片的方法及装置 - Google Patents

展示图片的方法及装置 Download PDF

Info

Publication number
WO2017215542A1
WO2017215542A1 PCT/CN2017/087869 CN2017087869W WO2017215542A1 WO 2017215542 A1 WO2017215542 A1 WO 2017215542A1 CN 2017087869 W CN2017087869 W CN 2017087869W WO 2017215542 A1 WO2017215542 A1 WO 2017215542A1
Authority
WO
WIPO (PCT)
Prior art keywords
picture
display interface
displayed
displaying
attribute information
Prior art date
Application number
PCT/CN2017/087869
Other languages
English (en)
French (fr)
Inventor
周钟
Original Assignee
中兴通讯股份有限公司
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 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2017215542A1 publication Critical patent/WO2017215542A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54—Browsing; Visualisation therefor

Definitions

  • the present disclosure relates to the field of image display, for example, to a method and apparatus for displaying a picture.
  • the present disclosure provides a method and apparatus for displaying a picture to solve the problem that the related content of the user cannot be satisfied when displaying a picture in the related art.
  • This embodiment provides a method for displaying a picture, which may include:
  • attribute information of the first picture according to the first trigger signal where the attribute information includes at least one of a first number of the first picture in a picture set and a title content of the first picture; as well as
  • attribute information of the first picture is displayed in a display interface.
  • displaying the attribute information of the first picture on the display interface includes:
  • the method further includes:
  • the picture set includes a plurality of pictures
  • a number corresponding to one or more pictures adjacent to the first picture is acquired.
  • displaying the attribute information of the first picture on the display interface includes:
  • the method further includes:
  • displaying the attribute information of the second picture on the display interface includes at least one of the following cases:
  • replacing the first number currently displayed by the display interface with the second number includes:
  • the first number is set from a highlighted state to a normal state
  • the second number is set from a normal state to a highlighted state.
  • replacing the title content of the first picture currently displayed by the display interface with the title content of the second picture includes:
  • the title content of the first picture is indented to a preset direction until disappearing, and the title content of the second picture is expanded to the preset direction until all are displayed.
  • the attribute information of the first picture on the display interface including:
  • the method includes at least one of: displaying the first number in a second area of the display interface, and displaying the first picture
  • the title content is displayed in a third area of the display interface.
  • the embodiment further provides an apparatus for displaying a picture, which may include:
  • a receiving module configured to: receive a first trigger signal for displaying the first picture
  • An acquiring module configured to: acquire attribute information of the first picture according to the first trigger signal, where the attribute information includes a first number of the first picture in a picture set and the first picture At least one of the contents of the title;
  • the display module is configured to: display the attribute information of the first picture on the display interface when the first picture is displayed.
  • the display module includes:
  • the display unit is configured to: display the attribute information of the first picture in a highlighted state and display the display interface.
  • the embodiment further provides a computer readable storage medium storing computer executable instructions for performing any of the above methods.
  • the embodiment further provides a terminal device, such as a mobile terminal device, which includes one or more processors, a memory, and one or more programs, the one or more programs being stored in the memory when being When multiple processors are executing, any of the above methods are performed.
  • a terminal device such as a mobile terminal device, which includes one or more processors, a memory, and one or more programs, the one or more programs being stored in the memory when being When multiple processors are executing, any of the above methods are performed.
  • the embodiment further provides a computer program product comprising a computer program stored on a non-transitory computer readable storage medium, the computer program comprising program instructions, when the program instructions are executed by a computer Having the computer perform any of the methods described above.
  • the number and the title content corresponding to the picture are also displayed together when the picture is displayed, which is convenient and easy to use, enhances the user operation efficiency, improves the user experience, and satisfies the personalized use requirement of the user.
  • FIG. 1 is a schematic structural diagram of a mobile terminal provided in Embodiment 1;
  • FIG. 2 is a schematic flow chart of a method for displaying a picture according to Embodiment 1;
  • FIG. 3 is a schematic structural diagram of an apparatus for displaying a picture according to Embodiment 2;
  • FIG. 4 is a schematic structural diagram of another apparatus for displaying a picture according to Embodiment 2;
  • FIG. 5 is a schematic flowchart of a method for displaying a picture according to Embodiment 3; FIG.
  • FIG. 6 is a schematic structural diagram of an apparatus for displaying a picture according to Embodiment 3.
  • FIG. 7 is a schematic flowchart of a multi-picture browsing and page turning operation method provided in Embodiment 3;
  • Embodiment 8 is a schematic flow chart of another multi-picture browsing and page turning operation method provided in Embodiment 3;
  • Embodiment 9 is a schematic diagram of a default state after the picture set provided in Embodiment 3 is opened;
  • FIG. 10 is a schematic diagram showing a state in which the picture set provided in Embodiment 3 is switched from the first picture to the left to the second picture after being opened;
  • FIG. 11 is a schematic diagram showing a state in which the sixth picture is currently viewed in the case where the total number of pictures of the picture set provided in Embodiment 3 is greater than 5.
  • FIG. 12 is a schematic diagram showing a state in which the seventh picture is currently viewed in the case where the total number of pictures in the picture set provided in Embodiment 3 is greater than 5.
  • FIG. 13 is a schematic diagram showing a state in which the eleventh picture is currently viewed when the total number of pictures in the picture set provided in the third embodiment is 12.
  • FIG. 14 is a schematic diagram showing the hardware structure of an electronic device according to Embodiment 3.
  • FIG. 1 is a schematic structural diagram of a mobile terminal according to this embodiment.
  • the mobile terminal 10 may include one or more processors 102 (only one processor 102 is shown) for storing data 104, and a transmission device 106 for communication, wherein the processor 102 may include, but is not limited to, a processing device such as a Microcontroller Unit (MCU) and a Field-Programmable Gate Array (FPGA).
  • MCU Microcontroller Unit
  • FPGA Field-Programmable Gate Array
  • the structure shown in FIG. 1 does not limit the structure of the above mobile terminal.
  • the mobile terminal 10 may further include more or less components than those shown in FIG. 1, and may have a different configuration from that shown in FIG. .
  • the memory 104 can be used to store software programs and modules of application software, such as program instructions/modules corresponding to the method for displaying pictures in the embodiment of the present invention, and the processor 102 executes each by executing a software program and a module stored in the memory 104.
  • a functional application and data processing that is, a method for displaying a picture as described above.
  • the memory 104 can include high speed random access memory, and can also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid state storage. Device.
  • the memory 104 can also include memory remotely located relative to the processor 102, which can be connected to the mobile terminal 10 over a network, including but not limited to the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.
  • Transmission device 106 is arranged to receive or transmit data over a network.
  • the network described above may include a wireless network provided by a communication provider of the mobile terminal 10.
  • the transmission device 106 can include a network interface controller (NIC), and the transmission device 106 can be connected to other network devices through the base station to communicate with the Internet.
  • the transmission device 106 can also be a radio frequency (RF) module, and the transmission device 106 is configured to communicate with the Internet by wireless.
  • RF radio frequency
  • FIG. 2 is a method for displaying a picture according to the embodiment.
  • a schematic diagram of the process, as shown in FIG. 2, may include steps 102-106.
  • step 102 a first trigger signal for displaying the first picture is received.
  • step 104 attribute information of the first picture is acquired according to the first trigger signal.
  • the attribute information includes at least one of a first number of the first picture in a picture set and a title content of the first picture.
  • step 106 when the first picture is displayed, the attribute information of the first picture is displayed on the display interface.
  • Each picture in the picture set has a corresponding number, and the number of the picture can be obtained according to the expression order of the picture.
  • the picture set corresponding to the product use step the number of the picture can be arranged in the order of use, and for example, the newsletter corresponds
  • the set of pictures can be arranged according to the generation time of the pictures in the picture set.
  • the first trigger signal for displaying the first picture is received, and the attribute information of the first picture is obtained according to the first trigger signal.
  • the attribute information of the first picture is displayed.
  • the display interface intuitively displays the image attribute information, which is convenient and easy to use, enhances the user's operation efficiency, and improves the user experience.
  • displaying the attribute information of the first picture on the display interface comprises: displaying the attribute information of the first picture in a highlighted state and displaying the information on the display interface.
  • the first number and title content can be highlighted, and the highlighted display is better when there are other picture numbers or title content on the display interface.
  • the highlight state may be a pattern in which at least one of the first number and the title content is added to a preset color, such as a yellow, green, or blue color, or may be a first number and a title content. At least one of the settings highlights the effect, such as bold font, set font color, or set animation effects, etc., which are not limited herein.
  • the method further includes: acquiring, after the picture set includes multiple pictures, a neighboring one of the first pictures The number corresponding to one or more pictures.
  • displaying the attribute information of the first picture on the display interface comprises: displaying the attribute information of the first picture and the number corresponding to the one or more pictures adjacent to the first picture on the display interface.
  • Adjacent neighbors may include direct adjacent and indirect adjacent situations, such as the current picture number is "5", and adjacent numbers may include "3", “7", and “” in addition to "4" and "6". 8", etc., the positions of the pictures corresponding to the adjacent numbers in the picture set are also adjacent.
  • step 11 - step 13 is further included.
  • step 11 receiving a second trigger signal for displaying the second picture
  • step 12 the attribute information of the second picture is acquired according to the second trigger signal, where the attribute information includes at least one of a second number of the second picture in the picture set and a title content of the second picture:
  • step 13 the first picture currently displayed on the display interface is replaced with the second picture, and the attribute of the second picture is displayed on the display interface.
  • displaying the attribute information of the second picture on the display interface includes at least one of: replacing the first number currently displayed by the display interface with the second number, and displaying the title of the first picture currently displayed by the display interface.
  • the content is replaced with the title content of the second picture.
  • replacing the first number currently displayed on the display interface with the second number includes: setting the first number from the highlighted state to the normal state, and setting the second number from the normal state to the highlighted state;
  • Replacing the title content of the first picture currently displayed by the display interface with the title content of the second picture includes: indenting the title content of the first picture to a preset direction until disappearing, and shifting the title content of the second picture to a preset direction Expand until all are displayed.
  • displaying the attribute information of the first picture on the display interface when the first picture is displayed including: pre-dividing the display interface into the first area, the second area, and the third area;
  • the first picture is displayed in the first area of the display interface
  • at least one of the following is included: displaying the first number in the second area of the display interface and displaying the title content of the first picture in the third area of the display interface. That is, the picture content, the picture number, and the title content are respectively displayed in different areas of the display interface.
  • the method for displaying a picture provided by this embodiment may be in the form of a computer software product, which may be stored in a storage medium, such as a storage medium such as a ROM/RAM, a magnetic disk, and an optical disk, where the software product may include multiple instructions.
  • the method for displaying a picture provided by the embodiment of the present invention is performed by using a terminal device, such as a mobile phone, a computer, a server, or a network device.
  • FIG. 3 is a schematic structural diagram of an apparatus for displaying a picture according to the embodiment. As shown in FIG. 3, the apparatus includes:
  • the receiving module 30 is configured to: receive a first trigger signal for displaying the first picture;
  • the obtaining module 32 is configured to: acquire attribute information of the first picture according to the first trigger signal, where the attribute information includes a first number of the first picture in a picture set and a title content of the first picture At least one of the information; and
  • the display module 34 is configured to: display the attribute information of the first picture on the display interface when displaying the first picture.
  • FIG. 4 is a schematic structural diagram of another apparatus for displaying a picture according to an embodiment.
  • the display module 34 includes, in addition to all the modules shown in FIG.
  • the display unit 40 is configured to: display the attribute information of the first picture in a highlighted state and display it on the display interface.
  • the embodiment provides a multi-picture browsing and page turning operation method.
  • the embodiment is described by using a tablet computer as an example.
  • the method includes:
  • a page turning module for displaying page turning is provided;
  • a picture display module for displaying a picture set is provided.
  • the picture set has N pictures, and the numbers corresponding to the picture 1 to picture N are 1-N respectively. It is assumed that the picture with the number 1 is currently displayed, and the content displayed by the page turning module includes: the title content of the number 1, the picture 1, No. 2, No. 3, No. 4, and No. N, and the title contents of No. 1 and Picture 1 are highlighted, and the picture display module displays Picture 1. When the finger touches the screen and moves to the left, it slides to the state of the picture 2, and the content displayed by the page turning module includes: number 1, number 2, picture content of the picture 2, number 3, number 4, and number N, and number 2 and The title content of Picture 2 is highlighted.
  • Number 2 changes from a non-highlighted state to a highlighted state
  • the picture display module displays picture 2.
  • the number of the picture, the picture and the title content are also displayed together, so that the picture number and the title content information are clear at a glance, and when the picture number and the title content of the picture are switched, the telescopic animation effect is adopted, which is convenient. Easy to use, enhance user operation efficiency, meet the user's personalized use needs, and enhance the user experience.
  • a preset number of picture numbers are selected for display.
  • the picture and the picture number are sequentially displayed.
  • the preset number of pictures adjacent to the currently displayed picture and the sequence number of the last picture in the picture set are selected.
  • the picture number of the current picture is high and can be displayed in a bright state to highlight the effect.
  • the number of the picture is displayed in the order of the number of pictures included in the current picture set.
  • the number of the preset number of pictures adjacent to the currently displayed picture may be selected and The number of the last picture in the picture set is displayed.
  • the threshold be 6, and the total number of pictures in the current picture set is greater than 6. If the total number of pictures in the current picture set is 12, and the number 3 of the currently displayed picture is 3, select the 4 numbers adjacent to the left and right of the currently displayed picture. And the number of the last picture in the picture set is displayed, that is, display number 1, number 2, number 3, number 4, number 5, and number 12.
  • the picture number 3 of the current picture can be highlighted to highlight the current picture. The display effect of the number.
  • the picture is flipped left and right, triggering the dynamic change effect of the picture serial number, and feeding back the picture number and the title content of the current picture to the display interface.
  • the user performs a sliding operation on the screen, and replaces the currently displayed picture according to the sliding direction, and simultaneously displays the picture number and the title content corresponding to the replaced picture.
  • the current picture is replaced with the previous picture adjacent to the current picture; in the case that the user slides the screen to the right, the current picture is replaced with the current picture. The next picture of the neighbor.
  • the title content of the current picture can be displayed without requiring the user to perform a second click, and the total number of pictures included in the picture set can be displayed, thereby saving user operation time and improving user operation efficiency;
  • the icon number and title content are displayed with indented dynamic effects, beautifying the display effect, and the human-computer interaction is more friendly, improving the user experience.
  • the multi-picture browsing method of the page provided by the embodiment can simultaneously display the picture title content, the picture number and the picture on the display screen interface of the mobile terminal, and can be based on the user's operation on the mouse or the user's touch gesture.
  • the above method is implemented in the processor to implement switching of the picture.
  • FIG. 5 is a schematic flowchart of a method for displaying a picture according to the embodiment. As shown in FIG. 5, the pad is taken as an example. The method may include steps 202-204.
  • a first trigger signal is received based on a user touch operation, where the trigger signal is a signal generated by a user performing a touch operation on a picture number area displayed in the terminal screen, and the target picture selected by the user is determined according to the trigger signal. Numbering.
  • step 204 in response to the trigger signal, the picture corresponding to the target picture number in the picture set is called, and the title content of the picture is obtained, and the picture number, the title content, and the picture are simultaneously displayed on the terminal screen.
  • the target picture number selected by the user may be determined, and the picture corresponding to the target picture number in the picture set is called.
  • the film is displayed on the terminal screen, and the title content of the picture is obtained, and the picture number, the title content and the picture are simultaneously displayed on the terminal screen, which solves the problem that the picture display interface is inconvenient to operate, improves the user operation efficiency, and improves the user. Experience.
  • the user can directly view the number of the current picture and the title content of the picture. It is convenient for the user to quickly obtain the picture information, and when the user needs to view the picture leapingly, for example, when jumping the view of the document atlas with obvious steps, the multiple pictures displayed in the current picture display interface can be directly clicked.
  • Any number in the number enables the screen to quickly display the image corresponding to the picture number clicked by the user, instead of having to scroll through each picture in turn, so that the user can quickly view the picture, the user's operation gesture is smoother, and the human-computer interaction is more friendly. It saves user operation time and improves user experience.
  • the picture number of the current picture is highlighted, and the content of the picture title is displayed in the area after the picture number in the display interface. This can more clearly show the user the first picture in the corresponding picture set of the current picture, and the title content of the picture.
  • FIG. 6 is a schematic structural diagram of an apparatus for displaying a picture according to the embodiment. As shown in FIG. 6, the apparatus may include: a first receiving module 22 and a calling module 24, where
  • the first receiving module 22 is configured to: receive a first trigger signal based on a user touch operation, where the trigger signal is a signal generated by a user performing a touch operation on a picture number area displayed in the terminal screen, and determining a user according to the trigger signal The selected target picture number;
  • the first response module 24 is configured to: in response to the trigger signal, invoke a picture corresponding to the target picture number in the picture set, and obtain a title content of the picture, and simultaneously display the picture number, the title content, and the picture on the terminal screen.
  • the first receiving module 22 can be configured to be displayed on the screen of the terminal according to the received first trigger signal, and the calling module 24, in response to the trigger signal, invokes the attribute information of the picture and the picture corresponding to the picture set to be displayed on the terminal screen.
  • the device for displaying a picture further includes: a second receiving module, configured to receive a second trigger signal; and the first triggering module is configured to trigger a parallel movement of the picture coding region in response to the second trigger signal.
  • the device for displaying a picture further includes: a third receiving module configured to receive a third trigger signal; and a second triggering module configured to trigger a parallel direction of the picture content in response to the third trigger signal Switch.
  • FIG. 7 is a schematic flowchart of a multi-picture browsing and page turning operation method according to the embodiment. As shown in FIG. 7 , the pad is taken as an example for description. The method may include steps 302-310.
  • step 302 on the tablet interface, open the collection.
  • step 304 a graphic display area is provided on the current interface.
  • step 306 the picture number and the title content after the picture set is opened are respectively displayed in the display area provided above.
  • the picture set is opened on the tablet interface, and the display interface can be divided into a picture display area and a text display area, that is, the above-mentioned graphic display area is divided into a picture display area.
  • a text display area wherein a picture is displayed in the picture display area, and a picture number of the picture, a picture title content, and a picture number of a preset number of pictures adjacent to the picture are displayed in the text display area.
  • step 308 the picture numbers are displayed one by one in the upper area.
  • the number 1 highlight focus mode is displayed, the title of picture 1 is expanded after number 1, and the other picture numbers are displayed one by one in the normal mode.
  • step 310 the content of picture 1 is displayed in the lower area.
  • step 310 the picture number and the title content of the target picture are highlighted.
  • the text display area may be disposed above the picture display area, and the picture number of the target picture and the picture number of the preset number of pictures adjacent to the target picture are displayed in the text according to a preset order.
  • the area is displayed, and the preset order may be an order in which the picture numbers are from small to large.
  • the picture number corresponding to picture 1 is number 1.
  • the content displayed in the text display area may include picture 1, number 1, and a preset number of picture numbers adjacent to number 1 (including the number of the last picture of the picture set). And the title content of picture 1.
  • the preset number is 5, and the last picture of the picture set is 12, and the content displayed in the text display area may be: number 1, title content of picture 1, number 2, number 3, number 4, and number 12, At the same time, the picture display area displays picture 1.
  • FIG. 8 is a schematic flowchart of another multi-picture browsing and page turning operation method provided by this embodiment.
  • the pad is taken as an example for description. As shown in FIG. 8, the method may include steps 402-406.
  • step 402 when the user clicks on the tablet screen to open the photo collection, the current image displayed on the display interface defaults to the image corresponding to the image number 1, the title content of the image, and the preset number of images adjacent to the image.
  • the picture number where the current picture number and title content are highlighted.
  • step 404 when the display interface slides to the left screen, the current picture is switched to the next next picture, and the original picture number is set to a non-highlight state by the highlighted state, and the original picture title content is contracted to the left.
  • the number of the current picture after switching is set to the highlighted state, and the title content of the switched current picture is expanded to the right after the corresponding picture number.
  • step 406 when the display interface slides to the right, the current picture is switched to the adjacent previous picture, the original picture number is set to the non-highlight state by the highlighted focus state, and the original picture title content is left. Shrink to slowly disappear, and at the same time, set the number of the current picture after switching to the highlighted state, and expand the title content of the current picture after the switch to the right after the corresponding picture number.
  • step 404 and step 406 do not limit the execution sequence. In actual use, step 404 or step 406 is performed according to the user's operation.
  • the picture number and the picture title content in the picture set are displayed according to the number sequence.
  • the user can quickly switch the picture by sliding the direction of the screen, and the current picture and picture number displayed on the display interface are displayed.
  • the title content is dynamically changed, and the corresponding picture number and the highlighted content of the title content are changed, the user's sliding operation is quickly feedbacked, the operation time of the user is saved, the human-computer interaction is more friendly, and the user experience is improved.
  • FIG. 9 is a schematic diagram of a default state after the picture set provided in this embodiment is opened.
  • the total number of pictures in the picture set is less than 6, for example, the total number of pictures in a certain picture set is 5, as shown in FIG.
  • the number displayed in the horizontal direction at the top of the screen, the title content of the picture 1, the number 2, the number 3, the number 4, and the number 5 are the text display areas, where the number 1 is highlighted; the position where the picture 1 is located is the picture display area, In Fig. 9, a picture 1 corresponding to the number 1 is displayed in the picture display area.
  • the next picture can be switched for display.
  • FIG. 10 After the picture set provided in this embodiment is opened, the left picture slides from the first picture to the second picture.
  • the state diagram of the state, in Figure 10 the number 1, the number 2, the title content of the picture 2, the number 3, the number 4, the number 5 of the picture 2 are displayed in the text display area, wherein the number 2 is highlighted;
  • the action of sliding the finger to the left is switched from the picture 1 to the picture 2
  • the picture 2 corresponding to the number 2 is synchronously displayed in the display area, and during the switching process, the title content of the picture 1 gradually shrinks toward the direction 1 and disappears.
  • the title content of the picture 2 is gradually extended to the right from the position of the number 2, and the switching from the picture 1 to the picture 2 is realized.
  • the text display area of the screen may display the current picture number and the picture number of the preset number of pictures adjacent to the current picture, and the number of the last picture in the picture set.
  • the preset number is 4, as shown in FIG. 11
  • the total number of pictures in the picture set provided in this embodiment is greater than 5, for example, the total number of pictures in the picture set is 12, and the current view is 6th.
  • the number 1 - number 5 and number 12 can be displayed, and the number of the preset number of pictures can be displayed to avoid
  • the display interface size is limited, and the text display area cannot display the number of all the pictures.
  • the appropriate preset quantity can be set according to the screen size of the terminal device and the user's usage requirements.
  • the current picture number is 5X+1 (X is a positive integer)
  • the number in the text display area can be replaced with a new set of numbers
  • the current picture number displayed cannot be started from 5X+1 at the end of the close picture set, the number of the adjacent five pictures is displayed in the direction in which the number gradually decreases, based on the last picture in the picture set. can.
  • FIG. 12 is a schematic diagram showing a state in which the seventh picture is currently viewed in the case where the total number of pictures in the picture set provided by the embodiment is greater than 5, and FIG. 12 shows that the total number of pictures in the current picture set is 12, and the display is The current picture is the display effect of the 7th picture.
  • FIG. 13 is a schematic diagram showing a state in which the total number of pictures in the picture set provided by the embodiment is 12, and the eleventh picture is currently viewed.
  • the total number of pictures in the picture set and the picture number displayed in the picture number area may include:
  • N the total number of pictures in the album set is N, and N must be greater than 1. When N is less than 6, each picture number in the picture set can be displayed.
  • the text display area of the display interface can be displayed: number 1, title content and number 2 of the picture 1; when N is 3, when the picture 1 is currently displayed, the text display of the display interface The area can display: title 1, picture 1 title content, number 2 and number 3; when N is 4, when the picture 1 is currently displayed, the text display area of the display interface can be displayed: number 1, picture 1 title content, number 2 , number 3 and number 4; when N is 5, when the picture 1 is currently displayed, the display boundary
  • the text display area of the face can be displayed: number 1, title content of picture 1, number 2, number 3, number 4, and number 5.
  • N is greater than 5, it can be understood that the display interface of the screen cannot display each picture number, and the picture number can be displayed in a manner of every 5 groups, and the number N of the last picture in the picture set is simultaneously displayed. .
  • the text display area of the display interface can be displayed: number 1, title content of picture 1, number 2, number 3, number 4, number 5, and number 12; when N is 12
  • the text display area of the display interface can be displayed: number 1, number 2, number 3, number 4, number 5, picture content and number 12 of the picture 5; when N is 12, the picture 10 is currently displayed
  • the text display area of the display interface can be displayed: number 7, number 8, number 9, number 10, title content and number 12 of the picture 10; when N is 12, when the picture 11 is currently displayed, the text display area of the display interface can be displayed. : No. 7, No. 8, No. 9, No. 10, No. 11, Picture 11 title content and number 12;
  • the text display area of the display interface can be displayed: No. 7, No. 8 The title content of No. 9, No. 10, No. 11, No. 12, and Picture 12.
  • the picture by displaying the picture number and the title content of the picture in the display range of the screen at the same time, the picture can be switched by swiping the screen by the finger, and the title content and number of the picture are switched at the same time. It makes the picture switching process more intuitive, browses the picture through the user's sliding gesture, and the human-computer interaction is more friendly, speeds up the user's operation speed, enhances the user experience, and adjusts the number displayed in the display interface according to the total number of pictures in the picture set. The number of the number to optimize the display.
  • This embodiment also provides a computer readable storage medium.
  • the foregoing storage medium may be configured to store program code for performing step 10-step 30:
  • step 10 a first trigger signal for displaying a first picture is received
  • step 20 the attribute information of the first picture is acquired according to the first trigger signal, where the attribute information includes the first number of the first picture in the picture set and the title content of the first picture. At least one kind of information;
  • step 30 when the first picture is displayed, the attribute information of the first picture is displayed on the display interface.
  • the foregoing storage medium may include, but not limited to, a USB flash drive, a Read-Only Memory (ROM), a Random Access Memory (RAM), a mobile hard disk, and a magnetic memory.
  • ROM Read-Only Memory
  • RAM Random Access Memory
  • a mobile hard disk e.g., a hard disk
  • magnetic memory e.g., a hard disk
  • the processor performs, according to the stored program code in the storage medium, receiving a first trigger signal for displaying the first picture
  • the processor performs, according to the stored program code in the storage medium, the attribute information of acquiring the first picture according to the first trigger signal, that is, obtaining the first number and the first number of the first picture in the picture set. At least one of the contents of the title of the picture;
  • the processor executes, when the first picture is displayed, the attribute information of the first picture is displayed on the display interface according to the stored program code in the storage medium.
  • FIG. 14 is a schematic diagram of a hardware structure of an electronic device according to the embodiment.
  • the electronic device may include: one or more processors 410 and a memory 420.
  • One processor 410 is taken as an example in FIG.
  • the electronic device may further include an input device 430 and an output device 440.
  • the processor 410, the memory 420, the input device 430, and the output device 440 in the electronic device may be connected by a bus or other means, and the bus connection is taken as an example in FIG.
  • the input device 430 can receive input numeric or character information
  • the output device 440 can include a display device such as a display screen.
  • the memory 420 is a computer readable storage medium that can be used to store software programs, computer executable programs, and modules.
  • the processor 410 executes various functional applications and data processing by executing software programs, instructions, and modules stored in the memory 420 to implement any of the above-described embodiments.
  • the memory 420 may include a storage program area and an storage data area, wherein the storage program area may store an operating system, an application required for at least one function; the storage data area may store data created according to usage of the electronic device, and the like.
  • the memory may include random access memory (Random Access) Volatile memory, such as Memory, RAM, may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device.
  • Memory 420 can be a non-transitory computer storage medium or a transitory computer storage medium.
  • the non-transitory computer storage medium such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device.
  • memory 420 can optionally include memory remotely located relative to processor 410, which can be connected to the electronic device over a network. Examples of the above networks may include the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.
  • Input device 430 can be used to receive input digital or character information and to generate key signal inputs related to user settings and function control of the electronic device.
  • Output device 440 can include a display device such as a display screen.
  • a person skilled in the art can understand that all or part of the process of implementing the above embodiment method can be completed by executing related hardware by a computer program, and the program can be stored in a non-transitory computer readable storage medium.
  • the program when executed, may include the flow of an embodiment of the method as described above, wherein the non-transitory computer readable storage medium may be a magnetic disk, an optical disk, a read only memory (ROM), or a random access memory (RAM). Wait.
  • the present disclosure can realize that the number corresponding to the picture and the title content are also displayed together when displaying the picture, which is convenient and easy to use, enhances the user operation efficiency, improves the user experience, and satisfies the personalized use requirement of the user.

Abstract

一种展示图片的方法及装置，该方法包括：接收用于展示第一图片的第一触发信号（102）；根据所述第一触发信号获取所述第一图片的属性信息（104），所述属性信息包括所述第一图片在图片集中的第一编号和所述第一图片的标题内容中的至少一种信息；以及在显示第一图片时，将第一图片的属性信息展示在所述显示界面（106）。

Description

展示图片的方法及装置 技术领域
本公开涉及图像显示领域，例如涉及一种展示图片的方法及装置。
背景技术
随着电子信息技术的发展，移动终端设备越来越普及，例如智能手机和平板电脑等，随着移动终端屏幕越来越大，屏幕分辨率越来越高，信息的展示逐渐朝着图形化的方向发展，用户对图片的查看也越来越频繁。但是，在相关技术中，用户查看图片时，移动终端的显示界面通常只显示图片，无法满足用户的个性化使用需求。
发明内容
本公开提供了一种展示图片的方法及装置，以解决相关技术中在展示图片时不能满足用户的个性化使用需求的问题。
本实施例提供了一种展示图片的方法，可以包括：
接收用于展示第一图片的第一触发信号；
根据所述第一触发信号获取所述第一图片的属性信息，所述属性信息包括所述第一图片在图片集中的第一编号和所述第一图片的标题内容中的至少一种信息；以及
在显示所述第一图片时，将所述第一图片的属性信息展示在显示界面中。
可选地，将所述第一图片的属性信息展示在所述显示界面包括：
将所述第一图片的属性信息设置成高亮状态后展示在所述显示界面。
可选地，在根据所述第一触发信号获取所述第一图片的属性信息之后，还包括：
在所述图片集包括多张图片的情况下，获取与所述第一图片相邻的一张或多张图片对应的编号。
可选地，将所述第一图片的属性信息展示在所述显示界面包括：
将所述第一图片的属性信息，以及与所述第一图片相邻的一张或多张图片对应的编号展示在所述显示界面。
可选地，在将所述第一图片的属性信息展示在所述显示界面之后还包括：
接收用于展示第二图片的第二触发信号；
根据所述第二触发信号获取所述第二图片的属性信息，所述属性信息包括所述第二图片在所述图片集中的第二编号和所述第二图片的标题内容中的至少一种信息；以及
将所述显示界面当前展示的所述第一图片替换为所述第二图片，并将所述第二图片的属性信息展示在所述显示界面。
可选地，将所述第二图片的属性信息展示在所述显示界面包括下述至少一种情况：
将所述显示界面当前展示的所述第一编号替换为所述第二编号，和将所述显示界面当前展示的所述第一图片的标题内容替换为所述第二图片的标题内容。
可选地，将所述显示界面当前展示的所述第一编号替换为所述第二编号包括：
将所述第一编号由高亮状态设置为正常状态，以及将所述第二编号由正常状态设置为高亮状态。
可选地，将所述显示界面当前展示的所述第一图片的标题内容替换为所述第二图片的标题内容包括：
将所述第一图片的标题内容向预设方向缩进直到消失，以及将所述第二图片的标题内容向所述预设方向扩展直到全部显示。
可选地，在显示所述第一图片时，将所述第一图片的属性信息展示在所述显示界面，包括：
将所述显示界面预先划分为第一区域、第二区域和第三区域；以及
在所述显示界面的第一区域显示所述第一图片时，包括下述至少一种情况：将所述第一编号展示在所述显示界面的第二区域，和将所述第一图片的标题内容展示在所述显示界面的第三区域。
本实施例还提供了一种展示图片的装置，可以包括：
接收模块，设置为：接收用于展示第一图片的第一触发信号；
获取模块，设置为：根据所述第一触发信号获取所述第一图片的属性信息，所述属性信息包括所述第一图片在图片集中的第一编号和所述第一图片的 标题内容中的至少一种信息；以及
展示模块，设置为：在显示所述第一图片时，将所述所述第一图片的属性信息展示在所述显示界面。
可选地，所述展示模块包括：
展示单元，设置为：将所述第一图片的属性信息设置成高亮状态后展示在所述显示界面。
本实施例还提供一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上述任意一种方法。
本实施例还提供一种终端设备，如移动终端设备，该终端设备包括一个或多个处理器、存储器以及一个或多个程序，所述一个或多个程序存储在存储器中，当被一个或多个处理器执行时，执行上述任意一种方法。
本实施例还提供了一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，使所述计算机执行上述任意一种方法。
本实施例可以实现在展示图片时同时将图片对应的编号和标题内容也一并展示，方便易用，增强了用户操作效率，提升了用户体验，满足用户的个性化使用需求。
附图说明
图1是实施例1提供的一种移动终端的结构示意图；
图2是实施例1提供的的一种展示图片的方法流程示意图；
图3是实施例2提供的一种展示图片的装置结构示意图；
图4是实施例2提供的另一种展示图片的装置结构示意图；
图5是实施例3提供的一种展示图片的方法流程示意图；
图6是实施例3提供的一种展示图片的装置结构示意图；
图7是实施例3提供的一种多图浏览翻页操作方法的流程示意图；
图8是实施例3提供的另一种多图浏览翻页操作方法的流程示意图；
图9是实施例3提供的图片集打开后的默认状态的示意图；
图10是实施例3提供的图片集打开后从第1张图向左滑动屏幕切换成第2张图的状态示意图；
图11是实施例3提供的图片集的图片总张数大于5的情况下当前查看第6张图的状态示意图；
图12是实施例3提供的图片集中的图片总张数大于5的情况下当前查看第7张图的状态示意图；
图13是实施例3提供的图片集中的图片总张数为12时，当前查看第11张图的状态示意图；
图14是实施例3提供的一种电子设备的硬件结构示意图。
具体实施方式
以下结合说明书附图对本公开的实施例进行说明，应当理解，此处所描述的实施例仅用于说明和解释本公开，并不用于限定本公开，并且在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。
本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而并非用于描述特定的顺序或先后次序。
实施例1
本实施例所提供的展示图片的方法可以在移动终端和计算机终端等终端设备中执行。以在移动终端中执行本实施例提供的展示图片的方法为例，图1是本实施例的一种移动终端的结构示意图。如图1所示，移动终端10可以包括一个或多个处理器102(图中仅示出一个处理器102)用于存储数据的存储器104、以及用于通信的传输装置106，其中，处理器102可以包括但不限于微处理器(Microcontroller Unit，MCU)和可编程逻辑器件(Field-Programmable Gate Array，FPGA)等处理装置。且图1所示的结构并不对上述移动终端的结构造成限定，例如，移动终端10还可包括比图1中所示更多或者更少的组件，也可以具有与图1所示不同的配置。
存储器104可用于存储应用软件的软件程序以及模块，如本发明实施例中的展示图片的方法对应的程序指令/模块，处理器102通过运行存储在存储器104内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的展示图片的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储 器。存储器104还可以包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至移动终端10，其中，上述网络包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输装置106设置为通过一个网络接收或者发送数据。上述的网络可以包括移动终端10的通信供应商提供的无线网络。传输装置106可以包括一个网络适配器(Network Interface Controller，NIC)，传输装置106可以通过基站与其他网络设备相连从而实现与互联网进行通讯。，传输装置106还可以为射频(Radio Frequency，RF)模块，将传输装置106设置为通过无线方式与互联网进行通讯。
本实施例中提供一种展示图片的方法，该方法可以由具有图片显示功能的终端设备执行，例如，手机或平板电脑等终端设备，图2是本实施例提供的一种展示图片的方法的流程示意图，如图2所示，该流程可以包括步骤102-步骤106。
在步骤102中，接收用于展示第一图片的第一触发信号。
在步骤104中，根据所述第一触发信号获取所述第一图片的属性信息。
其中，所述属性信息包括所述第一图片在图片集中的第一编号和所述第一图片的标题内容中的至少一种信息。
在步骤106中，在显示第一图片时，将所述第一图片的属性信息展示在显示界面。
其中，图片集中的每张图片都有相应的编号，图片的编号可以根据图片的表达顺序获取，例如，产品使用步骤对应的图片集中，图片的编号可以按照使用顺序排列，再例如，新闻稿对应的图片集，可以按照图片集中图片的生成时间来排列。
相关技术中，当用户查看图片时，不能直观了解当前所浏览图片的序号以及图片的标题内容，通常在查看图片标题内容时，需要用户再次点击屏幕，或者查看图片属性等，才能得到图片的标题内容，并且在显示图片时，图片编号也不会显示，想要查看当前图片的编号，通常需要用户通过相应操作返回到图库才能看到，不便于用户操作，图片信息显示不直观，用户体验较差。
本实施例通过接收用于展示第一图片的第一触发信号，根据第一触发信号获取第一图片的属性信息，在显示第一图片时，将第一图片的属性信息展示在 显示界面，直观地显示图片属性信息，方便易用，增强了用户的操作效率，提升了用户体验。
可选的，将所述第一图片的属性信息展示在所述显示界面包括：将第一图片的属性信息设置成高亮状态后展示在显示界面。可以突显第一编号和标题内容，在显示界面还有其他图片的编号或标题内容时，高亮的显示效果更佳。
其中，高亮状态可以是将第一编号和标题内容中的至少一项加入预设颜色的底纹，例如黄色、绿色或者蓝色等颜色的底纹，也可以是对第一编号和标题内容中的至少一项设置突出显示的效果，如字体加粗、设置字体颜色或者设置动画效果等，在此不作限定。
可选的，在根据第一触发信号获取第一图片的属性信息之后，在在显示第一图片之前，还包括：在图片集包括多张图片的情况下，获取与第一图片相邻的一张或多张图片对应的编号。
可选的，将第一图片的属性信息展示在显示界面包括：将第一图片的属性信息，以及与第一图片相邻的一张或多张图片对应的编号展示在显示界面。
相邻可以包括直接相邻和间接相邻两种情况，如当前图片编号是“5”，相邻编号除了“4”和“6”之外，还可以包括“3”、“7”、“8”等，相邻编号对应的图片在图片集中的位置也是相邻的。
可选的，在将第一图片的属性信息展示在显示界面之后，还包括步骤11-步骤13。
在步骤11中，接收用于展示第二图片的第二触发信号；
在步骤12中，根据第二触发信号获取第二图片的属性信息，其中，所述属性信息包括第二图片在图片集中的第二编号和第二图片的标题内容中的至少一项：
在步骤13中，将显示界面当前展示的第一图片替换为第二图片，并将第二图片的属性系你想展示在显示界面。
可选地，将第二图片的属性信息展示在显示界面包括下述至少一种情况：将显示界面当前展示的第一编号替换为第二编号，和将显示界面当前展示的第一图片的标题内容替换为第二图片的标题内容。
可选的，将显示界面当前展示的第一编号替换为第二编号包括：将第一编号由高亮状态设置为正常状态，以及将第二编号由正常状态设置为高亮状态； 将显示界面当前展示的第一图片的标题内容替换为第二图片的标题内容包括：将第一图片的标题内容向预设方向缩进直到消失，以及将第二图片的标题内容向预设方向扩展直到全部显示。
可选地，在显示第一图片时，将第一图片的属性信息展示在显示界面，包括：将所述显示界面预先划分为第一区域、第二区域和第三区域；以及
在显示界面的第一区域显示第一图片时，包括下述至少一种情况：将第一编号展示在显示界面的第二区域和将第一图片的标题内容展示在显示界面的第三区域。也即，在显示界面的不同区域分别展示图片内容，图片编号，标题内容。
本实施例提供的展示图片的方法可以为计算机软件产品的形式，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟和光盘等存储介质，该软件产品中可以包括多个指令以使得终端设备，如手机，计算机，服务器，或者网络设备等，执行本发明实施例提供的展示图片的方法。
实施例2
本实施例提供一种展示图片的装置，该装置设置为执行上述实施例提供的展示图片的方法，该装置可以集成在具有图片显示功能的终端设备中。图3是本实施例提供的一种展示图片的装置结构示意图，如图3所示，该装置包括：
接收模块30，设置为：接收用于展示第一图片的第一触发信号；
获取模块32，设置为：根据所述第一触发信号获取所述第一图片的属性信息，所述属性信息包括所述第一图片在图片集中的第一编号和所述第一图片的标题内容中的至少一种信息；以及
展示模块34，设置为：在显示所述第一图片时，将所述所述第一图片的属性信息展示在所述显示界面。
图4为实施例提供的另一种展示图片的装置的结构示意图，如图4所示，在上述实施例的基础上，该装置除包括图3所示的所有模块外，展示模块34包括：
展示单元40，设置为：将第一图片的属性信息设置成高亮状态后展示在显示界面。
实施例3
本实施例提供一种多图浏览翻页操作方法，本实施例以平板电脑(pad)为例进行说明，该方法包括：
在pad屏幕界面上，提供显示翻页的翻页模块；
在当前界面，提供显示图片集的图片显示模块。
例如，该图片集有N张图，图片1-图片N对应的编号分别为1-N，假设当前显示编号为1的图片，翻页模块显示的内容包括：编号1、图片1的标题内容、编号2、编号3、编号4和编号N，并且编号1和图片1的标题内容高亮显示，图片显示模块显示图片1。当手指触摸屏幕并向左移动时，滑到图片2的状态，翻页模块显示的内容包括：编号1、编号2、图片2的标题内容、编号3、编号4和编号N，并且编号2和图片2的标题内容高亮显示。
在由图片1切换到图片2时，可以进行动态效果的展示，进行动态展示的过程包括：
将编号1由高亮状态变成非高亮状态；
将图片1的标题内容向左缩进至慢慢消失；
编号2由非高亮状态变成高亮状态；
图片2的标题内容向右扩展直至慢慢显示完整；
图片显示模块显示图片2。
当用户滑动显示屏幕进行图片切换时，图片、图片的编号和标题内容也一并展示，使得图片编号和标题内容信息一目了然，并且在切换图片编号和图片的标题内容时，采用伸缩动画效果，方便易用，增强用户操作效率，满足用户的个性化使用需求，提升用户体验。
可选的，当前图片集中的图片数量大于预设阈值时，选取预设数量的图片编号进行展示。可选的，依序显示图片以及图片编号，当图片集中图片的数量较多时，选取与当前显示图片相邻的预设数量的图片编号及图片集中最后一张图片的序号。以精简显示效果。当前图片的图片编号高可以亮状态显示以突出显示效果。
例如，根据当前图片集中所包含的图片的编号从小到大的顺序显示图片的编号，当图片集中的图片数量较多时，可以选取与当前显示图片前后相邻的预设数量的图片的编号及该图片集中最后一张图片的编号进行展示。再例如，预 设阈值可以为6，当前图片集中的图片总张数大于6，如当前图片集总张数为12，当前显示的图片的编号3，则选取与当前所显示的图片左右相邻的4个编号和该图片集中最后一张图片的编号进行展示，即显示编号1、编号2、编号3、编号4、编号5和编号12，当前图片的图片编号3可以以高亮状态显示，以突出当前图片编号的显示效果。
可选地，通过滑动屏幕，按序左右翻动图片，触发图片序号的动态变化效果，并向显示界面反馈当前图片的图片编号及标题内容。
可选地，获取用户对屏幕的滑动操作，根据滑动方向，替换当前所显示的图片，同时显示替换后的图片对应的图片编号及标题内容。
其中，在用户向左滑动所述屏幕的情况下，将当前图片替换为与当前图片相邻的前一图片；在用户向右滑动所述屏幕的情况下，将当前图片替换为与当前图片相邻的后一图片。
本实施例能够在不需要用户进行二次点击的情况下，显示当前图片的标题内容，还能够显示该图片集中所包含图片的总数量，节省了用户操作时间，提升用户的操作效率；在用户进行图片翻页的过程中，图标编号及标题内容以缩进的动态效果进行展示，美化展示效果，人机交互更友好，提升用户的使用体验。
本实施例提供的多图浏览翻页的方法，可以实现在移动终端的显示屏幕界面上同时显示图片标题内容、图片编号及图片，可以基于用户对鼠标的操作或用户的触摸手势，通过软件在处理器中执行上述方法，实现图片的切换。图5是本实施例提供的展示图片的方法流程示意图，如图5所示，以pad为例进行说明，该方法可以包括步骤202-步骤204。
在步骤202中，接收基于用户触摸操作的第一触发信号，其中，触发信号为用户对终端屏幕中所显示的图片编号区进行触摸操作产生的信号，根据所述触发信号确定用户选中的目标图片编号。
在步骤204中，响应所述触发信号，调用图片集中与目标图片编号对应的图片，并获取该图片的标题内容，将图片编号、标题内容和图片同时展示在终端屏幕上。
在本实施例中可以根据用户对移动终端屏幕中的图片编号区域的触摸操作，确定用户选中的目标图片编号，并调用图片集中与目标图片编号对应的图 片在终端屏幕上进行显示，并获取图片的标题内容，将图片编号、标题内容和图片同时显示在终端屏幕上，解决了图片显示界面操作不方便的问题，提高了用户操作效率，提升了用户体验。
采用本实施例提供的展示图片的方法查看图片集时，例如相册、新闻图稿、菜谱图集或者有明显步骤的说明文档图集等，用户可以直接查看当前图片的编号及图片的标题内容，便于用户快速获取图片信息，并且，在用户需要跳跃性地查看图片时，例如，对于有明显步骤的说明文档图集进行跳跃性查看时，可以直接点击当前图片显示界面中所展示的多个图片编号中的任意编号，使屏幕能够快速显示与用户所点击的图片编号对应的图片，而不必依次翻看每张图片，方便用户快速查看图片，用户的操作手势更流畅，人机交互更友好，节省了用户操作时间，提升了用户的使用体验。
可选地，对当前图片的图片编号进行高亮显示，在显示界面中图片标题内容在图片编号后的区域展示。这样可以更加清楚地向用户展示当前图片对应图片集中的第几张图片，及该图片的标题内容。
图6是本实施例提供的展示图片的装置结构示意图，如图6所示，该装置可以包括：第一接收模块22和调用模块24，其中，
第一接收模块22，设置为：接收基于用户触摸操作的第一触发信号，其中，触发信号为用户对终端屏幕中所显示的图片编号区进行触摸操作产生的信号，根据所述触发信号确定用户选中的目标图片编号；
第一响应模块24，设置为：响应所述触发信号，调用图片集中与目标图片编号对应的图片，并获取该图片的标题内容，将图片编号、标题内容和图片同时展示在终端屏幕上。
本实施例通过第一接收模块22可以根据接收第一触发信号作用于显示在终端屏幕上，调用模块24响应于该触发信号，调用图片集中对应的图片及图片的属性信息展示在终端屏幕上。
可选地，上述展示图片的装置还包括：第二接收模块，设置为接收第二触发信号；第一触发模块，设置为响应于第二触发信号，触发图片编码区域平行方向移动。
可选地，上述展示图片的装置还包括：第三接收模块，设置为接收第三触发信号；第二触发模块，设置为响应于第三触发信号，触发图片内容平行方向 切换。
图7是本实施例提供的一种多图浏览翻页操作方法的流程示意图，如图7所示，以pad为例进行说明，该方法可以包括步骤302-步骤310。
在步骤302中，在平板电脑界面上，打开图片集。
在步骤304中，在当前界面，提供图文显示区域。
在步骤306中，在上述提供的显示区域，分别显示图片集打开后的图片编号及标题内容。
例如，基于用户对平板电脑中图片集的操作，在平板电脑界面上打开图片集，可以将显示界面划分为图片显示区域和文字显示区域，也即，将上述图文显示区域划分为图片显示区域和文字显示区域，在所述图片显示区域显示一图片，在所述文字显示区域显示该图片的图片编号、图片标题内容及与该图片相邻的预设数量图片的图片编号。当用户根据文字显示区域中显示的图片编号选中目标图片时，获取与目标图片对应的图片编号、图片标题内容，及与所述目标图片相邻的预设数量的图片对应的图片编号。
在步骤308中，在上部区域逐一排列显示图片编号。其中编号1高亮焦点模式显示，图片1的标题在编号1后展开显示，其它图片编号逐一按序普通模式展示。
在步骤310中，在下部区域显示图片1的内容。
可选地，在步骤310中，对所述目标图片的图片编号和标题内容进行高亮显示。
其中，文字显示区域可以设置在所述图片显示区域的上方，且所述目标图片的图片编号及与与所述目标图片相邻的预设数量图片的图片编号依据预设顺序在所述文字显示区域进行展示，所述预设顺序可以为图片编号从小到大的顺序。
例如，图片1对应的图片编号为编号1，文字显示区域显示的内容可以包括图片1、编号1、与编号1相邻的预设数量的图片编号(包括该图片集最后一张图片的编号)及图片1的标题内容。再例如，上述预设数量为5，该图片集最后一张图片为12，文字显示区域显示的内容可以为：编号1、图片1的标题内容、编号2、编号3、编号4和编号12，同时图片显示区域显示图片1。
图8是本实施例提供的另一种多图浏览翻页操作方法的流程示意图，以pad为例进行说明，如图8所示，该方法可以包括步骤402-步骤406。
在步骤402中，当用户点击平板电脑屏幕打开图片集时，显示界面所显示的当前图片默认为图片编号1对应的图片、该图片的标题内容及与该图片相邻的预设数量的图片对应的图片编号，其中当前图片的编号和标题内容高亮显示。
在步骤404中，在显示界面向左滑动屏幕时，将当前图片切换成相邻的下一张图片，将原图片编号由高亮状态设置为非高亮状态，将原图片标题内容向左收缩至慢慢消失，同时，将切换后的当前图片的编号设置为高亮状态，将切换后的当前图片的标题内容在对应的图像编号后向右展开。
在步骤406中，在显示界面向右滑动屏幕时，将当前图片切换成相邻的上一张图片，将原图片编号由高亮焦点状态设置为非高亮状态，将原图片标题内容向左收缩至慢慢消失，同时，将切换后的当前图片的编号设置为高亮状态，将切换后的当前图片的标题内容在对应的图片编号后向右展开。
需要说明的是，步骤404和步骤406并非限定执行顺序，在实际使用中，根据用户的操作来执行步骤404或者步骤406。
本实施例依据编号顺序显示图片集中的图片编号及图片标题内容，在用户对屏幕进行滑动操作时，通过用户对屏幕滑动方向，实现对图片的快速切换，对显示界面显示的当前图片、图片编号及标题内容进行动态改变，并对相应图片编号和标题内容的高亮状态进行改变，快速反馈用户的滑动操作，节省用户的操作时间，人机交互更友好，提升用户体验。
图9是本实施例提供的图片集打开后的默认状态的示意图，当图片集中的图片总张数小于6时，例如，某一图片集中的图片总张数为5，如图9所示，屏幕上方横向显示的编号1、图片1的标题内容、编号2、编号3、编号4、编号5为文字显示区域，其中编号1为高亮状态；图片1所处的位置为图片显示区域，在图9中，该图片显示区域内显示与编号1对应的图片1。
通过手指在屏幕上向左滑动，可以切换到下一张图片进行展示，如图10所示，为本实施例提供的的图片集打开后从第1张图左滑屏幕切换成第2张图的状态示意图，在图10中，屏幕上方横向显示的编号1、编号2、图片2的标题内容、编号3、编号4、编号5为文字显示区域，其中，编号2为高亮状态；当 根据手指向左滑动的动作由图片1切换至图片2时，显示区域内同步显示与编号2对应的图片2并且，在切换过程中，图片1的标题内容渐渐向编号1的方向收缩消失，同时，图片2的标题内容从编号2的位置开始渐渐向右扩展出来，实现由图片1到图片2的切换。
当图片集中的图片总张数大于5时，屏幕的文字显示区域可以显示当前图片的编号及与当前图片相邻的预设数量图片的图片编号，和该图片集中最后一张图片的编号。例如，所述预设数量为4，如图11所示为本实施例提供的图片集中的图片总张数大于5的情况下，如图片集中的图片总张数为12，当前查看第6张图的状态示意图，在这种情况下，隐藏编号1-编号5，当用户向右滑动屏幕时，可以展示编号1-编号5和编号12，显示预设数量的图片的编号可以避免由于图片太多，而显示界面尺寸有限，导致文字显示区域无法显示所有图片的编号，但是，可以根据终端设备的屏幕尺寸及用户的使用需求设置合适的上述预设数量。
其中，在当前图片的编号为5X+1(X为正整数)的情况下，当用户向左或向右滑动屏幕时，可以将文字显示区域内的编号替换为一组新的编号；在滑动到接近图片集结束时，所显示的当前图片编号无法从5X+1开始，则以该图片集中的最后一张图为基准，向着编号逐渐减小的方向显示相邻的5张图片的编号即可。
例如，图12是本实施例提供的的图片集中的图片总张数大于5的情况下当前查看第7张图的状态示意图，图12所示为当前图片集中的图片总张数是12，显示的当前图片为第7张图片时的显示效果。图13是本实施例提供的图片集中的图片总张数为12，当前查看第11张图片时的状态示意图。
图片集的图片总张数与图片编号区域显示的图片编号的规律可以包括：
假设图片集中的图片总张数为N，N必须大于1。当N小于6时，该图片集中的每个图片编号都可以展示出来。
例如，当N为2，当前显示图片1时，显示界面的文字显示区域可以显示：编号1、图片1的标题内容和编号2；当N为3，当前显示图片1时，显示界面的文字显示区域可以显示：编号1、图片1的标题内容、编号2和编号3；当N为4，当前显示图片1时，显示界面的文字显示区域可以显示：编号1、图片1的标题内容、编号2、编号3和编号4；当N为5，当前显示图片1时，显示界 面的文字显示区域可以显示：编号1、图片1的标题内容、编号2、编号3、编号4和编号5。
当N大于5时，可以理解为屏幕的显示界面无法显示每个图片编号的情况，可以将图片编号以每5个一组的方式进行展示，并同时展示该图片集中最后一张图片的编号N。
例如，当N为12，当前显示图片1时，显示界面的文字显示区域可以显示：编号1、图片1的标题内容、编号2、编号3、编号4、编号5和编号12；当N为12，当前显示图片5时，显示界面的文字显示区域可以显示：编号1、编号2、编号3、编号4、编号5、图片5的标题内容和编号12；当N为12，当前显示图片10时，显示界面的文字显示区域可以显示：编号7、编号8、编号9、编号10、图片10的标题内容和编号12；当N为12，当前显示图片11时，显示界面的文字显示区域可以显示：编号7、编号8、编号9、编号10、编号11、图片11的标题内容和编号12；当N为12，当前显示图片12时，显示界面的文字显示区域可以显示：编号7、编号8、编号9、编号10、编号11、编号12和图片12的标题内容。
本实施例通过将图片编号及图片的标题内容同时显示在屏幕的显示范围内，可以通过手指滑动屏幕来切换图片，同时切换图片的标题内容及编号。使得对图片切换过程更直观，通过用户的滑动手势浏览图片，人机交互更友好，加快用户的操作速度，提升用户体验，并根据图片集中图片的总张数，调整显示界面中所显示的编号的个数，优化展示效果。
实施例4
本实施例还提供一种计算机可读存储介质。可选地，在本实施例中，上述存储介质可以被设置为存储用于执行步骤10-步骤30的程序代码：
在步骤10中，接收用于展示第一图片的第一触发信号；
在步骤20中，根据所述第一触发信号获取所述第一图片的属性信息，所述属性信息包括所述第一图片在图片集中的第一编号和所述第一图片的标题内容中的至少一种信息；
在步骤30中，在显示所述第一图片时，将所述第一图片的属性信息展示在显示界面。
可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
可选地，在本实施例中，处理器根据存储介质中已存储的程序代码执行接收用于展示第一图片的第一触发信号；
可选地，在本实施例中，处理器根据存储介质中已存储的程序代码执行根据第一触发信号获取第一图片的属性信息，即获取第一图片在图片集中的第一编号和第一图片的标题内容中的至少一种信息；
可选地，在本实施例中，处理器根据存储介质中已存储的程序代码执行在显示第一图片时，将第一图片的属性信息展示在显示界面。
本实施例还提供一种电子设备，图14是本实施例提供的一种电子设备的硬件结构示意图，如图14所示，该电子设备可以包括：一个或多个处理器410和存储器420。图14中以一个处理器410为例。
所述电子设备还可以包括：输入装置430和输出装置440。
所述电子设备中的处理器410、存储器420、输入装置430和输出装置440可以通过总线或者其他方式连接，图14中以通过总线连接为例。
输入装置430可以接收输入的数字或字符信息，输出装置440可以包括显示屏等显示设备。
存储器420作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块。处理器410通过运行存储在存储器420中的软件程序、指令以及模块，从而执行多种功能应用以及数据处理，以实现上述实施例中的任意一种方法。
存储器420可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据电子设备的使用所创建的数据等。此外，存储器可以包括随机存取存储器(Random Access  Memory，RAM)等易失性存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件或者其他非暂态固态存储器件。
存储器420可以是非暂态计算机存储介质或暂态计算机存储介质。该非暂态计算机存储介质，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器420可选包括相对于处理器410远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例可以包括互联网、企业内部网、局域网、移动通信网及其组合。
输入装置430可用于接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入。输出装置440可包括显示屏等显示设备。
本领域普通技术人员可理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来执行相关的硬件来完成的，该程序可存储于一个非暂态计算机可读存储介质中，该程序在执行时，可包括如上述方法的实施例的流程，其中，该非暂态计算机可读存储介质可以为磁碟、光盘、只读存储记忆体(ROM)或随机存储记忆体(RAM)等。
工业实用性
本公开能够实现在展示图片时同时将图片对应的编号和标题内容也一并展示，方便易用，增强了用户操作效率，提升了用户体验，满足用户的个性化使用需求。

Claims (12)

  1. 一种展示图片的方法，包括：
    接收用于展示第一图片的第一触发信号；
    根据所述第一触发信号获取所述第一图片的属性信息，所述属性信息包括所述第一图片在图片集中的第一编号和所述第一图片的标题内容中的至少一种信息；以及
    在显示所述第一图片时，将所述第一图片的属性信息展示在显示界面。
  2. 根据权利要求1所述的方法，其中，将所述第一图片的属性信息展示在所述显示界面包括：
    将所述第一图片的属性信息设置成高亮状态后展示在所述显示界面。
  3. 根据权利要求1所述的方法，其中，在根据所述第一触发信号获取所述第一图片的属性信息之后，还包括：
    在所述图片集包括多张图片的情况下，获取与所述第一图片相邻的一张或多张图片对应的编号。
  4. 根据权利要求3所述的方法，其中，将所述第一图片的属性信息展示在所述显示界面包括：
    将所述第一图片的属性信息，以及与所述第一图片相邻的一张或多张图片对应的编号展示在所述显示界面。
  5. 根据权利要求1所述的方法，其中，在将所述第一图片的属性信息展示在所述显示界面之后还包括：
    接收用于展示第二图片的第二触发信号；
    根据所述第二触发信号获取所述第二图片的属性信息，所述属性信息包括所述第二图片在所述图片集中的第二编号和所述第二图片的标题内容中的至少一种信息；以及
    将所述显示界面当前展示的所述第一图片替换为所述第二图片，并将所述第二图片的属性信息展示在所述显示界面。
  6. 根据权利要求5所述的方法，其中，将所述第二图片的属性信息展示在所述显示界面包括下述至少一种情况：
    将所述显示界面当前展示的所述第一编号替换为所述第二编号，和将所述显示界面当前展示的所述第一图片的标题内容替换为所述第二图片的标题内容。
  7. 根据权利要求6所述的方法，其中，将所述显示界面当前展示的所述第一编号替换为所述第二编号包括：
    将所述第一编号由高亮状态设置为正常状态，以及将所述第二编号由正常状态设置为高亮状态。
  8. 根据权利要求6所述的方法，其中，将所述显示界面当前展示的所述第一图片的标题内容替换为所述第二图片的标题内容包括：
    将所述第一图片的标题内容向预设方向缩进直到消失，以及将所述第二图片的标题内容向所述预设方向扩展直到全部显示。
  9. 根据权利要求1所述的方法，其中，在显示所述第一图片时，将所述第一图片的属性信息展示在显示界面，包括：
    将所述显示界面预先划分为第一区域、第二区域和第三区域；以及
    在所述显示界面的第一区域显示所述第一图片时，包括下述至少一种情况：将所述第一编号展示在所述显示界面的第二区域，和将所述第一图片的标题内容展示在所述显示界面的第三区域。
  10. 一种展示图片的装置，包括：
    接收模块，设置为：接收用于展示第一图片的第一触发信号；
    获取模块，设置为：根据所述第一触发信号获取所述第一图片的属性信息，所述属性信息包括所述第一图片在图片集中的第一编号和所述第一图片的标题内容中的至少一种信息；以及
    展示模块，设置为：在显示所述第一图片时，将所述所述第一图片的属性信息展示在所述显示界面。
  11. 根据权利要求10所述的装置，其中，所述展示模块包括：
    展示单元，设置为：将所述第一图片的属性信息设置成高亮状态后展示在所述显示界面。
  12. 一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行权利要求1-9任一项的方法。
PCT/CN2017/087869 2016-06-17 2017-06-12 展示图片的方法及装置 WO2017215542A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610440019.7A CN107515711A (zh) 2016-06-17 2016-06-17 展示图片的方法及装置
CN201610440019.7 2016-06-17

Publications (1)

Publication Number Publication Date
WO2017215542A1 true WO2017215542A1 (zh) 2017-12-21

Family

ID=60663250

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/087869 WO2017215542A1 (zh) 2016-06-17 2017-06-12 展示图片的方法及装置

Country Status (2)

Country Link
CN (1) CN107515711A (zh)
WO (1) WO2017215542A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112732132A (zh) * 2019-10-28 2021-04-30 广州极飞科技有限公司 图像的操作方法及装置、非易失性存储介质
CN116486759A (zh) * 2023-04-11 2023-07-25 艺壹佳文化科技(广东)有限公司 一种标识显示智能调节方法、装置、设备及存储介质

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108897475B (zh) * 2018-05-31 2020-09-29 维沃移动通信有限公司 一种图片处理方法及移动终端
CN109587547B (zh) * 2018-12-30 2021-07-23 北京奇艺世纪科技有限公司 广告的播放控制方法及装置
CN111562872B (zh) * 2020-04-27 2021-05-18 北京小米移动软件有限公司 相册显示方法及装置、电子设备、计算机可读存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101893980A (zh) * 2009-05-20 2010-11-24 龙旗科技(上海)有限公司 一种带滑动动画效果的多图像查看界面的显示方法
CN102117611A (zh) * 2009-12-31 2011-07-06 鸿富锦精密工业（深圳）有限公司 在电子装置中实现循环显示图片的方法
CN104536650A (zh) * 2015-01-15 2015-04-22 成都品果科技有限公司 一种基于ios系统的视差翻页人机交互方法
CN105630310A (zh) * 2015-12-18 2016-06-01 北京奇虎科技有限公司 一种图组切换时的标题展示方法和装置

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102955658B (zh) * 2011-08-25 2017-03-22 腾讯科技（深圳）有限公司 交互界面中的页面切换方法及装置
CN103488447A (zh) * 2012-06-12 2014-01-01 国基电子（上海）有限公司 画面组合显示控制系统及显示控制方法
CN102866916B (zh) * 2012-09-07 2014-12-24 华为终端有限公司 一种终端及动态加载应用程序界面的方法
CN103870102B (zh) * 2012-12-13 2017-12-12 腾讯科技（武汉）有限公司 图片切换方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101893980A (zh) * 2009-05-20 2010-11-24 龙旗科技(上海)有限公司 一种带滑动动画效果的多图像查看界面的显示方法
CN102117611A (zh) * 2009-12-31 2011-07-06 鸿富锦精密工业（深圳）有限公司 在电子装置中实现循环显示图片的方法
CN104536650A (zh) * 2015-01-15 2015-04-22 成都品果科技有限公司 一种基于ios系统的视差翻页人机交互方法
CN105630310A (zh) * 2015-12-18 2016-06-01 北京奇虎科技有限公司 一种图组切换时的标题展示方法和装置

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112732132A (zh) * 2019-10-28 2021-04-30 广州极飞科技有限公司 图像的操作方法及装置、非易失性存储介质
CN116486759A (zh) * 2023-04-11 2023-07-25 艺壹佳文化科技(广东)有限公司 一种标识显示智能调节方法、装置、设备及存储介质
CN116486759B (zh) * 2023-04-11 2024-01-30 艺壹佳文化科技(广东)有限公司 一种标识显示智能调节方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN107515711A (zh) 2017-12-26

Similar Documents

Publication Publication Date Title
US11392575B2 (en) Techniques for collapsing views of content items in a graphical user interface
US11954313B2 (en) Browsing and selecting content items based on user gestures
WO2017215542A1 (zh) 展示图片的方法及装置
KR100984817B1 (ko) 이동통신 단말기의 터치스크린을 이용한 사용자 인터페이스 방법
TWI516962B (zh) 巡覽一瀏覽器中之複數個內容項目的方法、電腦系統及電腦程式產品
US8302027B2 (en) Graphic user interface management system and method
US9910584B2 (en) Method for manipulating folders and apparatus thereof
US10228835B2 (en) Method for displaying information, and terminal equipment
WO2012111057A1 (ja) 電子装置、表示方法及びプログラム
KR20130064458A (ko) 복수 개의 영역으로 구분된 화면을 디스플레이하는 디스플레이 장치 및 그 방법
WO2018119584A1 (zh) 柔性显示屏的交互方法及装置
WO2023005920A1 (zh) 分屏方法、装置及电子设备
WO2015184736A1 (zh) 一种触屏设备背景图变换的方法及终端
WO2022121903A1 (zh) 桌面整理方法、装置及电子设备
JP5815392B2 (ja) 表示装置、表示装置の制御方法、制御プログラム、および記録媒体
WO2023030115A1 (zh) 界面显示方法和装置
CN111147659A (zh) 一种显示控制方法、装置、电子设备及存储介质
WO2017185327A1 (zh) 一种用户界面显示方法及终端
US20160132478A1 (en) Method of displaying memo and device therefor
WO2018223593A1 (zh) 分段选择视图呈现方法、装置及用户终端
JP5906344B1 (ja) 情報処理装置、情報表示プログラムおよび情報表示方法
WO2022247787A1 (zh) 应用归类方法、装置及电子设备
CN113393372A (zh) 桌面壁纸设置方法及装置
CN113168286A (zh) 终端、用于该终端的控制方法以及记录用于实现该方法的程序的记录介质
WO2024082851A1 (zh) 资源的整合方法、装置、电子设备以及存储介质

Legal Events

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

Ref document number: 17812653

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 17812653

Country of ref document: EP

Kind code of ref document: A1