CN113900553A - Display method and device and electronic equipment - Google Patents

Display method and device and electronic equipment Download PDF

Info

Publication number
CN113900553A
CN113900553A CN202111084284.3A CN202111084284A CN113900553A CN 113900553 A CN113900553 A CN 113900553A CN 202111084284 A CN202111084284 A CN 202111084284A CN 113900553 A CN113900553 A CN 113900553A
Authority
CN
China
Prior art keywords
component
display
information
content
target
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111084284.3A
Other languages
Chinese (zh)
Inventor
赵茜
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication Co Ltd
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 Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN202111084284.3A priority Critical patent/CN113900553A/en
Publication of CN113900553A publication Critical patent/CN113900553A/en
Priority to PCT/CN2022/118525 priority patent/WO2023040843A1/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

The application discloses a display method, a display device and electronic equipment, and belongs to the technical field of communication. The method comprises the following steps: displaying N components, receiving a first input; displaying the target content within the second component in response to the first input; wherein the target content is associated with component information of a first component corresponding to the first input, the first component being at least one of the N components; the second component is at least one of the N components, and the second component is different from the second component; the component information includes at least one of: component functionality, component content.

Description

Display method and device and electronic equipment
Technical Field
The application belongs to the technical field of communication, and particularly relates to a display method and device and electronic equipment.
Background
With the development of electronic technology, users have increasingly high requirements for personalized expression of self-awareness in the process of using electronic devices. Currently, users can view or record information conveniently through various components in electronic devices.
In the related art, each component in the electronic device has its own function, for example, a weather pendant may show weather information to a user, a card stamp may be used for punching a card to record time information, and show the card stamp information to the user. Thus, the functions of the components and the display contents of the components in the related art are single, and the personalized requirements of the user cannot be met.
Disclosure of Invention
The embodiment of the application aims to provide a display method, a display device and electronic equipment, and the problem that the functions of components and the display contents of the components are single and cannot meet the personalized requirements of users, so that the user experience is poor can be solved.
In order to solve the technical problem, the present application is implemented as follows:
in a first aspect, an embodiment of the present application provides a display method, where the method includes: displaying N components, receiving a first input; displaying the target content within the second component in response to the first input; wherein the target content is associated with component information of a first component corresponding to the first input, the first component being at least one of the N components; the second component is at least one of the N components, and the second component is different from the second component; the component information includes at least one of: component functionality, component content.
In a second aspect, an embodiment of the present application provides a display device, including: display module and receiving module, wherein: the display module is configured to display N components, and the receiving module is configured to receive a first input when the display module displays the N components; the display module is further configured to display the target content in the second component in response to the first input received by the receiving module; wherein the target content is associated with component information of a first component corresponding to the first input; the first component is at least one of the N components; the second component is at least one of the N components; the first component and the second component are different, and the component information includes at least one of: component functionality, component content.
In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instructions stored on the memory and executable on the processor, and when executed by the processor, the program or instructions implement the steps of the method according to the first aspect.
In a fourth aspect, embodiments of the present application provide a readable storage medium, on which a program or instructions are stored, which when executed by a processor implement the steps of the method according to the first aspect.
In a fifth aspect, an embodiment of the present application provides a chip, where the chip includes a processor and a communication interface, where the communication interface is coupled to the processor, and the processor is configured to execute a program or instructions to implement the method according to the first aspect.
In a sixth aspect, the present application provides a computer program product stored in a non-volatile storage medium, the program product being executed by at least one processor to implement the method according to the first aspect.
In the embodiment of the present application, in the case of displaying N components, the display device may receive a first input in the case of displaying N components, and display target content associated with component information of a first component within a second component according to component information (component function, component content) of the first component corresponding to the first input; wherein the first component is at least one of the N components, the second component is at least one of the N components, and the first component and the second component are different. By the method, the display device can display the content related to the component in the other displayed components according to the component function or the component content of the component corresponding to the input of the user, so that the component in the electronic equipment can be updated based on the component information of the other components, the updated component has a new function or a new state, the personalized requirement of the user is met, and the user experience is improved.
Drawings
Fig. 1 is a flowchart of a display method provided in an embodiment of the present application;
FIG. 2 is a schematic diagram of an interface applied by a display method according to an embodiment of the present disclosure;
fig. 3 is a second schematic diagram of an interface applied by a display method according to an embodiment of the present disclosure;
fig. 4 is a third schematic diagram of an interface applied by a display method according to an embodiment of the present disclosure;
FIG. 5 is a fourth schematic diagram of an interface applied by a display method according to an embodiment of the present disclosure;
fig. 6 is a fifth schematic view of an interface applied by a display method according to an embodiment of the present application;
fig. 7 is a schematic structural diagram of a display device according to an embodiment of the present application;
fig. 8 is a schematic hardware structure diagram of an electronic device according to an embodiment of the present disclosure;
fig. 9 is a second schematic diagram of a hardware structure of an electronic device according to an embodiment of the present disclosure.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The terms first, second and the like in the description and in the claims of the present application are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that embodiments of the application may be practiced in sequences other than those illustrated or described herein, and that the terms "first," "second," and the like are generally used herein in a generic sense and do not limit the number of terms, e.g., the first term can be one or more than one. In addition, "and/or" in the specification and claims means at least one of connected objects, a character "/" generally means that a preceding and succeeding related objects are in an "or" relationship.
The display method provided by the embodiment of the present application is described in detail below with reference to the accompanying drawings through specific embodiments and application scenarios thereof.
The display method provided by the embodiment of the application can be applied to a scene of displaying the desktop component of the electronic equipment.
Take the graphic sticker and weather control of the display electronic device as an example. Under the condition that a weather control and a picture and text sticker are displayed on a desktop of the electronic equipment, when a user wants to check weather information and recorded text information, the user can check the weather information in the weather control and check the text information in the picture and text sticker respectively, however, if the user wants to check the weather information and the recorded text information in one component, the above mode cannot meet the requirements of the user, and therefore the user experience is poor.
In the embodiment of the application, under the condition that the weather control and the image-text sticker are displayed on the desktop of the electronic equipment, when a user wants to check the weather information and the recorded text information, the user can drag the image-text sticker to the weather control, and the display device can update the image-text sticker according to the dragging operation of the user, the weather information displayed by the weather control and the weather window function of the weather control, so that the image-text sticker obtains the real-time weather window function and displays the current weather state in real time. Therefore, new functions and new forms are given to the image-text paster, so that a user can check weather information and original text information in the image-text paster, and the user experience is improved.
An embodiment of the present application provides a display method, which may be applied to an electronic device, and fig. 1 shows a flowchart of the display method provided in the embodiment of the present application. As shown in fig. 1, the display method provided in the embodiment of the present application may include the following steps 101 to 103:
step 101: n components are displayed.
Wherein N is a positive integer.
In the embodiment of the present application, the above-mentioned component may include any one of: stickers, pendants, application identifiers, functional components and the like.
Illustratively, where the component is a sticker, the type of sticker may include any of: graphic stickers, card stickers, day stickers, etc. For example, in the case that the component is a pendant, the pendant may include any one of: weather pendant, calendar pendant, etc. Illustratively, in the case that the component is an application identifier, the application identifier may include any one of the following: application icon, application name. Illustratively, in the case that the component is a functional component, the functional component may include any one of: schedule component, weather component, calendar component, etc.
It should be noted that the sticker is a component type Generated based on User Generated Content (UGC), for example, the electronic device may generate a graphic sticker according to a picture and a customized text selected by a User. Similar to other components in the electronic device, the sticker-type component may be used only for displaying content, for example, the graphic sticker may display a picture and text content, and the sticker-type component may also have a corresponding function, for example, the card-punching sticker may be used for punching a card, that is, recording the number of days of completion corresponding to an event.
It should be noted that, in some cases, the pendant and the desktop component may be the same, for example, a weather component displayed on the desktop of the electronic device, which may also be referred to as a weather component.
Optionally, in this embodiment of the present application, the component may be a component of a system in the electronic device, for example, a weather control, a time control, and the like; the component can also be a desktop component type customized by a user, for example, a graphic sticker customized by the user according to the preference and the requirement.
Optionally, in this embodiment of the application, the display device may display the N components on the first interface, so that a user can view the components conveniently.
Illustratively, the first interface may include any one of: a desktop of the electronic device (e.g., a main interface, a negative one-screen interface of the electronic device), a notification bar, an application interface of an application, etc.
Step 102: a first input is received.
In an embodiment of the present application, the first input may include any one of: touch input, gesture input, voice input, or other feasible input, which is not limited in the embodiments of the present application. For example, the first input may be: a click input by the user, a slide input, a press input, etc. Further, the click operation may be any number of times of click operations. The sliding operation may be a sliding operation in any direction, such as an upward sliding operation, a downward sliding operation, a leftward sliding operation, or a rightward sliding operation, which is not limited in the embodiments of the present application.
In an embodiment of the application, the first input corresponds to a first component of the N components.
Alternatively, in this embodiment of the application, the display device may receive a first input to a first component of the N components while displaying the N components.
Step 103: the display device displays the target content within the second component in response to the first input.
And the target content is associated with the component information of the first component corresponding to the first input.
In the embodiment of the present application, the target content may include any one of: component content of the first component, content generated based on the component content of the first component and/or component functionality of the first component,
illustratively, in the case that the first component is a graphic sticker and the second component is a weather control, the target content may be weather information in the weather control. Further, the display device can display the weather information of the weather control in the image-text paster; under the condition that the first component is a calendar control and the second component is a card-punching sticker, the target content can be: and generating marking information according to the card punching information obtained from the card punching paster. Further, the display device may display the above-mentioned label information in the calendar control to identify the card punching information (e.g., card punching date) in the card punching sticker.
In an embodiment of the present application, the first component is at least one of the N components; the second component is at least one of the N components, and the first component and the second component are different components.
Optionally, in this embodiment of the present application, the first component and the second component are different types of components, or are the same type of components.
In one example, the first component may be a sticker and the second component may be a functional component. For example, the first component is a weather component and the second component is a graphic sticker.
In another example, the first component may be a sticker and the second component may be an application identifier. For example, the first component is a card stamp and the second component is a calendar component.
In yet another example, the first component may be a sticker, and the second component may be a sticker.
In yet another example, the first component may be a functional component, and the second component may be a functional component. For example, the first component is a weather component and the second component is a time component.
Optionally, in this embodiment of the present application, the functions of the above components may include: functions of acquiring information, recording information, transmitting information, displaying information, and the like. For example, the weather component has the function of displaying the current weather state in real time in the weather window. The above component contents may include: the user displayed in the component visualizes the content. Such as background patterns of the components, text content in the components.
In an embodiment of the present application, the component information includes at least one of: component functionality, component content.
Alternatively, in the embodiment of the present application, the process of the step 103 may be replaced by the following step a 1:
step A1: the display device responds to the first input, and updates the second component according to the component information of the first component corresponding to the first input.
Optionally, in this embodiment of the application, the update display device may update the component information and/or the function information of the second component based on the component information and/or the function information of the first component.
Illustratively, the display device updating the second component may include: updating component content of the second component, and/or updating component functionality of the second component.
Illustratively, the display device updating the component content of the second component may include at least one of: and replacing the second group price component content with new content, adding the new content into the second component, and recombining the original component content and the new component content of the second component.
Illustratively, the display device updating the component functionality of the second component may include at least one of: and replacing the component functions of the second component with new functions, adding the new functions into the second component, and combining the original component functions and the new functions of the second component.
Optionally, in this embodiment of the application, the first input includes a movement input for moving a first component, and the second component is: a component corresponding to the movement end point of the movement input; or, the first input includes a movement input to move a second component, and the first component is: and the component corresponds to the movement end point of the movement input.
The first module may be a module that moves, or may be a module corresponding to a movement destination.
In the display device provided by the embodiment of the application, in the case of displaying N components, the display device may receive a first input in the case of displaying N components, and display target content associated with component information of a first component in a second component according to component information (component function, component content) of the first component corresponding to the first input; wherein the first component is at least one of the N components, the second component is at least one of the N components, and the first component and the second component are different. By the method, the display device can display the content related to the component in the other displayed components according to the component function or the component content of the component corresponding to the input of the user, so that the component in the electronic equipment can be updated based on the component information of the other components, the updated component has a new function or a new state, the personalized requirement of the user is met, and the user experience is improved.
Optionally, in this embodiment of the present application, the second component has a target attribute, and the step 103 may include the following step 103a 1:
step 103a 1: and displaying the target content.
The target content is content corresponding to the target attribute in the component information of the first component.
Illustratively, the target attribute may include a functional attribute. For example, in the case where the second component is a weather control, the target property of the second component may be to display weather information; in the case that the second component is a card-punching sticker, the target attribute of the second component may be an execution date of the recording event; in the case where the second component is a schedule component, the target attribute of the second component may be recording schedule information.
For example, the display device may display, within the first component, content related to the target attribute of the second component according to the target attribute of the second component.
The process of displaying the target content within the second component is described in detail below by way of a few examples.
Example 1, take the first component as a card-punching sticker and the second component as a calendar component as an example. As shown in fig. 2, the user presses the card stamp 21 for a long time as shown in (a) of fig. 2, the card stamp 21 floats up at the position, as shown in (b) of fig. 2, the user moves the card stamp 21 into the display area of the calendar component 22, partially overlaps the display area of the calendar component 22, releases the hand after staying for 2 seconds, as shown in (c) of fig. 2, the display device identifies the card stamp date track corresponding to the card stamp 21 in the calendar component 22 as a circle, and cancels the display of the card stamp date track after a predetermined period of time. Therefore, the component content of the calendar component can be updated based on the component content of the card punching sticker, so that the calendar component has an additional card punching recording function, a user can conveniently know detailed card punching information through the calendar component, and the man-machine interaction effect is improved.
Example 2, take the first component as a running card sticker and the second component as an ultraviolet component for example. As shown in fig. 3 (a), when the user presses the sticker 31 for a long time, the sticker 31 floats up at the position, as shown in fig. 3 (b), the user moves the sticker 31 into the display area of the ultraviolet component 32, partially overlaps the display area of the ultraviolet component, and releases his/her hands after staying for 2 seconds, as shown in fig. 3 (c), the display device displays the sticker 31 at the original position, and generates a prompt message 33 (e.g., the ultraviolet light is strong, the running exercise remembers sun protection), so as to provide an intelligent suggestion for the user's schedule activities according to the current ultraviolet light intensity. Therefore, related contents can be displayed through the ultraviolet component based on the information of the card punching sticker, so that the ultraviolet component obtains a life assistant function, and the human-computer interaction effect is improved.
It should be noted that the "ultraviolet component" is a desktop component that helps users to know the ultraviolet index and intensity explicitly, and users can take appropriate sun protection measures accordingly.
Optionally, in this embodiment of the application, the process of displaying the target content in the second component in the step 103 may include the following step 102a 2:
step 103a 2: and in the case that the target content comprises the component content, displaying the target content in the component background area of the second component.
Illustratively, the component content may include a component background pattern and text or image content displayed in the component. For example, taking the second component as the graphic sticker as an example, the background pattern of the component may be the text content in the graphic sticker, and the foreground pattern of the component may be the background pattern of the graphic sticker.
Illustratively, the display area of the component may include a component background area of the component, which typically displays a background image of the component, and a component foreground area of the component, which typically displays information such as text. For example, in the case of a graphic sticker, a background area of the graphic sticker displays a background pattern, and a foreground area displays characters.
The process of displaying the target content in the component background area of the second component is described in detail below by way of a few examples.
Example 3, take the first component as a weather component and the second component as an image-text sticker as an example. As shown in fig. 4 (a), when the user presses the graphic sticker 41 for a long time, the graphic sticker 41 floats up at the position, as shown in fig. 4 (b), the user moves the graphic sticker 41 into the display area of the weather component 42, partially overlaps the display area of the weather component, stays for 2 seconds and releases his/her hands, as shown in fig. 4 (c), the display device displays the background of the graphic sticker 41 as the weather background currently displayed by the weather component 42, and displays the graphic sticker 41 at the position where the graphic sticker 41 originally was located. Therefore, the background pattern of the assembly of the image-text paster can be updated based on the assembly content of the weather assembly, so that the image-text paster has a real-time weather window function and can display the current weather state in real time, thereby endowing the image-text paster with a new function and a new state and improving the man-machine interaction effect.
Example 4, take the first component as a day sticker and the second component as an application icon of an album application as an example. The user presses the day sticker 51 for a long time, the position of the day sticker 51 floats, the user moves the day sticker 51 into the display area of the album icon 52, the display area is partially overlapped with the display area of the album icon 52, the user releases his/her hands after staying for 2 seconds, and the display device displays the background of the day sticker 51 as the content of the photo related to the target date of the day sticker 51 in the album. Therefore, the background of the day sticker can be updated based on the content of the photo album, so that the day sticker obtains a memory function, emotional experience is given to a user, and the human-computer interaction effect is improved.
The target date is a countdown end date set when the day sticker is created.
Optionally, in this embodiment of the application, the component information is used to indicate a first time, and the target content is target information generated according to the component information.
Illustratively, the process of displaying the target content in the second component in step 103 may include the following steps 103a 3:
step 103a 3: and displaying the target information in the second component.
The target information is used for indicating a time difference between the current system time and the first time of the electronic equipment.
Illustratively, the first time may be a time point or a time period. For example, the first time may be schedule information in a schedule component, such as running workouts performed 7:00-8:00 per day.
For example, when the first time is a time period, the time difference between the current system time and the first time may be a time difference between the current system time and a starting time point of the first time.
Illustratively, the target information may be countdown information generated based on the time difference.
Example 5, take the first component as a schedule component and the second component as a card-punch sticker as an example. As shown in fig. 5 (a), when the user presses the sticker 61 for a long time, the sticker 61 floats at the position, as shown in fig. 5 (b), the sticker 61 is moved into the display area of the schedule component 62, partially overlaps the display area where the schedule component is located, and is released after staying for 2 seconds, as shown in fig. 5 (c), the display device displays the sticker 61 at the original position, and generates an interlocking relationship with the schedule component 62, and the time countdown corresponding to the schedule component is displayed in the sticker 61. Therefore, countdown information related to the component information of the schedule component can be displayed in the card-punching paster based on the component content of the schedule component, so that the card-punching paster obtains a timer function, time progress is displayed in real time in the paster, and the man-machine interaction effect is improved.
Optionally, in this embodiment of the application, the process of updating the second component according to the component information of the first component corresponding to the first input in the step a1 may include the following step B1:
step B1: in the case where the component information includes a component function, the display device updates the component function of the second component in accordance with the component function.
The process of updating the functionality of the components of the second component is described in detail below by way of a few examples.
Example 6, take the first component as a card stamp and the second component as a time component as an example. The user presses the card-punching paster 71 for a long time, the card-punching paster 71 floats at the position, the user moves the card-punching paster 71 into the display area of the time component 72, the card-punching paster 71 is partially overlapped with the display area of the time component, the user loosens his hand after staying for 2 seconds, the display device displays the card-punching paster 71 at the original position of the card-punching paster 71, an alarm clock is created at the current time through the time component 72, a control 73 for creating the alarm clock is displayed, and reminding is started after 1 day. Therefore, the time assembly is endowed with the function of a newly-built alarm clock, the time management of a user is facilitated, and the man-machine interaction effect is improved.
Example 7, take the first component as an application icon and the second component as a graphic sticker. The user presses the image-text paster 81 for a long time, the image-text paster 81 floats at the position, the image-text paster 81 is moved to the display area of the application icon 82 and partially overlaps the display area where the application icon is located, the user releases his hand after staying for 2 seconds, and the display device displays the icon corresponding to the application icon 81 on the image-text paster 81 and associates with the application corresponding to the application icon. Therefore, the image-text paster obtains the jump function of the third-party application, and the human-computer interaction effect is improved.
With reference to the above example 7, in a case where the display device displays the icon corresponding to the application icon 81 on the graphic sticker 81 and associates the icon with the application corresponding to the application icon, assuming that the predetermined time period is 10:00 to 12:00, the user can directly open the application program corresponding to the application icon 81 by clicking the graphic sticker 81 within the time period. Therefore, the image-text paster obtains the jump function of the third-party application, and the human-computer interaction effect is improved.
Alternatively, in the embodiment of the present application, the step 103 may be replaced by the following step C1:
step C1: the display device displays the third component according to the component information of the first component and the component information of the second component.
Wherein the third component includes component information of the first component and the second component.
Example 8, take the first component as the graphic sticker 1 and the second component as the graphic sticker 2. As shown in fig. 6 (a), when the user presses the graphic sticker 91 for a long time, the graphic sticker 91 floats up at the position, as shown in fig. 6 (b), the graphic sticker 91 is moved into the display area of the graphic sticker 92, partially overlaps the display area where the graphic sticker 91 is located, and is released after staying for 2 seconds, as shown in fig. 6 (c), the display device displays the graphic sticker 91 at the original position, and displays a GIF animation 93 including the graphic sticker contents of the graphic sticker 91 and the graphic sticker 92. Further, the user can save the GIF dynamic graph 93 locally or share it with others. Therefore, the picture containing the sticker content can be conveniently and quickly generated based on any sticker content defined by the user, so that the stickers (namely, the pictures) in a new form can be obtained by combining the stickers, and the human-computer interaction effect is improved.
Optionally, in this embodiment of the present application, the step 101 may include the following steps 101 a:
step 101 a: a first input to the first component by a user is received.
In conjunction with the step 101a, the process of the step 103 may include the following steps 103b1 and 103b 2:
step 103b 1: in response to the first input, a display position of the first component is updated.
Step 103b 2: and displaying the target content in the second component under the condition that the preset condition is met.
Wherein the predetermined condition includes: at least a partial area of the first component overlaps with at least a partial component display area of the second component, and the overlapping time is greater than a first threshold.
Illustratively, the first input includes: a movement input to move the first component to the component display area of the second component.
For example, the component display area of the second component may be a display area where the second component is located, for example, a display area covered by the component area of the second component, or the component display area may be an operable area corresponding to the second component, through which interaction with the second component may be performed.
For example, in the case that at least a partial region of the first component overlaps at least a partial component display region of the second component, the display device may determine whether a ratio of an area of the overlapping region to an area of the component region of the first component is greater than a second threshold, and update the second component in the case that the ratio is greater than the second threshold and the overlapping time is greater than the first threshold.
For example, in a case where the predetermined condition is not satisfied, the display device displays the first component at a position where the first component is originally located, and does not update the first component.
For example, the first component is an image-text sticker, and the second component is a weather component. After a user drags the image-text paster to the display area of the weather component, the user releases his hand after staying for T seconds, the ratio of the area of the overlapping area of the image-text paster and the display area of the weather component to the area of the image-text paster is r, the overlapping time of the area of the image-text paster and the display area of the weather component is T, and if r is larger than or equal to N/M and T is larger than T, the image-text paster is updated according to the component information of the weather component. Wherein, N/M is constant, the value of N/M can be 50%, 60% and the like, and the value of t can be 2s, 3s and the like.
It should be noted that, when the whole area of the image-text sticker overlaps the display area of the weather component, the ratio r between the area of the overlapping area and the area of the image-text sticker is 1, and when the partial area of the image-text sticker overlaps the display area of the weather component, the ratio r between the area of the overlapping area and the area of the image-text sticker is greater than 0 and less than 1.
In the display method provided in the embodiment of the present application, the execution main body may be a display device, or a control module for executing the display method in the display device. The display device provided by the embodiment of the present application is described by taking an example in which the display device executes a loading display method.
An embodiment of the present application provides a display device, as shown in fig. 7, the display device 600 includes: a display module 601 and a receiving module 602, wherein: the display module 601 is configured to display N components; the receiving module 602 is configured to receive a first input when the displaying module 601 displays N components; the display module 601 is further configured to display, in response to the first input received by the receiving module 602, target content in the second component, where the target content is associated with component information of the first component corresponding to the first input; wherein the first component is at least one of the N components; the second component is at least one of the N components, and the first component is different from the second component; the component information includes at least one of: component functionality, component content.
Optionally, in this embodiment of the present application, the second component has a target attribute; the display module is specifically configured to display target content, where the target content is content corresponding to the target attribute in the component information of the first component.
Optionally, in an embodiment of the present application, the display module is specifically configured to display the target content in a component background area of the second component when the target content includes component content.
Optionally, in this embodiment of the present application, the component information is used to indicate a first time, and the target content is target information generated according to the component information; the display module is specifically configured to display the target information in the second component, where the target information is used to indicate a time difference between a current system time of the electronic device and the first time.
Optionally, in an embodiment of the present application, the receiving module is specifically configured to receive a first input to the first component; the display module is further used for responding to the first input received by the receiving module and updating the display position of the first component; the display module is specifically configured to display the target content in the second component when a predetermined condition is satisfied; the predetermined conditions include: at least a partial area of the first component overlaps with at least a partial component display area of the second component, and the overlapping time is greater than a first threshold.
In the display device provided by the embodiment of the application, in the case of displaying N components, the display device may receive a first input in the case of displaying N components, and display target content associated with component information of a first component in a second component according to component information (component function, component content) of the first component corresponding to the first input; wherein the first component is at least one of the N components, the second component is at least one of the N components, and the first component and the second component are different. By the method, the display device can display the content related to the component in the other displayed components according to the component function or the component content of the component corresponding to the input of the user, so that the component in the electronic equipment can be updated based on the component information of the other components, the updated component has a new function or a new state, the personalized requirement of the user is met, and the user experience is improved.
The display device in the embodiment of the present application may be a device, or may be a component, an integrated circuit, or a chip in a terminal. The device can be mobile electronic equipment or non-mobile electronic equipment. By way of example, the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palm top computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), and the like, and the non-mobile electronic device may be a server, a Network Attached Storage (NAS), a Personal Computer (PC), a Television (TV), a teller machine or a self-service machine, and the like, and the embodiments of the present application are not particularly limited.
The display device in the embodiment of the present application may be a device having an operating system. The operating system may be an Android (Android) operating system, an ios operating system, or other possible operating systems, and embodiments of the present application are not limited specifically.
The display device provided in the embodiment of the present application can implement each process implemented by the method embodiments of fig. 1 to 9, and is not described here again to avoid repetition.
Optionally, as shown in fig. 8, an electronic device 700 is further provided in this embodiment of the present application, and includes a processor 701, a memory 702, and a program or an instruction stored in the memory 702 and executable on the processor 701, where the program or the instruction is executed by the processor 701 to implement each process of the display method embodiment, and can achieve the same technical effect, and no further description is provided here to avoid repetition.
It should be noted that the electronic device in the embodiment of the present application includes the mobile electronic device and the non-mobile electronic device described above.
Fig. 9 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
The electronic device 100 includes, but is not limited to: a radio frequency unit 101, a network module 102, an audio output unit 103, an input unit 104, a sensor 105, a display unit 106, a user input unit 107, an interface unit 108, a memory 109, and a processor 110.
Those skilled in the art will appreciate that the electronic device 100 may further comprise a power source (e.g., a battery) for supplying power to various components, and the power source may be logically connected to the processor 110 through a power management system, so as to implement functions of managing charging, discharging, and power consumption through the power management system. The electronic device structure shown in fig. 9 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than those shown, or combine some components, or arrange different components, and thus, the description is not repeated here.
The display unit 106 is configured to display N components; the user input unit 107 is configured to receive a first input when the display unit 106 displays N components; the display unit 106 is further configured to display target content in a second component in response to a first input received by the user input unit, where the target content is associated with component information of a first component corresponding to the first input; wherein the first component is at least one of the N components; the second component is at least one of the N components, and the first component is different from the second component; the component information includes at least one of: component functionality, component content.
Optionally, in this embodiment of the present application, the second component has a target attribute; the display unit 106 is specifically configured to display target content, where the target content is content corresponding to the target attribute in the component information of the first component.
Optionally, in this embodiment of the application, the display unit 106 is specifically configured to, when the target content includes component content, display the target content in a component background area of the second component.
Optionally, in this embodiment of the present application, the component information is used to indicate a first time, and the target content is target information generated according to the component information; the display unit 106 is specifically configured to display the target information in the second component, where the target information is used to indicate a time difference between a current system time of the electronic device and the first time.
Optionally, in this embodiment of the application, the user input unit 107 is specifically configured to receive a first input to the first component; the display unit 106 is further configured to update a display position of the first component in response to the first input received by the user input unit 107; the display unit 106 is specifically configured to display the target content in the second component when a predetermined condition is satisfied; the predetermined conditions include: at least a partial area of the first component overlaps with at least a partial component display area of the second component, and the overlapping time is greater than a first threshold.
In the electronic device provided by the embodiment of the application, in the case of displaying N components, the electronic device may receive a first input in the case of displaying N components, and display target content associated with component information of a first component in a second component according to component information (component function, component content) of the first component corresponding to the first input; wherein the first component is at least one of the N components, the second component is at least one of the N components, and the first component and the second component are different. By the method, the electronic equipment can display the content related to the component in the other displayed components according to the component function or the component content of the component corresponding to the user input, so that the component in the electronic equipment can be updated based on the component information of the other components, the updated component has a new function or a new state, the personalized requirement of the user is met, and the user experience is improved.
It should be understood that, in the embodiment of the present application, the input Unit 104 may include a Graphics Processing Unit (GPU) 1041 and a microphone 1042, and the Graphics Processing Unit 1041 processes image data of a still picture or a video obtained by an image capturing device (such as a camera) in a video capturing mode or an image capturing mode. The display unit 106 may include a display panel 1061, and the display panel 1061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 107 includes a touch panel 1071 and other input devices 1072. The touch panel 1071 is also referred to as a touch screen. The touch panel 1071 may include two parts of a touch detection device and a touch controller. Other input devices 1072 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which are not described in detail herein. The memory 109 may be used to store software programs as well as various data including, but not limited to, application programs and an operating system. The processor 110 may integrate an application processor, which primarily handles operating systems, user interfaces, applications, etc., and a modem processor, which primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 110.
The embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the program or the instruction implements the processes of the display method embodiment, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.
The processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and so on.
The embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to execute a program or an instruction to implement each process of the display device method embodiment, and can achieve the same technical effect, and the details are not repeated here to avoid repetition.
It should be understood that the chips mentioned in the embodiments of the present application may also be referred to as system-on-chip, system-on-chip or system-on-chip, etc.
The embodiment of the present application provides a computer program product, which is stored in a non-volatile storage medium and executed by at least one processor to implement the processes of the above-mentioned display method embodiment, and can achieve the same technical effects.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal (such as a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present application.
While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the invention is not limited to the precise embodiments described above, which are meant to be illustrative and not restrictive, and that various changes may be made therein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.

Claims (12)

1. A method of displaying, the method comprising:
displaying N components;
receiving a first input;
in response to the first input, displaying target content within a second component, the target content being associated with component information of a first component corresponding to the first input;
wherein the first component is at least one of the N components;
the second component is at least one of the N components, the first component is different from the second component;
the component information includes at least one of: component functionality, component content.
2. The method of claim 1, wherein the second component has a target attribute, and wherein displaying target content within the second component, the target content being associated with component information of the first component corresponding to the first input, comprises:
and displaying target content, wherein the target content is content corresponding to the target attribute in the component information of the first component.
3. The method of claim 1, wherein displaying the target content within the second component comprises:
in a case where the target content includes the component content, the target content is displayed in a component background area of the second component.
4. The method of claim 1, wherein the component information is used to indicate a first time, and the target content is target information generated according to the component information;
the displaying target content within the second component comprises:
and displaying the target information in the second component, wherein the target information is used for indicating the time difference between the current system time of the electronic equipment and the first time.
5. The method of claim 1, wherein receiving a first input comprises:
receiving a first input to the first component;
said displaying target content within a second component in response to said first input, comprising:
updating a display position of the first component in response to the first input;
displaying the target content in the second component if a predetermined condition is satisfied; the predetermined conditions include: at least a partial area of the first component overlaps at least a partial component display area of the second component, and the overlap time is greater than a first threshold.
6. A display device, characterized in that the device comprises: display module and receiving module, wherein:
the display module is used for displaying N components;
the receiving module is used for receiving a first input under the condition that the display module displays the N components;
the display module is further used for responding to the first input received by the receiving module, and displaying target content in a second component, wherein the target content is associated with component information of a first component corresponding to the first input;
wherein the first component is at least one of the N components;
the second component is at least one of the N components, the first component is different from the second component;
the component information includes at least one of: component functionality, component content.
7. The apparatus of claim 6, wherein the second component has a target property;
the display module is specifically configured to display target content, where the target content is content corresponding to the target attribute in the component information of the first component.
8. The apparatus of claim 6,
the display module is specifically configured to display the target content in a component background area of the second component when the target content includes the component content.
9. The apparatus of claim 6, wherein the component information is used to indicate a first time, and the target content is target information generated according to the component information;
the display module is specifically configured to display the target information in the second component, where the target information is used to indicate a time difference between a current system time of the electronic device and the first time.
10. The apparatus of claim 6,
the receiving module is specifically configured to receive a first input to the first component;
the display module is further used for responding to the first input received by the receiving module and updating the display position of the first component;
the display module is specifically used for displaying the target content in the second component under the condition that a preset condition is met; the predetermined conditions include: at least a partial area of the first component overlaps at least a partial component display area of the second component, and the overlap time is greater than a first threshold.
11. An electronic device comprising a processor, a memory and a program or instructions stored on the memory and executable on the processor, the program or instructions when executed by the processor implementing the steps of the display method according to any one of claims 1 to 5.
12. A readable storage medium, characterized in that it stores thereon a program or instructions which, when executed by a processor, implement the steps of the display method according to any one of claims 1 to 5.
CN202111084284.3A 2021-09-14 2021-09-14 Display method and device and electronic equipment Pending CN113900553A (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202111084284.3A CN113900553A (en) 2021-09-14 2021-09-14 Display method and device and electronic equipment
PCT/CN2022/118525 WO2023040843A1 (en) 2021-09-14 2022-09-13 Display method and apparatus, and electronic device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111084284.3A CN113900553A (en) 2021-09-14 2021-09-14 Display method and device and electronic equipment

Publications (1)

Publication Number Publication Date
CN113900553A true CN113900553A (en) 2022-01-07

Family

ID=79028734

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111084284.3A Pending CN113900553A (en) 2021-09-14 2021-09-14 Display method and device and electronic equipment

Country Status (2)

Country Link
CN (1) CN113900553A (en)
WO (1) WO2023040843A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023040843A1 (en) * 2021-09-14 2023-03-23 维沃移动通信有限公司 Display method and apparatus, and electronic device

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108958841A (en) * 2018-07-12 2018-12-07 维沃移动通信有限公司 A kind of setting method and mobile terminal of desktop pendant
KR20210101473A (en) * 2020-02-10 2021-08-19 삼성전자주식회사 Electronic device and method for providing image to calendar application in electronic device
CN112162665B (en) * 2020-09-21 2021-11-09 维沃移动通信有限公司 Operation method and device
CN112148174B (en) * 2020-09-30 2022-11-22 维沃移动通信有限公司 Application information display method and device and electronic equipment
CN113900553A (en) * 2021-09-14 2022-01-07 维沃移动通信有限公司 Display method and device and electronic equipment

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023040843A1 (en) * 2021-09-14 2023-03-23 维沃移动通信有限公司 Display method and apparatus, and electronic device

Also Published As

Publication number Publication date
WO2023040843A1 (en) 2023-03-23

Similar Documents

Publication Publication Date Title
Hoober et al. Designing mobile interfaces: Patterns for interaction design
CN112162665B (en) Operation method and device
CN112148166A (en) Desktop component management method and device
CN112462988A (en) Reminding method and device and electronic equipment
CN114500717A (en) Information display method and device
CN111897475A (en) Message viewing method and device
CN112764611B (en) Application program control method and device and electronic equipment
CN112181252B (en) Screen capturing method and device and electronic equipment
CN113900553A (en) Display method and device and electronic equipment
CN112148169B (en) Identification display control method and device and electronic equipment
CN113485779A (en) Operation guiding method and device for application program
CN113282213A (en) Interface display method and device
CN113282359A (en) Application reminding method and device and electronic equipment
CN112306320A (en) Page display method, device, equipment and medium
WO2023046205A1 (en) Information display method and apparatus, electronic device, and storage medium
CN111638828A (en) Interface display method and device
CN112637409B (en) Content output method and device and electronic equipment
CN113986425A (en) Information processing method and device, electronic equipment and readable storage medium
CN114895815A (en) Data processing method and electronic equipment
CN114845171A (en) Video editing method and device and electronic equipment
CN114115622A (en) Display control method, display control device, electronic device, and medium
CN113672136A (en) Information display method, device, equipment and storage medium
CN113032163A (en) Resource collection method and device, electronic equipment and medium
CN113986081B (en) Reminding task creation method and device
CN114143393B (en) Time display method and device

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination