CN111290812A - Application control display method and device, terminal and storage medium - Google Patents
Application control display method and device, terminal and storage medium Download PDFInfo
- Publication number
- CN111290812A CN111290812A CN202010067843.9A CN202010067843A CN111290812A CN 111290812 A CN111290812 A CN 111290812A CN 202010067843 A CN202010067843 A CN 202010067843A CN 111290812 A CN111290812 A CN 111290812A
- Authority
- CN
- China
- Prior art keywords
- control
- display position
- display
- terminal
- displayed
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 238000006073 displacement reaction Methods 0.000 claims description 25
- 238000010586 diagram Methods 0.000 description 13
- 230000006870 function Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 7
- 238000004590 computer program Methods 0.000 description 7
- 238000013507 mapping Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 238000004364 calculation method Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The disclosure relates to the technical field of computers, in particular to a display method, a display device, a display terminal and a storage medium of an application control. The display method of the application control provided by the disclosure comprises the following steps: acquiring dimensional data of a terminal display area; determining a target display position of the first control according to the dimension data; after the first control is displayed at the first display position, the first control is displayed at the second display position; the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position. Therefore, according to the display method of the application control, the dimension data of the current terminal display area is obtained, and the control on the application page is dynamically displayed according to the dimension data, so that the control which cannot be completely displayed on the current page can be completely displayed or a user is prompted in a dynamic display mode, and the user experience is improved.
Description
Technical Field
The disclosure relates to the technical field of computers, in particular to a display method, a display device, a display terminal and a storage medium of an application control.
Background
With the development of computer technology, diversified terminal devices, such as mobile phones, tablet computers, notebook computers, etc., come to be diversified, each terminal device also includes various screen sizes, for example, the aspect ratios of mobile phone screens are 3:2, 16:9, 18:9, 18.5:9, 19.5:9, 20.5:9, etc., and the aspect ratios of the foldable mobile phone screens produced by various manufacturers are also different. Therefore, if the application program does not completely fit a screen with a certain aspect ratio, a problem occurs in that some controls are not fully displayed or cannot be displayed, resulting in poor user experience. In addition, as the functions of the application programs become richer and richer, the interface display becomes more and more, some interface elements need to be completely displayed by sliding left and right, and if the interface elements are not completely displayed and are ignored by the user, the user experience is also affected.
Disclosure of Invention
This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the detailed description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.
In one aspect, the present disclosure provides a display method of an application control, where the display method includes:
acquiring dimensional data of a terminal display area;
determining a target display position of a first control according to the dimension data;
after the first control is displayed at the first display position, the first control is displayed at the second display position;
the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position.
In another aspect, the present disclosure provides a display device for an application control, the display device including:
the acquisition unit is used for acquiring dimensional data of a terminal display area;
the determining unit is used for determining the target display position of the first control according to the dimension data;
the display unit is used for displaying the first control at a second display position after displaying the first control at a first display position;
the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position.
In yet another aspect, the present disclosure provides a terminal, including:
at least one memory and at least one processor;
the memory is used for storing program codes, and the processor is used for calling the program codes stored in the memory to execute the display method of the application control.
In yet another aspect, the present disclosure provides a non-transitory computer storage medium storing program code for executing the above-described application control display method.
According to the display method of the application control, the dimension data of the current terminal display area is obtained, and the control on the application page is dynamically displayed according to the dimension data, so that the control which cannot be completely displayed on the current page can be completely displayed or a user is prompted in a dynamic display mode, and therefore user experience is improved.
Drawings
The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and features are not necessarily drawn to scale.
Fig. 1 is a flowchart of a display method of an application control according to an embodiment of the present disclosure;
fig. 2 is a schematic diagram illustrating a first control displayed at a first display position according to an embodiment of the disclosure;
fig. 3A is a schematic diagram illustrating a first control displayed at a second display position according to an embodiment of the disclosure;
fig. 3B is a schematic diagram illustrating a first control displayed at a second display position according to an embodiment of the disclosure;
fig. 4 is a flowchart of a display method of an application control according to another embodiment of the present disclosure;
fig. 5 is a schematic structural diagram of a display device of an application control according to an embodiment of the present disclosure;
fig. 6 is a schematic structural diagram of a terminal device for implementing an embodiment of the present disclosure.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.
It should be understood that the steps recited in the apparatus embodiments of the present disclosure may be performed in a different order and/or performed in parallel. Moreover, device embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.
It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.
It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.
It is to be noted that "display" referred to in the present disclosure includes both cases of "partial display" and "full display", unless otherwise specified.
The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.
The terminal in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a stationary terminal such as a digital TV, a desktop computer, and the like.
Referring to fig. 1, a display method 100 of an application control provided by the embodiment of the present disclosure includes steps S101 to S103:
step S101: and acquiring dimension data of a terminal display area. The dimension data is data that can reflect the height and width, or aspect ratio, of the display area of the terminal screen, and can be represented by length, pixels, screen resolution, coordinates, ratios, and the like. Taking an Android platform as an example, the height and width data of the terminal display area can be acquired through a Windows manager function or a Resources object.
Step 102: and determining the target display position of the first control according to the dimension data. The first control is a control displayed on the application page. A control is an application component with a user interface, such as an image, icon, text, label, etc. The first control of the embodiments of the present disclosure may be a single control, or may be a combination of multiple controls. The first control has a default display position on the application page, but in some specific cases (e.g., too narrow screen) or intentional settings of an application developer, the first control in the default display position may not be fully displayed or displayed, and therefore, this step determines the target display position of the first control through the acquired dimension data.
Exemplarily, a displacement vector can be determined according to the mapping relationship between the acquired dimensional data and the preset dimensional data and the displacement vector, and the target display position can be determined according to the boundary coordinate of the default position of the first control and the displacement vector; and determining boundary coordinates of the terminal display area according to the acquired dimension data, and determining boundary coordinates closest to the boundary coordinates of the default display position of the first control as target display positions in the boundary coordinates of the terminal display area.
Step 103: and after the first control is displayed at the first display position, the first control is displayed at the second display position. And one of the first display position and the second display position is a default display position of the first control, and the other one is a target display position. In the embodiment of the disclosure, the first control may be displayed at the default display position first and then at the target display position, or the first control may be displayed at the target display position first and then at the default display position. Optionally, when the first control is displayed at the second display position, the first display position is no longer displayed at the first display position, and the display area of the first control at the target display position may be larger or smaller than the display area thereof at the default display position. In addition, the first control can add excessive animation in the process of dynamically displaying the first display position and the second display position, for example, this step can be embodied as that the first control moves from the first display position to the second display position on the user interface, or the first control is enlarged or reduced from the first display position to the second display position. It should be noted that the default display position and the target display position may be located in the terminal display area or outside the terminal display area, which is not limited in the implementation of the present disclosure.
In this way, according to the display method of the application control provided by the embodiment of the disclosure, by acquiring the dimension data of the current terminal display area and dynamically displaying the control on the application page according to the dimension data, the control which cannot be completely displayed on the current page can be completely displayed or a user can be prompted in a dynamic display mode, so that the user experience is improved.
In some embodiments, the dimensional data of the terminal display area includes: the height and width of the terminal display area, or the aspect ratio of the terminal display area.
In some embodiments, step S102 further comprises: step A1: determining the displacement of the first control in the first direction according to the dimension data; step A2: and determining the target display position according to the default display position and the displacement. In an example of the present disclosure, a mapping relationship between the dimension data of the terminal display area and the displacement may be preset, so that the displacement is determined according to the acquired dimension data and the mapping relationship.
In some embodiments, step a1 further comprises: determining a displacement vector of the first control according to the dimension data; step a2 further includes: and determining the boundary coordinate of the target display position according to the boundary coordinate of the default display position and the shift vector. In one example of the present disclosure, the boundary coordinates of the current terminal display area are (0, 900,1800) and the boundary coordinates of the default display position of the first control are (600,600,1200,900), a shift vector (-300,0) can be determined, i.e., 900 minus 1200, such that the boundary coordinates of the target display position of the first control are (300,600,900,900), thereby resulting in a target display position that is fully displayed within the terminal display area. It should be noted that the above examples are intended to illustrate the embodiments of the present disclosure, and the embodiments of the present disclosure do not limit the setting of the boundary coordinates and the specific calculation method thereof.
In some embodiments, the application page is an application home page. In the embodiment of the disclosure, after the application home page is loaded and displayed in the terminal display area, the first control on the application home page is dynamically displayed on the first display position and the second display position to prompt the user.
In some embodiments, the first control comprises a label control. By setting the label control, the display content of the label control triggered by the user can be set, so that the embodiment of the disclosure prevents the relevant functions or sub-pages of the application from being ignored by the user by dynamically displaying the label control.
In some embodiments, the display method 100 further comprises:
step S104: and after the first control is displayed at the second display position, the first control is displayed at the first display position.
In some embodiments, at least one of the first display position and the second display position is located within the terminal display area. In the embodiments of the present disclosure, the term "located in the terminal display area" means that at least a partial area located in the terminal display area is provided.
For the convenience of understanding, fig. 2 is a schematic diagram illustrating that the first control provided by an embodiment of the present disclosure is displayed at the first display position, and referring to fig. 2, the terminal display area 10 currently displays the application page 20, wherein the first control a is not completely displayed at the first display position 30 (a portion of the first display position located outside the terminal display area is not shown). After the first control a is displayed at the first display position, referring to fig. 3A, fig. 3A is a schematic diagram illustrating that the first control provided by an embodiment of the present disclosure is displayed at the second display position, wherein the first control a on the application page 20 is completely displayed in the terminal display area 10 at the second display position 40; referring to fig. 3B, fig. 3B is a schematic diagram illustrating that the first control is displayed at the second display position according to another embodiment of the disclosure, wherein the first control a on the application page 20 is not completely displayed at the second display position 50 (a portion of the second display position outside the terminal display area is not shown).
As shown in fig. 4, another embodiment of the present disclosure further provides a method 200 for displaying an application control, where the method 200 includes steps S201 to S206:
step S201: and acquiring the aspect ratio of the display area of the terminal.
Step S202: a shift vector for the first control is determined from the dimension data.
Step S203: and determining the boundary coordinate of the target display position according to the boundary coordinate of the default display position and the shift vector.
Step S204: the first control is displayed in a default display position.
Step S205: and stopping displaying the first control at the default display position and displaying the first control at the target display position after a preset time period.
Step S206: and stopping displaying the first control at the target display position and displaying the first control at the default display position after a preset time period.
In the embodiment of the present disclosure, after the target display position is determined, the first control is displayed at the target display position before the default display position, and finally displayed at the default display position, so that the first control forms a dynamic display effect of "swing display" on the application page, which can prompt the user that the current control is not completely displayed, so that the user can perform subsequent operation steps, for example, the user can perform a sliding operation on the first control, thereby completely displaying all contents of the first control.
Referring to fig. 5, an embodiment of the present disclosure provides a display apparatus 500 of an application control, which is used to implement the display method of the application control provided in the foregoing embodiment, where the apparatus 500 includes an obtaining unit 510, a determining unit 520, and a display unit 530, where:
an obtaining unit 510, configured to obtain dimension data of a display area of the terminal. The dimension data is data that can reflect the height and width, or aspect ratio, of the display area of the terminal screen, and can be represented by length, pixels, screen resolution, coordinates, ratios, and the like. Taking an Android platform as an example, the height and width data of the terminal display area can be acquired through a Windows manager function or a Resources object.
The determining unit 520 is configured to determine a target display position of the first control according to the dimension data. The first control is a control displayed on the application page. A control is an application component with a user interface, such as an image, icon, text, label, etc. The first control has a default display position on the application page, but under some specific screens (for example, the screen is too narrow), the first control at the default display position may not be displayed fully or can not be displayed, so the step determines the target display position of the first control through the acquired dimension data.
Exemplarily, a displacement vector can be determined according to the mapping relationship between the acquired dimensional data and the preset dimensional data and the displacement vector, and the target display position can be determined according to the boundary coordinate of the default position of the first control and the displacement vector; and determining boundary coordinates of the terminal display area according to the acquired dimension data, and determining boundary coordinates closest to the boundary coordinates of the default display position of the first control as target display positions in the boundary coordinates of the terminal display area.
The display unit 530 is configured to display the first control at the first display position and then display the first control at the second display position. And one of the first display position and the second display position is a default display position of the first control, and the other one is a target display position. In the embodiment of the disclosure, the first control may be displayed at the default display position first and then at the target display position, or the first control may be displayed at the target display position first and then at the default display position. Optionally, when the first control is displayed at the second display position, the first display position is no longer displayed at the first display position, and the display area of the first control at the target display position may be larger or smaller than the display area thereof at the default display position. In addition, the first control can add excessive animation in the process of dynamically displaying the first display position and the second display position, for example, this step can be embodied as that the first control moves from the first display position to the second display position on the user interface, or the first control is enlarged or reduced from the first display position to the second display position. It should be noted that the default display position and the target display position may be located in the terminal display area or outside the terminal display area, which is not limited in the implementation of the present disclosure.
In this way, according to the display method of the application control provided by the embodiment of the disclosure, by acquiring the dimension data of the current terminal display area and dynamically displaying the control on the application page according to the dimension data, the control which cannot be completely displayed on the current page can be completely displayed or a user can be prompted in a dynamic display mode, so that the user experience is improved.
For the embodiments of the apparatus, since they correspond substantially to the method embodiments, reference may be made to the partial description of the method embodiments for relevant points. The above-described apparatus embodiments are merely illustrative, in that modules illustrated as separate modules may or may not be separate. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
In some embodiments, the dimensional data of the terminal display area includes: the height and width of the terminal display area, or the aspect ratio of the terminal display area.
In some embodiments, the determining unit 520 includes: the first determining subunit is used for determining the displacement of the first control in the first direction according to the dimension data; and the second determining subunit is used for determining the target display position according to the default display position and the displacement. In an example of the present disclosure, a mapping relationship between the dimension data of the terminal display area and the displacement may be preset, so that the displacement is determined according to the acquired dimension data and the mapping relationship.
In some embodiments, the first determining subunit is further configured to determine a shift vector of the first control from the dimension data; the second determining subunit is further configured to determine boundary coordinates of the target display position according to the boundary coordinates of the default display position and the shift vector. In one example of the present disclosure, the boundary coordinates of the current terminal display area are (0, 900,1800) and the boundary coordinates of the default display position of the first control are (600,600,1200,900), a shift vector (-300,0) can be determined, i.e., 900 minus 1200, such that the boundary coordinates of the target display position of the first control are (300,600,900,900), thereby resulting in a target display position that is fully displayed within the terminal display area. It should be noted that the above examples are intended to illustrate the embodiments of the present disclosure, and the embodiments of the present disclosure do not limit the setting of the boundary coordinates and the specific calculation method thereof.
In some embodiments, the application page is an application home page. In the embodiment of the disclosure, after the application home page is loaded and displayed in the terminal display area, the first control on the application home page is dynamically displayed on the first display position and the second display position to prompt the user.
In some embodiments, the first control comprises a label control. By setting the label control, the display content of the label control triggered by the user can be set, so that the embodiment of the disclosure prevents the relevant functions or sub-pages of the application from being ignored by the user by dynamically displaying the label control.
In some embodiments, the display unit 530 is further configured to display the first control at the first display position after displaying the first control at the second display position.
In some embodiments, at least one of the first display position and the second display position is located within the terminal display area. In the embodiments of the present disclosure, the term "located in the terminal display area" means that at least a partial area located in the terminal display area is provided.
Referring now to fig. 6, a block diagram of a terminal device 800 suitable for use in implementing embodiments of the present disclosure is shown. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), and the like, and fixed terminals such as a digital TV, a desktop computer, and the like. The terminal device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 6, the terminal device 800 may include a processing means (e.g., a central processing unit, a graphic processor, etc.) 801 that may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM)802 or a program loaded from a storage means 808 into a Random Access Memory (RAM) 803. In the RAM 803, various programs and data necessary for the operation of the terminal apparatus 800 are also stored. The processing apparatus 801, the ROM 802, and the RAM 803 are connected to each other by a bus 804. An input/output (I/O) interface 805 is also connected to bus 804.
Generally, the following devices may be connected to the I/O interface 805: input devices 806 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 807 including, for example, a Liquid Crystal Display (LCD), speakers, vibrators, and the like; storage 808 including, for example, magnetic tape, hard disk, etc.; and a communication device 809. For example, the storage 808 may store a first database and a second database, wherein the first database stores at least one first sub-program identifier of a first program; the second database stores at least one second sub-program identification of the first program. The communication means 809 may allow the terminal apparatus 800 to perform wireless or wired communication with other apparatuses to exchange data. While fig. 6 illustrates a terminal apparatus 800 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a non-transitory computer readable medium, the computer program comprising program code for executing an apparatus illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication means 809, or installed from the storage means 808, or installed from the ROM 802. The computer program, when executed by the processing apparatus 801, performs the above-described functions defined in the apparatus of the embodiments of the present disclosure.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
In some embodiments, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText transfer protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.
The computer readable medium may be included in the terminal device; or may exist separately without being assembled into the terminal device.
The computer readable medium carries one or more programs which, when executed by the terminal device, cause the terminal device to: acquiring dimensional data of a terminal display area; determining a target display position of the first control according to the dimension data; after the first control is displayed at the first display position, the first control is displayed at the second display position; the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position.
Alternatively, the computer readable medium carries one or more programs which, when executed by the terminal device, cause the terminal device to: acquiring dimensional data of a terminal display area; determining a target display position of the first control according to the dimension data; after the first control is displayed at the first display position, the first control is displayed at the second display position; the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position.
Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, apparatuses, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units described in the embodiments of the present disclosure may be implemented by software or hardware. Here, the name of the cell does not constitute a limitation to the cell itself in some cases, and for example, the acquisition cell may also be described as a "cell that acquires dimension data of a terminal display area".
The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
According to one or more embodiments of the present disclosure, a display method of an application control is provided, the display method including: acquiring dimensional data of a terminal display area; determining a target display position of the first control according to the dimension data; after the first control is displayed at the first display position, the first control is displayed at the second display position; the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position.
According to one or more embodiments of the present disclosure, the dimension data of the terminal display area includes: the height and width of the terminal display area, or the aspect ratio of the terminal display area.
According to one or more embodiments of the present disclosure, determining a target display position of the first control from the dimensional data includes: and determining the displacement of the first control in the first direction according to the dimension data, and determining the target display position according to the default display position and the displacement.
According to one or more embodiments of the present disclosure, determining the displacement of the first control in the first direction from the dimension data comprises: determining a displacement vector of the first control according to the dimension data; determining the target display position based on the default display position and the displacement comprises: and determining the boundary coordinate of the target display position according to the boundary coordinate of the default display position and the shift vector.
According to one or more embodiments of the present disclosure, the application page is an application home page.
In accordance with one or more embodiments of the present disclosure, the first control comprises a label control.
According to one or more embodiments of the present disclosure, the display method further includes:
and after the first control is displayed at the second display position, the first control is displayed at the first display position.
According to one or more embodiments of the present disclosure, at least one of the first display position and the second display position is located within the terminal display area.
According to one or more embodiments of the present disclosure, there is provided a display device of an application control, the display device including: the acquisition unit is used for acquiring dimensional data of a terminal display area; the determining unit is used for determining the target display position of the first control according to the dimension data; the display unit is used for displaying the first control at the second display position after displaying the first control at the first display position; the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position.
According to one or more embodiments of the present disclosure, there is provided a terminal including: at least one memory and at least one processor; the memory is used for storing program codes, and the processor is used for calling the program codes stored in the memory to execute the display method of the application control provided according to one or more embodiments of the disclosure.
According to one or more embodiments of the present disclosure, there is provided a non-transitory computer storage medium storing program code for executing a display method of an application control provided according to one or more embodiments of the present disclosure.
Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
Although the subject matter has been described in language specific to structural features and/or logical acts of devices, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.
Claims (11)
1. A display method of an application control is characterized by comprising the following steps:
acquiring dimensional data of a terminal display area;
determining a target display position of a first control according to the dimension data;
after the first control is displayed at the first display position, the first control is displayed at the second display position;
the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position.
2. The display method of the application control according to claim 1, wherein the dimension data of the terminal display area comprises:
height and width of the display area of the terminal, or
And the aspect ratio of the terminal display area.
3. The method for displaying an application control according to claim 2, wherein the determining the target display position of the first control according to the dimension data comprises:
determining a displacement of the first control in a first direction from the dimension data,
and determining the target display position according to the default display position and the displacement.
4. The method of displaying an application control of claim 3, wherein the determining a displacement of the first control in a first direction from the dimensional data comprises:
determining a shift vector of the first control according to the dimension data;
the determining the target display position according to the default display position and the displacement comprises: and determining the boundary coordinate of the target display position according to the boundary coordinate of the default display position and the displacement vector.
5. The method for displaying an application control of claim 1, wherein the application page is an application home page.
6. The method of displaying an application control of claim 1, wherein the first control comprises a label control.
7. The method of displaying an application control of claim 1, wherein the method of displaying further comprises:
and after the first control is displayed at the second display position, displaying the first control at the first display position.
8. The method of displaying an application control of claim 1, wherein at least one of the first display position and the second display position is located within the terminal display area.
9. A display device for applying controls, the display device comprising:
the acquisition unit is used for acquiring dimensional data of a terminal display area;
the determining unit is used for determining the target display position of the first control according to the dimension data;
the display unit is used for displaying the first control at a second display position after displaying the first control at a first display position;
the first control is a control displayed on an application page; one of the first display position and the second display position is a default display position of the first control, and the other is a target display position.
10. A terminal, characterized in that the terminal comprises:
at least one memory and at least one processor;
wherein the memory is configured to store program code, and the processor is configured to call the program code stored in the memory to execute the display method of the application control according to any one of claims 1 to 8.
11. A non-transitory computer storage medium storing program code for executing the display method of an application control according to any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010067843.9A CN111290812B (en) | 2020-01-20 | 2020-01-20 | Display method, device, terminal and storage medium of application control |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010067843.9A CN111290812B (en) | 2020-01-20 | 2020-01-20 | Display method, device, terminal and storage medium of application control |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111290812A true CN111290812A (en) | 2020-06-16 |
| CN111290812B CN111290812B (en) | 2024-02-06 |
Family
ID=71027230
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010067843.9A Active CN111290812B (en) | 2020-01-20 | 2020-01-20 | Display method, device, terminal and storage medium of application control |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111290812B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113656140A (en) * | 2021-08-31 | 2021-11-16 | 北京京东方技术开发有限公司 | Control display method and device, computer readable storage medium and electronic equipment |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104423870A (en) * | 2013-09-10 | 2015-03-18 | 北京三星通信技术研究有限公司 | Control in graphical user interface, display method as well as method and device for operating control |
| CN105739972A (en) * | 2016-01-21 | 2016-07-06 | 浪潮通用软件有限公司 | Screen self-adaption method and device of control |
| CN106681593A (en) * | 2016-12-30 | 2017-05-17 | 北京优朋普乐科技有限公司 | Display control method and device for user interface UI control |
| CN110308835A (en) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | Control the method, apparatus and electronic equipment of view control |
| CN110362366A (en) * | 2018-04-02 | 2019-10-22 | 青岛海信移动通信技术股份有限公司 | A kind of application interface display methods and device |
| CN110633121A (en) * | 2019-09-05 | 2019-12-31 | 北京无限光场科技有限公司 | Interface rendering method and device, terminal equipment and medium |
-
2020
- 2020-01-20 CN CN202010067843.9A patent/CN111290812B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104423870A (en) * | 2013-09-10 | 2015-03-18 | 北京三星通信技术研究有限公司 | Control in graphical user interface, display method as well as method and device for operating control |
| CN105739972A (en) * | 2016-01-21 | 2016-07-06 | 浪潮通用软件有限公司 | Screen self-adaption method and device of control |
| CN106681593A (en) * | 2016-12-30 | 2017-05-17 | 北京优朋普乐科技有限公司 | Display control method and device for user interface UI control |
| CN110362366A (en) * | 2018-04-02 | 2019-10-22 | 青岛海信移动通信技术股份有限公司 | A kind of application interface display methods and device |
| CN110308835A (en) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | Control the method, apparatus and electronic equipment of view control |
| CN110633121A (en) * | 2019-09-05 | 2019-12-31 | 北京无限光场科技有限公司 | Interface rendering method and device, terminal equipment and medium |
Non-Patent Citations (1)
| Title |
|---|
| ZDINGYUN: "vb如何让一个label框上下的来回移动", pages 1, Retrieved from the Internet <URL:https://zhidao.baidu.com/question/200063986492647285.html> * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113656140A (en) * | 2021-08-31 | 2021-11-16 | 北京京东方技术开发有限公司 | Control display method and device, computer readable storage medium and electronic equipment |
| CN113656140B (en) * | 2021-08-31 | 2024-03-01 | 北京京东方技术开发有限公司 | Control display method and device, computer readable storage medium and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111290812B (en) | 2024-02-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110658961B (en) | Information display method and device and electronic equipment | |
| CN111291244B (en) | House source information display method, device, terminal and storage medium | |
| CN111459364B (en) | Icon updating method and device and electronic equipment | |
| CN111190520A (en) | Menu item selection method and device, readable medium and electronic equipment | |
| CN113741756A (en) | Information processing method, device, terminal and storage medium | |
| CN111324376B (en) | Function configuration method, device, electronic equipment and computer readable medium | |
| CN111309416B (en) | Information display method, device and equipment of application interface and readable medium | |
| CN114489336A (en) | Multimedia display method and device, readable medium and electronic equipment | |
| CN114417782A (en) | Display method and device and electronic equipment | |
| CN111290812B (en) | Display method, device, terminal and storage medium of application control | |
| CN111273884A (en) | Image display method and device and electronic equipment | |
| CN111324405A (en) | Character display method and device and electronic equipment | |
| CN115576458A (en) | Application window display method, device, equipment and medium | |
| CN113138707B (en) | Interaction method, interaction device, electronic equipment and computer-readable storage medium | |
| CN111258582B (en) | Window rendering method and device, computer equipment and storage medium | |
| CN112256172B (en) | Application display method, device, terminal and storage medium | |
| CN114089891A (en) | Display control method and device and electronic equipment | |
| CN111290692B (en) | Picture display method and device, electronic equipment and computer readable medium | |
| CN110807164B (en) | Automatic image area adjusting method and device, electronic equipment and computer readable storage medium | |
| CN112306317A (en) | Unread message notification method and device and electronic equipment | |
| CN112256173A (en) | Window display method and device of electronic equipment, terminal and storage medium | |
| CN113778566A (en) | Native application calling method and device, electronic equipment and computer readable medium | |
| CN111399730A (en) | Image processing method, image processing device, electronic equipment and computer readable storage medium | |
| CN111324349A (en) | Method, device, terminal and storage medium for generating interactive interface | |
| CN113961280A (en) | View display method and device, electronic equipment and computer-readable storage medium |
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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20230406 Address after: Room 802, Information Building, 13 Linyin North Street, Pinggu District, Beijing, 101299 Applicant after: Beijing youzhuju Network Technology Co.,Ltd. Address before: No. 715, 7th floor, building 3, 52 Zhongguancun South Street, Haidian District, Beijing 100081 Applicant before: Beijing infinite light field technology Co.,Ltd. |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |