WO2021093688A1 - 目标对象显示方法、装置、电子设备和计算机可读介质 - Google Patents

目标对象显示方法、装置、电子设备和计算机可读介质 Download PDF

Info

Publication number
WO2021093688A1
WO2021093688A1 PCT/CN2020/127257 CN2020127257W WO2021093688A1 WO 2021093688 A1 WO2021093688 A1 WO 2021093688A1 CN 2020127257 W CN2020127257 W CN 2020127257W WO 2021093688 A1 WO2021093688 A1 WO 2021093688A1
Authority
WO
WIPO (PCT)
Prior art keywords
touch area
target object
touch
page
display
Prior art date
Application number
PCT/CN2020/127257
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 北京字节跳动网络技术有限公司
Priority to EP20886600.4A priority Critical patent/EP4044008A4/en
Priority to JP2022527806A priority patent/JP7402330B2/ja
Priority to US17/776,321 priority patent/US20220398011A1/en
Publication of WO2021093688A1 publication Critical patent/WO2021093688A1/zh
Priority to US17/743,793 priority patent/US20220374144A1/en
Priority to US18/302,752 priority patent/US20230251777A1/en

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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416—Control or interface arrangements specially adapted for digitisers
    • G06F3/0418—Control or interface arrangements specially adapted for digitisers for error correction or compensation, e.g. based on parallax, calibration or alignment
    • 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
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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/0487—Interaction 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/0488—Interaction 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/04886—Interaction 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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • 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/0481—Interaction 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/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • 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/0487—Interaction 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/0488—Interaction 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
    • 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/0487—Interaction 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/0488—Interaction 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/04883—Interaction 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

Definitions

  • the embodiments of the present disclosure relate to the field of computer technology, and specifically relate to a target object display method, device, electronic device, and computer-readable medium.
  • the content of the present invention is used to introduce concepts in a brief form, and these concepts will be described in detail in the following specific embodiments.
  • the content of the present invention is not intended to identify the key features or essential features of the technical solution required to be protected, nor is it intended to be used to limit the scope of the technical solution required to be protected.
  • Some embodiments of the present disclosure propose a target object display method, device, electronic device, and computer readable medium.
  • some embodiments of the present disclosure provide a target object display method, the method includes: displaying a page, the page includes a touch area and at least one non-touch area adjacent to the touch area, wherein, at least A non-touch area does not respond to a preset touch operation, the touch area is used to display the target object; in response to detecting a touch operation in the touch area, the target object is displayed in the touch area in the first preset pattern .
  • some embodiments of the present disclosure provide a target object display device, the device includes: a display unit configured to display a page, the page includes a touch area and at least one non-touch area adjacent to the touch area Area, where at least one non-touch area does not respond to a preset touch operation, and the touch area is used to display a target object; the display unit is further configured to respond to detecting a touch operation in the touch area to first The preset style displays the target object in the touch area.
  • some embodiments of the present disclosure provide an electronic device, including: one or more processors; a storage device, on which one or more programs are stored. When one or more programs are stored by one or more The processor executes, so that one or more processors implement the method described in any implementation manner of the first aspect.
  • some embodiments of the present disclosure provide a computer-readable medium on which a computer program is stored, wherein the program is executed by a processor to implement the method described in any implementation manner in the first aspect.
  • embodiments of the present disclosure provide a computer program product, including a computer program, which is used to implement the target object display method provided by the embodiments of the present disclosure when the computer program is executed.
  • the target object display method, device, electronic device, and computer-readable medium provided by some embodiments of the present disclosure can display a page, and the page includes a touch area and a non-touch area.
  • the user when the user performs an operation on the touch area, it may accidentally touch a nearby area, causing irrelevant functions or effects to be triggered.
  • by setting a non-touch area adjacent to the touch area, and the non-touch area does not respond to a preset touch operation it is possible to prevent the user from triggering irrelevant functions or effects. Improve operation accuracy.
  • by displaying the target object in the first preset style it can be effectively distinguished from the target objects of other styles, thereby effectively prompting the user and enhancing the interactivity during operation.
  • FIG. 1 is a schematic diagram of an application scenario of a target object display method of some embodiments of the present disclosure
  • Fig. 2 is a flowchart of some embodiments of a target object display method according to the present disclosure
  • FIG. 3 is a flowchart of other embodiments of the target object display method according to the present disclosure.
  • Fig. 4 is an exemplary schematic diagram of a first preset pattern according to the present disclosure
  • FIG. 5 is a schematic structural diagram of some embodiments of a target object display device according to the present disclosure.
  • FIG. 6 is a schematic structural diagram of an electronic device suitable for implementing some embodiments of the present disclosure.
  • FIG. 7 is an exemplary schematic diagram of the second preset pattern of the present disclosure.
  • Fig. 1 shows a schematic diagram of an application scenario in which the target object display method of some embodiments of the present disclosure can be applied.
  • the target object display method provided by some embodiments of the present disclosure may be executed by a terminal device or a server.
  • the terminal device can be hardware or software.
  • the terminal device can be various electronic devices with a display screen and supporting touch operations, including but not limited to smart phones, tablet computers, e-book readers, vehicle-mounted devices, wearable devices, and so on.
  • the terminal device is software, it can be installed in the electronic devices listed above. It can be implemented, for example, as multiple software or software modules for providing distributed services, or as a single software or software module. There is no specific limitation here.
  • the server can also be hardware or software.
  • the server can be implemented as a distributed server cluster composed of multiple servers, or as a single server.
  • the server is software, it can be implemented as multiple software or software modules for providing distributed services, or as a single software or software module. There is no specific limitation here.
  • the execution subject of the target object display method may be various applications installed on the smart phone 101.
  • the live video application can display a video play page 102 on the smart phone 101.
  • the video playback page 102 includes a touch area 103 and two non-touch areas 104 adjacent to the touch area 103. Among them, the two non-touch areas 104 do not respond to preset touch operations.
  • take the touch area 103 displaying a progress bar for adjusting the progress of video playback as an example. When the user wants to adjust the video playback progress, he can slide in the touch area 103.
  • the touch area 103 has no obvious boundary from other areas, and the user intuitively cannot distinguish the actual range of the touch area 103. Taking a step back, even though the user interface design allows the user to distinguish the touch area 103 from other areas, because the fingers, stylus, etc. all have a certain width, and considering factors such as the width of the touch area 103, when the user is touching When the area 103 is operated, it is very likely to accidentally touch a nearby area, causing irrelevant functions or effects to be triggered.
  • non-touch area 104 By setting the non-touch area 104 adjacent to the touch area, two non-touch areas 104 in FIG. 1 are taken as an example.
  • the non-touch area does not respond to the preset touch operation, thereby avoiding user triggering. Irrelevant functions or effects to improve operation accuracy.
  • the target object is displayed in the touch area in the first preset pattern.
  • the first preset style may be a more eye-catching display style.
  • the line can be thicker and have the style of dragging blocks.
  • the target object display method includes:
  • Step 201 Display a page, which includes a touch area and at least one non-touch area adjacent to the touch area.
  • the execution subject of the target object display method may display a page, which includes a touch area and at least one non-touch area adjacent to the touch area.
  • the page can be a variety of pages. As an example, it can be a system interface that comes with the electronic device, or it can be a page of an application installed on the electronic device, and so on. According to needs, the page can be used to implement various functions. In this regard, the present disclosure does not make any limitations.
  • the touch area allows users to touch with their fingers or other media to achieve interaction with the device or application.
  • the touch area can be used to display the target object.
  • the target object can be a variety of objects according to the different functions implemented.
  • the touch area can be used to display a progress bar, and the user can adjust the video playback progress by dragging the progress bar.
  • the touch area is used to display a comment box, and the user can click to expand the comment box to input comment content.
  • the functions implemented by the touch area can be determined according to actual needs.
  • the page includes at least one non-touch area adjacent to the touch area.
  • at least one non-touch area does not respond to a preset touch operation.
  • the shape, number, and size of the non-touch area can be set according to actual needs, which is not limited in this application.
  • one non-touch area can be set above and below the touch area.
  • a circular non-touch area or the like can be set around the touch area.
  • the positional relationship between the non-touch area and the touch area may be adjacent. According to implementation needs, there may be no gap between the non-touch area and the touch area, or there may be a certain gap. In this regard, the present disclosure does not limit it.
  • Step 202 In response to detecting a touch operation in the touch area, display the target object in the touch area in a first preset pattern.
  • the above-mentioned execution subject can detect the touch operation in the touch area.
  • touch operations can be various operations, including but not limited to: tapping, sliding, double-clicking, dragging, and so on.
  • the touch operation can be detected through the interface provided by the operating system and the functions provided by some application development tools.
  • displaying the target object in the touch area in the first preset pattern In response to detecting a touch operation in the touch area, displaying the target object in the touch area in the first preset pattern.
  • the first preset style may be any style that is different from the previous display style of the target object. As an example, as shown in FIG. 4, when the displayed target object is a progress bar, the first preset style may be a more eye-catching display style, for example, it may have a thicker line and a style of dragging a block.
  • the target object is a progress bar; and the method further includes: in response to detecting a sliding operation in the touch area, and the sliding distance is greater than a preset threshold, updating the progress based on the position information of the current sliding contact point Current progress.
  • the non-touch area adjacent to the touch area is displayed, and the non-touch area does not respond to a preset touch operation, thereby avoiding user triggering irrelevant Function or effect to improve the accuracy of operation.
  • the target object in the first preset style it can be effectively distinguished from the target objects of other styles, thereby effectively prompting the user and enhancing the interactivity during operation.
  • the target object display method includes:
  • Step 301 Display a page.
  • the page includes a touch area and at least one non-touch area adjacent to the touch area.
  • the touch area can be used to display a progress bar.
  • Step 302 In response to detecting a touch operation in the touch area, display the target object in the touch area in a first preset pattern.
  • steps 301 to 302 and the technical effects brought by them can refer to those embodiments corresponding to FIG. 2, which will not be repeated here.
  • Step 303 in response to detecting the touch operation in the touch area, hide the target element in the page.
  • the above-mentioned execution subject may hide the target element in the page.
  • the elements on the page may include elements displayed in areas other than the touch area and the non-touch area on the page, including but not limited to: top navigation bar, page sidebar, comment box and so on.
  • these elements can be implemented through interactive controls. By hiding the target element, the user can be further effectively prompted to enhance the interaction during operation.
  • Step 304 in response to detecting a sliding operation in the touch area, and the sliding distance is greater than a preset threshold, update the current progress of the progress bar based on the position information of the current sliding contact point.
  • the execution body of the target object display method responds to detecting a sliding operation in the touch area, and the sliding distance is greater than a preset threshold, which may be based on the position information of the current sliding contact point Update the current progress of the progress bar.
  • the sliding distance is generally relatively small.
  • unnecessary video progress adjustments can be avoided when the user accidentally touches (for example, a click operation with a relatively large action).
  • the method of updating the position information based on the current sliding contact point can make the adjustment of the video progress more accurate, and can realize the adjustment of the video progress within the entire range of the progress bar.
  • the position information of the current sliding point can be used to indicate the position of the contact point between a touch medium such as a finger and the screen.
  • the current progress can be updated to the progress corresponding to the abscissa of the current contact point.
  • the target element in response to detecting the end of the sliding operation, the target element may be displayed and the target object may be displayed in the touch area in the second preset pattern.
  • the second preset style may be a style different from the first preset style.
  • the second preset style may be the display style of the progress bar before the progress adjustment.
  • the second preset style is also a different display style from the previous display style of the progress bar.
  • the second preset style may be a style that is more integrated with the background and has a weaker sense of presence.
  • it can be a display style with a thin progress bar, no sliding blocks, and only borders.
  • the page includes a video play area; the above method may further include: in response to detecting a preset operation in the video play area, displaying the target object in the touch area in a first preset pattern.
  • the user's usage habits can be taken into consideration, the user's intention can be effectively recognized, and the convenience of use can be enhanced.
  • the page also includes a tab switching control, and the priority of the progress bar is higher than the tab switching control. In this way, the priority response to the operation of the progress bar is realized, and the progress adjustment is more accurate and quicker.
  • the present disclosure provides some embodiments of a target object display device. These device embodiments correspond to those method embodiments shown in FIG. Specifically, it can be applied to various electronic devices.
  • the target object display device 500 of some embodiments includes: a display unit 501.
  • the display unit 501 is configured to display a page.
  • the page includes a touch area and at least one non-touch area adjacent to the touch area.
  • the at least one non-touch area does not respond to a preset touch operation.
  • the control area is used to display the target object.
  • the display unit 501 is further configured to display the target object in the touch area in the first preset pattern in response to detecting the touch operation in the touch area.
  • the specific implementation of the first display unit 501 in the webpage generating apparatus 500 and the technical effects brought by it can refer to the embodiment corresponding to FIG. 2, which will not be repeated here.
  • the device 500 further includes: an element hiding unit (not shown in the figure).
  • the element hiding unit is configured to hide the target element in the page in response to detecting a touch operation in the touch area.
  • the target object is a progress bar; and the apparatus 500 further includes: an update unit (not shown in the figure).
  • the updating unit is configured to update the current progress of the progress bar based on the position information of the current sliding contact point in response to detecting a sliding operation in the touch area, and the sliding distance is greater than a preset threshold.
  • the page includes a video play area
  • the display unit 501 is further configured to display the target in the touch area in a first preset pattern in response to detecting a preset operation in the video play area.
  • the page also includes a tab switching control, and the priority of the progress bar is higher than the tab switching control.
  • the non-touch area adjacent to the touch area, and the non-touch area does not respond to the preset touch operation, it is possible to prevent the user from triggering irrelevant functions or effects and improve the accuracy of the operation. Sex.
  • the target object in the first preset style it can be effectively distinguished from the target objects of other styles, thereby effectively prompting the user and enhancing the interactivity during operation.
  • FIG. 6 shows a schematic structural diagram of an electronic device 600 suitable for implementing some embodiments of the present disclosure.
  • the terminal devices in some embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablets), PMPs (portable multimedia players), vehicle-mounted terminals, etc. (E.g. car navigation terminals) and other mobile terminals and fixed terminals such as digital TVs, desktop computers, etc.
  • the terminal device shown in FIG. 6 is only an example, and should not bring any limitation to the function and scope of use of the embodiments of the present disclosure.
  • the electronic device 600 may include a processing device (such as a central processing unit, a graphics processor, etc.) 601, which may be loaded into a random access device according to a program stored in a read-only memory (ROM) 602 or from a storage device 608.
  • the program in the memory (RAM) 603 executes various appropriate actions and processing.
  • various programs and data required for the operation of the electronic device 600 are also stored.
  • the processing device 601, the ROM 602, and the RAM 603 are connected to each other through a bus 604.
  • An input/output (I/O) interface 605 is also connected to the bus 604.
  • the following devices can be connected to the I/O interface 605: including input devices 606 such as touch screens, touch pads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; including, for example, liquid crystal displays (LCD), speakers, vibration An output device 607 such as a device; a storage device 608 such as a memory card; and a communication device 609.
  • the communication device 609 may allow the electronic device 600 to perform wireless or wired communication with other devices to exchange data.
  • FIG. 6 shows an electronic device 600 having various devices, it should be understood that it is not required to implement or have all the illustrated devices. It may alternatively be implemented or provided with more or fewer devices. Each block shown in FIG. 6 may represent one device, or may represent multiple devices as needed.
  • the process described above with reference to the flowchart may be implemented as a computer software program.
  • some embodiments of the present disclosure include a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart.
  • the computer program may be downloaded and installed from the network through the communication device 609, or installed from the storage device 608, or installed from the ROM 602.
  • the processing device 601 the above-mentioned functions defined in the methods of some embodiments of the present disclosure are executed.
  • the computer-readable medium described in some embodiments of the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two.
  • the computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or a combination of any of the above. More specific examples of computer-readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable removable Programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • the computer-readable storage medium may be any tangible medium that contains or stores a program, and the program may be used by or in combination with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in a baseband or as a part of a carrier wave, and a computer-readable program code is carried therein. This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the computer-readable signal medium may also be any computer-readable medium other than the computer-readable storage medium.
  • the computer-readable signal medium may send, propagate, or transmit the program for use by or in combination with the instruction execution system, apparatus, or device .
  • the program code contained on the computer-readable medium can be transmitted by any suitable medium, including but not limited to: wire, optical cable, RF (Radio Frequency), etc., or any suitable combination of the above.
  • the client and server can communicate with any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and can communicate with digital data in any form or medium.
  • Communication e.g., communication network
  • Examples of communication networks include local area networks (“LAN”), wide area networks (“WAN”), the Internet (for example, the Internet), and end-to-end networks (for example, ad hoc end-to-end networks), as well as any currently known or future research and development network of.
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or it may exist alone without being assembled into the electronic device.
  • the above-mentioned computer-readable medium carries one or more programs.
  • the electronic device displays a page, and the page includes a touch area and at least one adjacent to the touch area.
  • a non-touch area where at least one non-touch area does not respond to a preset touch operation, and the touch area is used to display a target object; in response to detecting a touch operation in the touch area, a first preset The pattern displays the target object in the touch area.
  • the computer program code used to perform the operations of some embodiments of the present disclosure can be written in one or more programming languages or a combination thereof, the programming languages including object-oriented programming languages-such as Java, Smalltalk, C++ , Also includes conventional procedural programming languages-such as "C" language or similar programming languages.
  • the program code can be executed entirely on the user's computer, partly on the user's computer, executed as an independent software package, partly on the user's computer and partly executed on a remote computer, or entirely executed on the remote computer or server.
  • the remote computer can be connected to the user’s computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (for example, using an Internet service provider to Connect via the Internet).
  • LAN local area network
  • WAN wide area network
  • each block in the flowchart or block diagram may represent a module, program segment, or part of code, and the module, program segment, or part of code contains one or more for realizing the specified logical function Executable instructions.
  • the functions marked in the block may also occur in a different order from the order marked in the drawings. For example, two blocks shown in succession can actually be executed substantially in parallel, and they can sometimes be executed in the reverse order, depending on the functions involved.
  • each block in the block diagram and/or flowchart, and the combination of the blocks in the block diagram and/or flowchart can be implemented by a dedicated hardware-based system that performs the specified functions or operations Or it can be realized by a combination of dedicated hardware and computer instructions.
  • the units described in some embodiments of the present disclosure may be implemented in software or hardware.
  • the described unit may also be provided in the processor, for example, it may be described as: a processor includes a display unit. Among them, the names of these units do not constitute a limitation on the unit itself under certain circumstances.
  • the receiving unit can also be described as "a unit that displays a page.”
  • exemplary types of hardware logic components include: Field Programmable Gate Array (FPGA), Application Specific Integrated Circuit (ASIC), Application Specific Standard Product (ASSP), System on Chip (SOC), Complex Programmable Logical device (CPLD) and so on.
  • FPGA Field Programmable Gate Array
  • ASIC Application Specific Integrated Circuit
  • ASSP Application Specific Standard Product
  • SOC System on Chip
  • CPLD Complex Programmable Logical device
  • a target object display method including: displaying a page, the page includes a touch area and at least one non-touch area adjacent to the touch area, wherein at least one The non-touch area does not respond to the preset touch operation, and the touch area is used to display the target object; in response to detecting the touch operation in the touch area, the target object is displayed in the touch area in the first preset pattern.
  • the above method further includes: in response to detecting a touch operation in the touch area, hiding the target element in the page.
  • the target object is a progress bar; and the method further includes: in response to detecting a sliding operation in the touch area, and the sliding distance is greater than a preset threshold, based on the position information of the current sliding contact point Update the current progress of the progress bar.
  • the page includes a video play area; and the method further includes: in response to detecting a preset operation in the video play area, displaying the target object in the touch area in a first preset pattern .
  • the page further includes a tab switching control, and the priority of the progress bar is higher than the tab switching control.
  • a target object display device including: a display unit configured to display a page, the page including a touch area and at least one non-touch area adjacent to the touch area Area, where at least one non-touch area does not respond to a preset touch operation, and the touch area is used to display a target object; the display unit is further configured to respond to detecting a touch operation in the touch area to first The preset style displays the target object in the touch area.
  • the device further includes: an element hiding unit configured to hide the target element in the page in response to detecting a touch operation in the touch area.
  • the target object is a progress bar
  • the device further includes: an update unit configured to respond to detecting a sliding operation in the touch area, and the sliding distance is greater than a preset threshold, based on the current Slide the position information of the touch point to update the current progress of the progress bar.
  • the page includes a video play area; and the display unit is further configured to display in the touch area in a first preset pattern in response to detecting a preset operation in the video play area target.
  • the page further includes a tab switching control, and the priority of the progress bar is higher than the tab switching control.
  • an electronic device including: one or more processors; a storage device, on which one or more programs are stored, when one or more programs are stored by one or more Execution by two processors, so that one or more processors implement the method described in any of the foregoing embodiments.
  • a computer-readable medium on which a computer program is stored, where the program is executed by a processor to implement the method described in any of the above embodiments.

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)

Abstract

一种目标对象显示方法、装置、电子设备和计算机可读介质。该方法包括：显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域（201），其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象（202）。实现了避免用户触发不相关的功能或效果，提高操作准确性以及增强操作时的互动性。

Description

目标对象显示方法、装置、电子设备和计算机可读介质
本公开要求于2019年11月13日提交中国专利局、申请号为201911105281.6、申请名称为“目标对象显示方法、装置、电子设备及计算机可读介质”的中国专利申请的优先权，其全部内容通过引用结合在本公开中。
技术领域
本公开的实施例涉及计算机技术领域，具体涉及目标对象显示方法、装置、电子设备和计算机可读介质。
背景技术
电子设备的不断普及，极大地便利了人们的生活。人们可以通过以智能手机为代表的各种电子设备进行电影播放、音乐播放、观看直播等等各项娱乐活动。
发明内容
本发明内容部分用于以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。本发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了目标对象显示方法、装置、电子设备和计算机可读介质。
第一方面，本公开的一些实施例提供了一种目标对象显示方法，该方法包括：显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
第二方面，本公开的一些实施例提供了一种目标对象显示装置，装置包括：显示单元，被配置成显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；显示单元进一步被配置成响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
第三方面，本公开的一些实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
第四方面，本公开的一些实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
第五方面，本公开实施例提供了一种计算机程序产品，包括计算机程序，所述计 算机程序被执行时用于实现本公开实施例提供的目标对象显示方法。
本公开的一些实施例提供的目标对象显示方法、装置、电子设备和计算机可读介质，可以显示页面，页面中包括触控区域和非触控区域。实践中，当用户在触控区域进行操作时，有可能误触到附近的区域，导致触发不相关的功能或效果。而本公开的一些实施例中，通过设置与触控区域相邻的非触控区域，且非触控区域不响应预设的触控操作，从而可以实现避免用户触发不相关的功能或效果，提高操作准确性。此外，通过以第一预设样式显示目标对象，可以有效与其他样式的目标对象进行区分，从而对用户进行有效提示，增强操作时的互动性。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1是本公开的一些实施例的目标对象显示方法的一个应用场景的示意图；
图2是根据本公开的目标对象显示方法的一些实施例的流程图；
图3是根据本公开的目标对象显示方法的另一些实施例的流程图；
图4是根据本公开的第一预设样式的示例性示意图；
图5是根据本公开的目标对象显示装置的一些实施例的结构示意图；
图6是适于用来实现本公开的一些实施例的电子设备的结构示意图；
图7是本公开的第二预设样式的示例性示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例。相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1示出了可以应用本公开的一些实施例的目标对象显示方法的一个应用场景的 示意图。
本公开的一些实施例提供的目标对象显示方法可以由终端设备执行，也可以由服务器执行。
需要说明的是，终端设备可以是硬件，也可以是软件。当终端设备为硬件时，可以是具有显示屏并支持触控操作的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、车载设备和可穿戴设备等等。当终端设备为软件时，可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块，也可以实现成单个软件或软件模块。在此不做具体限定。
服务器也可以是硬件或软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成例如用来提供分布式服务的多个软件或软件模块，也可以实现成单个软件或软件模块。在此不做具体限定。
在图1所示的应用场景下，目标对象显示方法的执行主体可以是智能手机101上安装的各种应用。以视频直播应用为例，在使用视频直播应用的过程中，如图所示，视频直播应用可以在智能手机101上显示视频播放页面102。视频播放页面102中包含触控区域103以及与触控区域103相邻的两个非触控区域104。其中，两个非触控区域104不响应预设的触控操作。如图所示，以触控区域103显示用于调节视频播放进度的进度条为例。当用户想调整视频播放进度时，可以在触控区域103内进行滑动。但是，在实际页面中，触控区域103与其他区域没有明显的界限，用户直观上无法区分触控区域103的实际范围。退一步来讲，即使通过用户界面设计使得用户能够区分触控区域103与其他区域，由于手指、手写笔等都具有一定的宽度，以及考虑触控区域103的宽度等因素，当用户在触控区域103进行操作时，很有可能误触到附近的区域，导致触发不相关的功能或效果。
因此，通过设置与触控区域相邻的非触控区域104，图1中非触控区域104以两个为例，非触控区域不响应预设的触控操作，从而可以实现避免用户触发不相关的功能或效果，提高操作准确性。
在此基础上，响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。继续以触控区域103显示用于调节视频播放进度的进度条为例，响应于检测到触控区域内的触控操作，如图4所示，第一预设样式可以是更加醒目的显示样式，例如，可以是线条更粗，并且具有拖动块的样式。
继续参考图2，示出了根据本公开的目标对象显示方法的一些实施例的流程200。该目标对象显示方法包括：
步骤201，显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域。
在一些实施例中，目标对象显示方法的执行主体可以显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域。
其中，页面可以是各种页面。作为示例，可以是电子设备自带的系统界面，也可以是电子设备上安装的应用的页面等等。根据需要，页面可以是用于实现各种功能的 页面。对此，本公开不做任何限定。触控区域支持用户通过手指或其他媒介触控，以实现与设备或应用的交互。触控区域可以用于显示目标对象。其中，根据所实现的功能的不同，目标对象可以是各种各样的对象。例如，触控区域可以用于显示进度条，用户可以通过拖动进度条，实现视频播放进度的调整。又如，触控区域用于显示评论框，用户可以通过点击展开评论框，从而输入评论内容。实践中，可以根据实际需要确定触控区域所实现的功能。
在一些实施例中，页面中包括与触控区域相邻的至少一个非触控区域。其中，至少一个非触控区域不响应预设的触控操作。实践中，作为示例，可以监听用户在非触控区域的触控操作。响应于监听到触控操作，将触控操作进行拦截。而非触控区域的形状、数量、大小均可以根据实际需要进行设定，本申请对此不作限定。作为示例，可以在触控区域上方和下方各设置一个非触控区域。作为实例，触控区域周围可以设置圆环形非触控区域等等。
需要说明的是，非触控区域与触控区域的位置关系可以是相邻的。根据实现需要，非触控区域与触控区域之间可以没有间隙，也可以具有一定的间隙。对此，本公开不做限定。
步骤202，响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
在一些实施例中，上述执行主体可以检测触控区域内的触控操作。根据实际需要，触控操作可以是各种操作，包括但不限于：点击、滑动、双击、拖动等等。可以通过操作系统提供的接口以及一些应用程序开发工具所提供的函数等方式检测触控操作。响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。根据实际需要，第一预设样式可以是区别于此前目标对象的显示样式的任意样式。作为示例，如图4所示，当显示的目标对象为进度条时，第一预设样式可以是更加醒目的显示样式，例如，可以是线条更粗，并且具有拖动块的样式。
在一些可选的实现方式中，目标对象为进度条；以及方法还包括：响应于检测到触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
本公开的一些实施例提供的目标对象显示方法，通过显示与触控区域相邻的非触控区域，且非触控区域不响应预设的触控操作，从而可以实现避免用户触发不相关的功能或效果，提高操作准确性。此外，通过以第一预设样式显示目标对象，可以有效与其他样式的目标对象进行区分，从而对用户进行有效提示，增强操作时的互动性。
进一步参考图3，其示出了根据本公开的目标对象显示方法的另一些实施例的流程300。该目标对象显示方法，包括：
步骤301，显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域。其中，触控区域可以用于显示进度条。
步骤302，响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
在一些实施例中，步骤301-302的具体实现及其所带来的技术效果可以参考图2 对应的那些实施例，在此不再赘述。
步骤303，响应于检测到触控区域内的触控操作，将页面内的目标元素进行隐藏。
在一些实施例中，响应于检测到触控区域内的触控操作，上述执行主体可以将页面内的目标元素进行隐藏。其中，页面中的元素可以包括页面中的、触控区域和非触控区域之外的区域所显示的元素，包括但不限于：顶部导航栏、页面侧边栏、评论框等等内容。实践中，作为示例，这些元素可以通过交互控件实现。通过将目标元素进行隐藏，可以进一步对用户进行有效提示，增强操作时的互动性。
步骤304，响应于检测到触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
在一些实施例中，当目标对象为进度条时，目标对象显示方法的执行主体响应于检测到触控区域内的滑动操作，且滑动距离大于预设阈值，可以基于当前滑动接触点的位置信息更新进度条当前的进度。
由于用户误触时，滑动距离一般比较小。通过将滑动距离与预设阈值进行比较，可以避免用户误触(例如动作比较大的点击操作)时，不必要的视频进度调整。此外，与基于滑动距离更新当前进度的方式相比，基于当前滑动接触点的位置信息更新方式可以使视频进度调整更精确，并且在整个进度条范围内均可以实现视频进度调整。
其中，当前滑动点的位置信息可以用于表示手指等触控媒介与屏幕的接触点的位置。作为示例，可以将当前进度更新为当前接触点的横坐标对应的进度。
在一些可选的实现方式中，响应于检测到滑动操作结束，可以显示目标元素以及以第二预设样式在触控区域内显示目标对象。
在这些实现方式中，第二预设样式可以是与第一预设样式不同的样式。作为示例，第二预设样式可以是在进度调整之前，进度条的显示样式。当然，根据实际需要，第二预设样式也是是与之前的进度条的显示样式不同的显示样式。由此，可以对滑动进度调整结束进行有效提示，进一步增强操作互动性。作为示例，如图7所示，第二预设样式可以是与背景融合性更强，存在感较弱的样式。例如，可以是进度条细、没有滑动块、只有边线的显示样式。
在一些可选的实现方式中，页面中包括视频播放区域；上述方法还可以包括：响应于检测到视频播放区域内的预设操作，以第一预设样式在触控区域内显示目标对象。其中，通过检测视频播放区域内的预设操作，可以兼顾用户的使用习惯，有效识别用户意图，增强使用便捷性。
在一些可选的实现方式中，页面中还包括标签页切换控件，进度条的优先级别高于标签页切换控件。从而实现优先响应针对进度条的操作，使得进度调整更为准确和快捷。
进一步参考图5，作为对上述各图所示方法的实现，本公开提供了一种目标对象显示装置的一些实施例，这些装置实施例与图2所示的那些方法实施例相对应，该装置具体可以应用于各种电子设备中。
如图5所示，一些实施例的目标对象显示装置500包括：显示单元501。其中，显示单元501被配置成显示页面，页面中包括触控区域以及与触控区域相邻的至少一 个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象。进一步的，显示单元501还被配置成响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
在一些实施例中，网页生成装置500中的第一显示单元501的具体实现及其所带来的技术效果可以参考图2对应的实施例，在此不再赘述。
在一些可选的实现方式中，装置500还包括：元素隐藏单元(图中未示出)。其中，元素隐藏单元被配置成响应于检测到触控区域内的触控操作，将页面内的目标元素进行隐藏。
在一些可选的实现方式中，目标对象为进度条；以及装置500还包括：更新单元(图中未示出)。其中，更新单元被配置成响应于检测到触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
在一些可选的实现方式中，页面中包括视频播放区域，以及显示单元501进一步被配置成响应于检测到视频播放区域内的预设操作，以第一预设样式在触控区域内显示目标对象。
在一些可选的实现方式中，页面中还包括标签页切换控件，进度条的优先级别高于标签页切换控件。
在一些实施例中，通过显示与触控区域相邻的非触控区域，且非触控区域不响应预设的触控操作，从而可以实现避免用户触发不相关的功能或效果，提高操作准确性。此外，通过以第一预设样式显示目标对象，可以有效与其他样式的目标对象进行区分，从而对用户进行有效提示，增强操作时的互动性。
下面参考图6，其示出了适于用来实现本公开的一些实施例的电子设备600的结构示意图。本公开的一些实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的终端设备仅仅是一个示例，不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示，电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如存储卡等的存储装置608；以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置，也可以根据需要代表多个装置。
特别地，根据本公开的一些实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的一些实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM 602被安装。在该计算机程序被处理装置601执行时，执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是，本公开的一些实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText Transfer Protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任 意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括显示单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，接收单元还可以被描述为“显示页面的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
根据本公开的一个或多个实施例，提供了一种目标对象显示方法，包括：显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例，上述方法还包括：响应于检测到触控区域内的触控操作，将页面内的目标元素进行隐藏。
根据本公开的一个或多个实施例，目标对象为进度条；以及方法还包括：响应于检测到触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
根据本公开的一个或多个实施例，页面中包括视频播放区域；以及方法还包括：响应于检测到视频播放区域内的预设操作，以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例，页面中还包括标签页切换控件，进度条的优先级别高于标签页切换控件。
根据本公开的一个或多个实施例，提供了一种目标对象显示装置，包括：显示单元，被配置成显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；显示单元进一步被配置成响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例，装置还包括：元素隐藏单元，被配置成响应于 检测到触控区域内的触控操作，将页面内的目标元素进行隐藏。
根据本公开的一个或多个实施例，目标对象为进度条；以及装置还包括：更新单元，被配置成响应于检测到触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
根据本公开的一个或多个实施例，页面中包括视频播放区域；以及显示单元进一步被配置成响应于检测到视频播放区域内的预设操作，以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例，页面中还包括标签页切换控件，进度条的优先级别高于标签页切换控件。
根据本公开的一个或多个实施例，提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上述任一实施例描述的方法。
根据本公开的一个或多个实施例，提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现如上述任一实施例描述的方法。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开的实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (13)

  1. 一种目标对象显示方法，包括：
    显示页面，所述页面中包括触控区域以及与所述触控区域相邻的至少一个非触控区域，其中，所述至少一个非触控区域不响应预设的触控操作，所述触控区域用于显示目标对象；
    响应于检测到所述触控区域内的触控操作，以第一预设样式在所述触控区域内显示所述目标对象。
  2. 根据权利要求1所述的方法，其中，所述方法还包括：
    响应于检测到所述触控区域内的触控操作，将所述页面内的目标元素进行隐藏。
  3. 根据权利要求1或2所述的方法，其中，所述目标对象为进度条；以及
    所述方法还包括：
    响应于检测到所述触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
  4. 根据权利要求1-3任一项所述的方法，其中，所述页面中包括视频播放区域；以及
    所述方法还包括：
    响应于检测到所述视频播放区域内的预设操作，以第一预设样式在所述触控区域内显示目标对象。
  5. 根据权利要求3所述的方法，其中，所述页面中还包括标签页切换控件，所述进度条的优先级别高于所述标签页切换控件。
  6. 一种目标对象显示装置，包括：
    显示单元，被配置成显示页面，所述页面中包括触控区域以及与所述触控区域相邻的至少一个非触控区域，其中，所述至少一个非触控区域不响应预设的触控操作，所述触控区域用于显示目标对象；
    所述显示单元进一步被配置成响应于检测到所述触控区域内的触控操作，以第一预设样式在所述触控区域内显示目标对象。
  7. 根据权利要求6所述的装置，其中，所述装置还包括：
    元素隐藏单元，被配置成响应于检测到所述触控区域内的触控操作，将所述页面内的目标元素进行隐藏。
  8. 根据权利要求6或7所述的装置，其中，所述目标对象为进度条；以及
    所述装置还包括：
    更新单元，被配置成响应于检测到所述触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
  9. 根据权利要求6-8任一项所述的装置，其中，所述页面中包括视频播放区域；以及
    所述所述显示单元进一步被配置成响应于检测到所述视频播放区域内的预设操作，以第一预设样式在所述触控区域内显示目标对象。
  10. 根据权利要求8所述的装置，其中，所述页面中还包括标签页切换控件，所 述进度条的优先级别高于所述标签页切换控件。
  11. 一种电子设备，包括：
    一个或多个处理器；
    存储装置，其上存储有一个或多个程序；
    当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。
  12. 一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求1-5中任一所述的方法。
  13. 一种计算机程序产品，其特征在于，包括计算机程序，所述计算机程序被执行时用于实现如权利要求1-5任一项所述的目标对象显示方法。
PCT/CN2020/127257 2019-11-13 2020-11-06 目标对象显示方法、装置、电子设备和计算机可读介质 WO2021093688A1 (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
EP20886600.4A EP4044008A4 (en) 2019-11-13 2020-11-06 METHOD AND APPARATUS FOR DISPLAYING TARGET OBJECTS, ELECTRONIC DEVICE AND COMPUTER READABLE MEDIA
JP2022527806A JP7402330B2 (ja) 2019-11-13 2020-11-06 目標対象表示方法、装置、電子機器、及びコンピュータ読み取り可能な媒体
US17/776,321 US20220398011A1 (en) 2019-11-13 2020-11-06 Target object display method and apparatus, electronic device and non-transitory computer-readable medium
US17/743,793 US20220374144A1 (en) 2019-11-13 2022-05-13 Target object display method and apparatus, electronic device and non-transitory computer-readable medium
US18/302,752 US20230251777A1 (en) 2019-11-13 2023-04-18 Target object display method and apparatus, electronic device and non-transitory computer-readable medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201911105281.6 2019-11-13
CN201911105281.6A CN110865734B (zh) 2019-11-13 2019-11-13 目标对象显示方法、装置、电子设备和计算机可读介质

Related Child Applications (2)

Application Number Title Priority Date Filing Date
US17/776,321 A-371-Of-International US20220398011A1 (en) 2019-11-13 2020-11-06 Target object display method and apparatus, electronic device and non-transitory computer-readable medium
US17/743,793 Continuation-In-Part US20220374144A1 (en) 2019-11-13 2022-05-13 Target object display method and apparatus, electronic device and non-transitory computer-readable medium

Publications (1)

Publication Number Publication Date
WO2021093688A1 true WO2021093688A1 (zh) 2021-05-20

Family

ID=69654314

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/127257 WO2021093688A1 (zh) 2019-11-13 2020-11-06 目标对象显示方法、装置、电子设备和计算机可读介质

Country Status (5)

Country Link
US (1) US20220398011A1 (zh)
EP (1) EP4044008A4 (zh)
JP (1) JP7402330B2 (zh)
CN (1) CN110865734B (zh)
WO (1) WO2021093688A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113609419A (zh) * 2021-08-04 2021-11-05 北京城市网邻信息技术有限公司 信息展示方法、装置、电子设备和计算机可读介质

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110865734B (zh) * 2019-11-13 2022-10-25 北京字节跳动网络技术有限公司 目标对象显示方法、装置、电子设备和计算机可读介质
CN115237287A (zh) * 2021-04-23 2022-10-25 北京字跳网络技术有限公司 一种信息显示方法、装置、电子设备和介质
CN116088698A (zh) * 2022-08-09 2023-05-09 荣耀终端有限公司 基于触控笔的使用方法和装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103019419A (zh) * 2011-09-20 2013-04-03 联想(北京)有限公司 电子设备及其触控区域调节方法
CN103336662A (zh) * 2012-03-22 2013-10-02 宏达国际电子股份有限公司 提供媒体内容存取的方法及系统
WO2014194527A1 (zh) * 2013-06-08 2014-12-11 华为终端有限公司 一种多媒体浏览进度控制的方法及终端
US9276890B2 (en) * 2011-02-07 2016-03-01 Qualcomm Incorporated System and method for providing notifications on a mobile computing device
CN110865734A (zh) * 2019-11-13 2020-03-06 北京字节跳动网络技术有限公司 目标对象显示方法、装置、电子设备和计算机可读介质

Family Cites Families (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2008145170A (ja) * 2006-12-07 2008-06-26 Xanavi Informatics Corp 車載用表示装置
KR101503714B1 (ko) * 2008-02-05 2015-03-20 삼성전자주식회사 Ｇｕｉ 제공방법 및 이를 적용한 멀티미디어 기기
US8572513B2 (en) * 2009-03-16 2013-10-29 Apple Inc. Device, method, and graphical user interface for moving a current position in content at a variable scrubbing rate
US8347232B1 (en) * 2009-07-10 2013-01-01 Lexcycle, Inc Interactive user interface
JP5811603B2 (ja) * 2011-06-07 2015-11-11 ソニー株式会社 情報処理端末および方法、プログラム、並びに記録媒体
CN103513911B (zh) * 2012-06-29 2018-07-06 联想(北京)有限公司 一种信息处理方法及电子设备
CN103197886B (zh) * 2013-03-13 2015-12-09 小米科技有限责任公司 视频切换的方法及终端
JP2015153347A (ja) * 2014-02-19 2015-08-24 アルパイン株式会社 情報処理装置及びコンピュータプログラム
WO2015168298A1 (en) * 2014-04-29 2015-11-05 Brit Media, Inc. Video scrolling
US20170046058A1 (en) * 2015-08-10 2017-02-16 Apple Inc. Devices, Methods, and Graphical User Interfaces for Adjusting User Interface Objects
CN105892842A (zh) * 2015-12-14 2016-08-24 乐视移动智能信息技术（北京）有限公司 屏幕触控方法及装置
CN105824531B (zh) * 2016-03-15 2019-05-17 网易（杭州）网络有限公司 数值调整方法及装置
CN106708321B (zh) * 2016-12-28 2020-01-24 深圳市中海光电科技有限公司 一种触摸屏触控方法、装置及终端
JP6857044B2 (ja) * 2017-02-13 2021-04-14 キヤノン株式会社 表示制御装置、その制御方法、プログラム及び記録媒体
CN107291797B (zh) * 2017-05-08 2019-05-03 北京字节跳动科技有限公司 一种基于页面内容的信息搜索方法
CN107390929A (zh) * 2017-07-24 2017-11-24 北京小米移动软件有限公司 触控系统的控制方法、装置及存储介质
CN109885233B (zh) * 2019-02-21 2021-04-13 Oppo广东移动通信有限公司 屏幕内容识别方法、装置、电子设备及存储介质
CN110244949B (zh) * 2019-05-06 2023-09-05 创新先进技术有限公司 一种页面信息展示方法及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9276890B2 (en) * 2011-02-07 2016-03-01 Qualcomm Incorporated System and method for providing notifications on a mobile computing device
CN103019419A (zh) * 2011-09-20 2013-04-03 联想(北京)有限公司 电子设备及其触控区域调节方法
CN103336662A (zh) * 2012-03-22 2013-10-02 宏达国际电子股份有限公司 提供媒体内容存取的方法及系统
WO2014194527A1 (zh) * 2013-06-08 2014-12-11 华为终端有限公司 一种多媒体浏览进度控制的方法及终端
CN110865734A (zh) * 2019-11-13 2020-03-06 北京字节跳动网络技术有限公司 目标对象显示方法、装置、电子设备和计算机可读介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4044008A4

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113609419A (zh) * 2021-08-04 2021-11-05 北京城市网邻信息技术有限公司 信息展示方法、装置、电子设备和计算机可读介质
CN113609419B (zh) * 2021-08-04 2024-02-23 北京城市网邻信息技术有限公司 信息展示方法、装置、电子设备和计算机可读介质

Also Published As

Publication number Publication date
EP4044008A4 (en) 2022-12-21
CN110865734A (zh) 2020-03-06
US20220398011A1 (en) 2022-12-15
JP7402330B2 (ja) 2023-12-20
EP4044008A1 (en) 2022-08-17
JP2023502610A (ja) 2023-01-25
CN110865734B (zh) 2022-10-25

Similar Documents

Publication Publication Date Title
WO2021160142A1 (zh) 视频播放方法、装置、电子设备和计算机可读介质
WO2021093688A1 (zh) 目标对象显示方法、装置、电子设备和计算机可读介质
WO2021088798A1 (zh) 信息展示方法、装置、电子设备和计算机可读介质
US10353661B2 (en) Method for sharing screen between devices and device using the same
WO2021114979A1 (zh) 视频页面显示方法、装置、电子设备和计算机可读介质
WO2021160143A1 (zh) 用于显示视频的方法、装置、电子设备和介质
WO2021052255A1 (zh) 热点推荐弹窗的控制方法、装置、介质及电子设备
WO2021135626A1 (zh) 菜单项选择方法、装置、可读介质及电子设备
US8972722B2 (en) Controlling a current access mode of a computing device based on a state of an attachment mechanism
CN104007894A (zh) 便携式设备及其多应用操作方法
CN108369479B (zh) 在小形状因数显示器上的目标选择
WO2023160416A1 (zh) 信息展示方法、装置、电子设备、存储介质和程序产品
WO2021223752A1 (zh) 展示方法、装置和电子设备
WO2021197161A1 (zh) 图标更新方法、装置和电子设备
WO2020253453A1 (zh) 图像切换方法、装置、电子设备及存储介质
CN106843791A (zh) 分屏显示方法及装置
WO2014142499A1 (en) Visual feedback for highlight navigation
CN112015314A (zh) 信息展示方法、装置、电子设备和介质
WO2020156055A1 (zh) 显示界面切换方法、电子设备及计算机可读存储介质
CN113254136A (zh) 信息推荐弹窗展示方法、装置、设备和计算机可读介质
US20230251777A1 (en) Target object display method and apparatus, electronic device and non-transitory computer-readable medium
WO2021218919A1 (zh) 人机交互方法、装置和电子设备
US20220182717A1 (en) Multimedia data processing method, apparatus and electronic device
US20240086053A1 (en) Display method and apparatus, electronic device, and storage medium
KR102140294B1 (ko) 전자 장치의 광고 방법 및 그 전자 장치

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: 20886600

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2022527806

Country of ref document: JP

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 2020886600

Country of ref document: EP

Effective date: 20220510

NENP Non-entry into the national phase

Ref country code: DE