CN116225280A - Method, terminal, storage medium and processor for displaying application program - Google Patents
Method, terminal, storage medium and processor for displaying application program Download PDFInfo
- Publication number
- CN116225280A CN116225280A CN202310077278.8A CN202310077278A CN116225280A CN 116225280 A CN116225280 A CN 116225280A CN 202310077278 A CN202310077278 A CN 202310077278A CN 116225280 A CN116225280 A CN 116225280A
- Authority
- CN
- China
- Prior art keywords
- page
- area
- operation page
- application program
- displaying
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 68
- 230000000694 effects Effects 0.000 description 8
- 230000000007 visual effect Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention discloses a method, a terminal, a storage medium and a processor for displaying an application program. The method comprises the following steps: displaying an editing interface on the touch screen, wherein the editing interface comprises a first operation area and a second operation area, the area of the second operation area is smaller than that of the first operation area, and a plurality of starting icons of application programs to be operated are displayed in the second operation area; receiving a first operation instruction acted by a user on a start icon, responding to the first operation instruction, moving the application program from the second operation area to the first operation area, and displaying a first operation page of the application program in the first operation area; and receiving a second operation instruction acted on the first operation page by the user, and adjusting the page size of the first operation page in response to the second operation instruction. The invention solves the problem that the screen of the vehicle-mounted device does not support the user to adjust the operation page of the application program to a state convenient to operate according to personal requirements.
Description
Technical Field
The present invention relates to the field of terminal display technologies, and in particular, to a method for displaying an application program, a terminal, a storage medium, and a processor.
Background
The vehicle-mounted system is a program for managing hardware and software resources of a vehicle-mounted computer, and along with the development of an intelligent system of an automobile, a user installs and uses an Application program (English, full name is Application, abbreviated as APP) in the vehicle-mounted system more and more. When the starting icon of the corresponding application program is clicked to enter the operation page of the application program, the functional area of the operation page is limited in view of the conventional display of the front page of the automobile machine screen, and the use requirement of each driver on the application program is different, the interface limitation of the original automobile machine screen can cause inconvenient operation of the driver on the operation page of the application program, and the current automobile machine screen does not support the user to adjust the operation page of the application program to a state convenient to operate according to personal requirements, so that the automobile machine screen cannot adapt to the personal use requirement of the driver.
For the above-described problems, no effective solution has been proposed.
Disclosure of Invention
The embodiment of the invention provides a method, a terminal, a storage medium and a processor for displaying an application program, which at least solve the problem that in the prior art, a vehicle-mounted screen does not support a user to adjust an operation page of the application program to a state convenient to operate according to personal requirements.
According to an aspect of an embodiment of the present invention, there is provided a method of displaying an application, the method being applied to a terminal provided with a touch screen, the method including:
displaying an editing interface on the touch screen, wherein the editing interface comprises a first operation area and a second operation area, the area of the second operation area is smaller than that of the first operation area, and a plurality of starting icons of application programs to be operated are displayed in the second operation area;
receiving a first operation instruction acted on the starting icon by a user, responding to the first operation instruction, moving the application program from the second operation area to the first operation area, and displaying a first operation page of the application program in the first operation area;
receiving a second operation instruction acted on the first operation page by a user, and responding to the second operation instruction, and adjusting the page size of the first operation page.
Optionally, when the application program is moved from the second operation area to the first operation area in response to the first operation instruction, the method further includes:
and adjusting the first operation page to be positioned at a preset area of the first operation area, and setting the first operation page to be in an editing state so as to respond to the second operation instruction in the editing state, and adjusting the page size of the first operation page.
Optionally, the step of adjusting the first operation page to be located at a predetermined area of the first operation area includes:
detecting and obtaining origin coordinates positioned on the boundary of the editing interface, and obtaining a preset boundary distance between the boundary of the first operation page and the boundary of the editing interface;
and determining first vertex coordinates of the first operation page according to the origin coordinates and the boundary distance, so as to adjust the first operation page to the position of the preset area based on the first vertex coordinates, wherein the first vertex coordinates are coordinate values of one vertex on the first operation page in the first operation area.
Optionally, when the first operation page is set to an editing state, the method further includes:
one or more editing buttons are arranged on a boundary line of the first operation page, and the editing buttons and the first vertex coordinates are not located on the same boundary line;
the step of receiving a second operation instruction acted on the first operation page by a user includes:
and receiving a second operation instruction acted on the editing button on the first operation page by a user, and dragging the editing button to adjust the page size of the first operation page under the condition that the first vertex coordinates are fixed in response to the second operation instruction.
Optionally, the second operation instruction is an operation instruction that slides on the touch screen, wherein the step of adjusting the page size of the first operation page in response to the second operation instruction includes:
and determining a sliding track according to the second operation instruction so as to enlarge or reduce the page size of the first operation page based on the sliding track.
Optionally, after adjusting the page size of the first operation page in response to the second operation instruction, the method further includes:
receiving a third operation instruction acting on an area other than the first operation page, and setting the first operation page in the editing state to a non-editing state in response to the third operation instruction, so that the page size of the first operation page cannot be adjusted when the first operation page is in the non-editing state.
Optionally, after setting the first operation page in the editing state to a non-editing state in response to the third operation instruction, the method further includes:
receiving a fourth operation instruction acted on the first operation page by a user, and setting the first operation page to the editing state in response to the fourth operation instruction so as to adjust the page size of the first operation page in response to the second operation instruction in the editing state.
Optionally, after dragging the editing button to adjust the page size of the first operation page, the method further includes:
and receiving the first operation instruction acted on the other starting icon by the user, responding to the first operation instruction, moving the other application program from the second operation area to the first operation area, and displaying a second operation page of the other application program in the first operation area.
Optionally, after the first operation area displays a second operation page of another application program, the method further includes:
detecting and obtaining the page size of the adjusted first operation page;
determining a second vertex coordinate of the second operation page according to the page size of the first operation page and the first vertex coordinate, wherein the second vertex coordinate is a coordinate value of one vertex on the second operation page in the first operation area;
and adjusting the second operation page to one side of the first operation page based on the second vertex coordinates.
Optionally, after adjusting the second operation page to one side of the first operation page based on the second vertex coordinates, the method further includes:
and fixing the second vertex coordinates, and adjusting third vertex coordinates of the second operation page based on the boundary distance, wherein the third vertex coordinates are coordinate values of another vertex on the second operation page in the first operation area.
Optionally, after adjusting the third vertex coordinates of the second operation page, the method further includes:
and determining and storing an interface layout of the application program in the first operation area according to the page size of the first operation page, the first vertex coordinates and the second vertex coordinates and the third vertex coordinates of the second operation page, and then automatically starting the application program in the first operation area based on the interface layout when the editing interface is displayed on the touch screen next time.
Optionally, the method further comprises:
and expanding or shrinking the numerical values of the page sizes of the first operation page and the second operation page to an integer which is a multiple of ten according to a rounded adjustment rule.
Optionally, the page size includes a height size and a width size, and in the process of adjusting the page size of the first operation page in response to the second operation instruction in the editing state, the method further includes:
detecting the height dimension and the width dimension, determining the dimension free proportion between the height dimension and the width dimension, and performing horizontal screen display or vertical screen display on the first operation page when the dimension free proportion reaches a preset proportion threshold value.
According to another aspect of the embodiment of the present invention, there is also provided a terminal for executing the method for displaying an application program.
According to another aspect of the embodiment of the present invention, there is also provided a computer readable storage medium, where the computer readable storage medium includes a stored program, and when the program runs, a method for controlling a device in which the computer readable storage medium is located to execute the display application program is provided.
According to another aspect of the embodiment of the present invention, there is also provided a processor, where the processor is configured to run a program, and where the program runs to execute the method for displaying an application program.
In the embodiment of the invention, after the touch screen of the terminal is opened, an editing interface is displayed on the touch screen, the application program loaded in the terminal is displayed in the second operation area, a user can freely select the application program to be used, then the application program in the second operation area is manually dragged to the first operation area, the application program dragged to the first operation area automatically opens an operation page of the application program, and the page size of the operation page can be adjusted. When the terminal is applied to a vehicle-mounted system, a vehicle-mounted screen of the vehicle-mounted system supports a user to adjust an operation page of an application program to a state convenient to operate according to personal requirements.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiments of the invention and together with the description serve to explain the invention and do not constitute a limitation on the invention. In the drawings:
FIG. 1 is a flowchart illustrating a method for displaying an application according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of an editing interface displayed on a touch screen;
FIG. 3 is a flow chart illustrating the adjustment of the first operation page to the predetermined area according to an embodiment of the invention;
FIG. 4 is a flowchart illustrating a procedure for adjusting the position of an operation page of a next application according to an embodiment of the present invention;
FIG. 5 is a schematic diagram illustrating an operation of adjusting each operation page according to an embodiment of the present invention;
FIG. 6 is a schematic layout of the editing interface after the adjustment of the required application.
Detailed Description
In order that those skilled in the art will better understand the present invention, a technical solution in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in which it is apparent that the described embodiments are only some embodiments of the present invention, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present invention without making any inventive effort, shall fall within the scope of the present invention.
It should be noted that the terms "first," "second," and the like in the description and the claims of the present invention and in the drawings are used for distinguishing between different objects and not for limiting a particular order.
Since the interface limitation of the vehicle screen of the vehicle-mounted system in the prior art may cause the driver to operate on the operation page of the application program inconveniently, and influence the driving experience and even influence the safe driving, the first embodiment of the present invention provides a method for displaying an application program, which is applied to a terminal, the terminal is provided with a touch screen, and when the terminal is applied to the vehicle-mounted system, the touch screen is located on the vehicle-mounted screen of the vehicle-mounted system, and referring to fig. 1, the method for displaying an application program provided by the embodiment of the present invention includes the following steps:
step S11: and displaying an editing interface on the touch screen, wherein the editing interface comprises a first operation area and a second operation area, the area of the second operation area is smaller than that of the first operation area, and a plurality of starting icons of the application programs to be operated are displayed in the second operation area.
Step S12: and receiving a first operation instruction acted by a user on the start icon, responding to the first operation instruction, moving the application program from the second operation area to the first operation area, and displaying a first operation page of the application program in the first operation area. The operation page can be a login page of the application program or a page for a user to operate after logging in, and can be specifically set according to the optional page and the user requirement after the related application program is started.
Step S13: and receiving a second operation instruction acted on the first operation page by the user, and adjusting the page size of the first operation page in response to the second operation instruction.
Therefore, after the touch screen of the terminal is opened, the editing interface is displayed on the touch screen, the application program loaded in the terminal is displayed in the second operation area, the user can freely select the application program to be used, then the application program in the second operation area is manually dragged to the first operation area, the application program dragged to the first operation area automatically opens the operation page, and the page size of the operation page can be adjusted. The terminal is applied to the vehicle-mounted system, so that a vehicle-mounted screen of the vehicle-mounted system supports a user to adjust an operation page of an application program to a state convenient to operate according to personal requirements.
In step S12, when the application program is moved from the second operation area to the first operation area in response to the first operation instruction, the method provided by the embodiment of the invention further includes: the first operation page is adjusted to be located at a predetermined area of the first operation area (the predetermined position is located at a left side area of the first operation area as shown in fig. 2), and the first operation page is set to an edit state to adjust a page size of the first operation page in response to the second operation instruction in the edit state. Specifically, as shown in fig. 3, the step of adjusting the first operation page to be located at a predetermined area of the first operation area includes:
step S21: detecting and obtaining origin coordinates positioned on the boundary of the editing interface, and obtaining the boundary distance between the boundary of the preset first operation page and the boundary of the editing interface. As shown in fig. 5, the editing interface sets the axis of abscissa on the boundary line, the origin coordinates on the boundary of the editing interface include the origin 1 (0, 0) located at the upper left corner of the editing interface, for example, the boundary distance between the boundary of the first operation page and the boundary of the editing interface is preset to 30Px, the boundary distances between the boundary of the first operation page and the axis of abscissa of the editing interface are both 30Px, the boundary distances between the boundary of the first operation page and the axis of abscissa may be the same or different, and the parameters of the boundary distances may be set according to the actual requirements, where Px is the pixel unit in the computer language and is the common size unit of the electronic device.
Step S22: and determining first vertex coordinates of the first operation page according to the origin coordinates and the boundary distance, so as to adjust the first operation page to a preset area based on the first vertex coordinates, wherein the first vertex coordinates are coordinate values of one vertex on the first operation page in the first operation area. The first vertex coordinates (30 Px ) of the first operation page are determined as based on the origin 1 (0, 0) and the boundary distance 30Px, so that the first operation page is attracted to the effect of the predetermined region (specifically, at the upper left corner position as shown in fig. 5) based on the first vertex coordinates (30 Px ).
Specifically, when the first operation page is set to an editing state, the method provided by the embodiment of the invention further includes: one or more editing buttons are arranged on the boundary line of the first operation page, and the editing buttons and the first vertex coordinates are not located on the same boundary line, and the editing buttons are shown by double-headed arrows on the first operation page in fig. 2 and 5. The step of receiving a second operation instruction acted on the first operation page by the user in step S13 includes: and receiving a second operation instruction acted on the editing button on the first operation page by the user, and dragging the editing button to adjust the page size of the first operation page under the condition that the first vertex coordinates are fixed to be unchanged in response to the second operation instruction. In an optional embodiment of the invention, the second operation instruction is an operation instruction that slides on the touch screen, and the step of adjusting the page size of the first operation page in response to the second operation instruction includes: and determining a sliding track according to the second operation instruction so as to enlarge or reduce the page size of the first operation page based on the sliding track. Therefore, the user can press a double-headed arrow (an editing button) and other proportion on the operation page of the application program to adjust the page size of the operation page, the operation page of the application program is supported to be adjusted to a state convenient to operate according to personal requirements by the user, driving experience is improved, and safe driving is ensured.
In step S13, after adjusting the page size of the first operation page in response to the second operation instruction, the method provided by the embodiment of the present invention further includes: receiving a third operation instruction acting on an area other than the first operation page, setting the first operation page in an editing state to a non-editing state in response to the third operation instruction, so that when the first operation page is in the non-editing state, the page size of the first operation page cannot be adjusted, and clicking the area other than the area where the first operation page is located. After the first operation page in the editing state is set to the non-editing state in response to the third operation instruction, the method provided by the embodiment of the invention further includes: receiving a fourth operation instruction acted on the first operation page by a user, and setting the first operation page to an editing state in response to the fourth operation instruction so as to adjust the page size of the first operation page in response to the second operation instruction in the editing state. That is, after exiting the editing state, the embodiment of the invention can also re-enter the operation page of the application program into the editing state based on the fourth operation instruction, so that the operation page is adjusted again according to the requirement. The fourth operation instruction in the embodiment of the present invention may be a gesture operation of the long-press operation page (for example, a long-press operation is determined by continuously touching the first operation page for three seconds).
In the embodiment of the invention, after the edit button is dragged to adjust the page size of the first operation page, the terminal also receives a first operation instruction acted by a user on another start icon, responds to the first operation instruction, moves another application program from the second operation area to the first operation area, and displays the second operation page of the another application program in the first operation area. The second operation page of the other application program can also be adjusted according to the page size adjustment mode of the first operation page. After the second operation page of another application program is displayed in the first operation area, as shown in fig. 4, the method provided in the embodiment of the present invention further includes the following steps:
step S31: and detecting and obtaining the page size of the adjusted first operation page.
Step S32: and determining second vertex coordinates of the second operation page according to the page size of the first operation page and the first vertex coordinates, wherein the second vertex coordinates are coordinate values of one vertex on the second operation page in the first operation area.
Step S33: and adjusting the second operation page to one side of the first operation page based on the second vertex coordinates.
If the adjusted page size of the first operation page is detected to have the height dimension of apx and the width dimension of a1px, the first vertex coordinates of the first operation page are (30 px ), and the second vertex coordinates of the second operation page (i.e., the B page shown in fig. 5) are set to be (x 1, y 1). Then, based on the page size of the first operation page and the first vertex coordinates (the page distance between the first operation page and the second operation page may be zero at this time, that is, the two pages may be directly spliced continuously), x1=30px, y1= (30+a). In another alternative embodiment, in order to enhance the visual sense of the screen and facilitate the distinction, a certain page distance may be preset between the second operation page and the first operation page, and if the page distance between the second operation page and the first operation page is also set to be 30Px, y1= (30+a+30), so as to achieve the effect of adsorbing the second operation page to the lower side of the first operation page on the left side of the editing interface shown in fig. 5. Simultaneously, the widths of the first operation page and the second operation page are automatically adjusted to be equal (a1=b1) in the editing state, so that the effect of automatic right side alignment of the first operation page and the second operation page is achieved.
Step S33 is based on the second vertex coordinates, and after adjusting the second operation page to one side of the first operation page, the method provided by the embodiment of the present invention further includes: and fixing the second vertex coordinates, and adjusting third vertex coordinates of the second operation page based on the boundary distance, wherein the third vertex coordinates are coordinate values of another vertex on the second operation page in the first operation area. If the lower left corner coordinates (x 2, y 2) of the second operation page (i.e., the B operation page shown in fig. 5) are adjusted, when the boundary distance is 30px, and when the third vertex coordinates of the second operation page are adjusted based on the boundary distance, the origin 2 (z, z) on the ordinate axis of the editing interface is also set, if the origin 2 (z, z) in fig. 5 is a coordinate point on the ordinate axis near the lower boundary line of the editing interface, x2=30, y2=z-30, so as to achieve the effect that the bottom of the second operation page is automatically expanded and aligned with the bottom of the editing interface. If the width of the second operation page needs to be adjusted, a fourth operation instruction (such as long pressing of the second operation page) acted by the user on the second operation page can be received, so that the second operation page is set to be in an editing state, an editing button is dragged to adjust the width of the second operation page in the editing state, after the width is dragged, left alignment is continuously maintained, a1=b1 alignment is not automatically maintained on the right side, operability of the application program is further improved, and therefore the user can freely adjust the size and display position of each application program according to the use requirement of the user, and user experience is good.
After the third vertex coordinates of the second operation page are adjusted, determining and storing the interface layout of the application program in the first operation area according to the page size, the first vertex coordinates and the second vertex coordinates and the third vertex coordinates of the second operation page, and then automatically starting the application program in the first operation area based on the interface layout when the editing interface is displayed on the touch screen next time. Therefore, the user adjusts the application programs required by the user to the first operation area at a certain time, after the position and the page size of each application program are adjusted in the first operation area, the application programs are not required to be adjusted again when the automobile screen is opened next time, the corresponding application programs are directly displayed after the interface layout formed by the last adjustment of each application program on the automobile screen, and adjustment is not required each time. In addition, after the specific application program is dragged to the first operation area, the embodiment of the invention can automatically and adaptively display the application program which is not dragged to the first operation area in the residual space which is not set by the editing interface according to the original pre-installed system interface layout of the terminal (as shown in fig. 6).
In addition, in order to facilitate alignment of each operation page and ensure the integrity of the page, the method provided by the embodiment of the invention further comprises the following steps: and expanding or reducing the numerical values of the page sizes of the first operation page and the second operation page to an integer which is a multiple of ten according to the rounded adjustment rule. If the page size of one operation page is 8px, expanding or shrinking the operation page to an integer which is a multiple of ten according to the rounded adjustment rule, expanding the 8px to 10px, and if the page size of one operation page is 22px, shrinking the 22px to 20px. In this regard, in the embodiment of the present invention, after the page size of the first operation page is adjusted and the page size of the first operation page is enlarged or reduced to an integer that is a multiple of ten according to the rounded adjustment rule, the width of the second operation page is automatically adjusted according to the rounded adjustment rule after the edit button is dragged to adjust the width of the second operation page, so as to achieve visual arrangement, alignment and aesthetics. For example: and recognizing that the width of the dragged second operation page is b1=283 px, and automatically adjusting the width to be b1=280 px.
The page size in the embodiment of the invention comprises a height size and a width size, and in the process of responding to the second operation instruction in the editing state and adjusting the page size of the first operation page, the method provided by the embodiment of the invention further comprises the following steps: detecting the height dimension and the width dimension, determining the dimension free ratio between the height dimension and the width dimension (for example, the dimension free ratio is the ratio of the height dimension to the width dimension), and performing horizontal screen display or vertical screen display on the first operation page when the dimension free ratio reaches a preset ratio threshold. And the operation pages of other application programs are also determined to carry out horizontal screen display or vertical screen display on the operation pages of the corresponding application programs according to the calculated corresponding size free proportion. In order to ensure the visibility of the information displayed by the operation page, when the height and width dimensions of the operation page reach the critical values of the size of the human eye identification characters and icons, the operation page of the corresponding application program will not be dragged and reduced to a smaller state.
The second embodiment of the present invention further provides a terminal, and the terminal is configured to execute the method for displaying an application program provided in the first embodiment of the present invention.
The third embodiment of the present invention further provides a computer readable storage medium, where the computer readable storage medium includes a stored program, and when the program runs, the method controls a device in which the computer readable storage medium is located to execute the method for displaying the application program.
The fourth embodiment of the present invention further provides a processor, where the processor is configured to execute a program, and the method for displaying an application program is specifically referred to the content provided in the first embodiment of the present invention, and the embodiments of the present invention are not described herein again.
In a fifth embodiment of the present invention, when the terminal is applied to a vehicle-mounted system, the touch screen of the terminal is a vehicle-mounted screen, and for this reason, the embodiment of the present invention combines the above four embodiments and fig. 1 to 6, and provides an application embodiment of a user's DIY custom application operating area on the vehicle-mounted screen, where DIY is a abbreviation of DoItYourself, and the embodiment of the present invention is used to express a display manner in which the user can manually customize the application, and the application embodiment specifically includes the following steps:
11 The front page displays the whole gray bottom blank area (namely the first operation area), a row of narrow floating windows (namely the second operation area) on the right side displays the starting icons of all rear-mounted application programs APP in the automobile, the APP which needs to be used can be freely selected, the starting icons of the corresponding APP in the list of the narrow floating windows on the right side are manually dragged to the first operation area, when the current in the second operation area is continuous and moves beyond the second operation area, the controller of the automobile system recognizes the current on the screen of the automobile, and when the current in the second operation area is continuous and moves beyond the second operation area, the detected first operation instruction acting on the corresponding starting icons is used, and the starting icons move to the left side of the first operation area along with the current moving direction. And sets the operation page of the application program initially dragged to the left to stay in the edit state by default.
12 The dragged APP can automatically align a left equal proportion expansion interface (which is about one fourth of the width of a vehicle screen), and stays in an editing state capable of freely adjusting the size, the boundary line of the operation page of the application program forms an editing frame, the editing frame is a dotted line frame, an editing button which is set as a double-headed arrow is displayed on the right side and the lower right corner of the editing frame, namely the lower side position, the double-headed arrow at the lower right corner of the editing frame is pressed to adjust the size in equal proportion, and a controller of the vehicle system identifies whether current at the double-headed arrow is continuous and moving, and the operation page is expanded or contracted along with the current direction when the current is continuous and moving.
13 The right side or lower side arrow of the edit box can be pressed to freely adjust the page size of the operation page of the application program (the right side double-headed arrow of the edit box is pressed to adjust the width size, the lower side double-headed arrow of the edit box is pressed to adjust the height size), the vehicle-mounted system automatically identifies the free size proportion, and when the free size proportion reaches a preset proportion threshold, the page layout mode of the operation page of the application program is automatically switched, such as a horizontal screen layout or a vertical screen layout. When the page size of the operation page reaches the critical value of the size of the human eye identification characters and icons, the operation page cannot be dragged and reduced to a smaller state, so that the visibility of the operation page of the application program is always ensured, and the page size is prevented from being adjusted to the extent that the content of the operation page cannot be seen clearly.
14 In the editing state, the operation page of the application program can be dragged to a position required by a user, and the operation page can be automatically aligned with one of the left side line, the right side line and the upper side line of the screen of the car machine.
15 The editing state is exited by clicking the area outside the operation page, the editing state is re-entered, the top title hot area of the operation page can be pressed for a long time, and editing can be performed again after the editing frame appears.
16 After one application is set, other applications can be dragged to continue the editing of the position and the size. The dragged second application will automatically adapt to the left side first to align with the first application.
17 After the required application program is adjusted, the residual space which is not set on the screen of the vehicle machine can automatically and adaptively display the interface layout of the original front loading system of the vehicle machine. After the whole screen space is totally used by self-defining adjustment, the interface layout of the original front loading system of the vehicle is not displayed.
As shown in fig. 5, when dragging each application, the alignment of the operation page of the application with the edge line of the editing interface on the car screen and the alignment of the operation page of the next application with the operation page of the application that has been set up are implemented as follows:
21 The upper left corner of the editing interface on the car machine screen is the origin of coordinates 1 (0, 0), and the origin of lower left corner coordinates 2 (z, z) identifies the position coordinates of the top left corner vertex of the a-operation page, i.e., the first vertex coordinates (x, y). The boundary distance is 30px, then x=30px, y=30px, and the effect of adsorbing to the upper left corner position of the editing interface is achieved, that is, the boundary distance is aligned with the upper left edge line and the upper left corner of the editing interface.
22 When the coordinate value of the B operation page (corresponding to the second operation page of another application program in the first embodiment of the present invention) is (x 1, y 1). The page distance between the A operation page and the B operation page is 30px, and x1=30px and y1= (30px+A operation page height apx+30px) are calculated, so that the effect of adsorbing the left side A operation page to be aligned is achieved. Simultaneously, the width dimension a1=b1 of the two operation pages is automatically adjusted to achieve the effect that the right sides of the two operation pages are automatically aligned, and simultaneously, the left lower corner coordinates (x 2, y 2) of the B operation page are automatically adjusted, x2=30, and y2=z-30, so that the effect that the bottom of the B operation page is automatically expanded and aligned with the bottom of the screen is achieved.
23 If the width size of the B operation page needs to be adjusted independently, the B operation page is set in the editing state, the width is adjusted by dragging, after the width is dragged, left alignment is continuously maintained, and a1=b1 alignment is not automatically maintained on the right side. And the width of the B operation page is automatically adjusted to be 10px times, so that visual arrangement alignment and attractive appearance are achieved. For example: recognizing the width b1=283 px after B operation page dragging, the automatic adjustment is made to b1=280 px.
Therefore, in the embodiment of the invention, a 'free screen' function mode of a vehicle screen is started, a front page displays a whole-screen gray-bottom blank area (a first operation area), a row of narrow floating windows (a second operation area) on the right side displays all afterloaded application programs APP in the vehicle, the application programs needing to be used can be freely selected, and starting icons of corresponding application programs in the second operation area can be manually dragged to the blank area. The operation page of the dragged application program can be adjusted in size, and after the required application program is dragged by the manual DIY, the residual space which is not set on the editing interface of the vehicle-mounted screen can automatically and adaptively display the original front-mounted system interface layout of the vehicle-mounted system (shown in fig. 6).
The foregoing description is only of the preferred embodiments of the present invention, and is not intended to limit the scope of the present invention.
Claims (16)
1. A method of displaying an application program, the method being applied to a terminal provided with a touch screen, the method comprising:
displaying an editing interface on the touch screen, wherein the editing interface comprises a first operation area and a second operation area, the area of the second operation area is smaller than that of the first operation area, and a plurality of starting icons of application programs to be operated are displayed in the second operation area;
receiving a first operation instruction acted on the starting icon by a user, responding to the first operation instruction, moving the application program from the second operation area to the first operation area, and displaying a first operation page of the application program in the first operation area;
receiving a second operation instruction acted on the first operation page by a user, and responding to the second operation instruction, and adjusting the page size of the first operation page.
2. The method of displaying an application according to claim 1, wherein when the application is moved from the second operation region to the first operation region in response to the first operation instruction, the method further comprises:
and adjusting the first operation page to be positioned at a preset area of the first operation area, and setting the first operation page to be in an editing state so as to respond to the second operation instruction in the editing state, and adjusting the page size of the first operation page.
3. The method of displaying an application program according to claim 2, wherein the step of adjusting the first operation page to be located at a predetermined area of the first operation area includes:
detecting and obtaining origin coordinates positioned on the boundary of the editing interface, and obtaining a preset boundary distance between the boundary of the first operation page and the boundary of the editing interface;
and determining first vertex coordinates of the first operation page according to the origin coordinates and the boundary distance, so as to adjust the first operation page to the position of the preset area based on the first vertex coordinates, wherein the first vertex coordinates are coordinate values of one vertex on the first operation page in the first operation area.
4. A method of displaying an application according to claim 3, wherein when the first operation page is set to an edit state, the method further comprises:
one or more editing buttons are arranged on a boundary line of the first operation page, and the editing buttons and the first vertex coordinates are not located on the same boundary line;
the step of receiving a second operation instruction acted on the first operation page by a user includes:
and receiving a second operation instruction acted on the editing button on the first operation page by a user, and dragging the editing button to adjust the page size of the first operation page under the condition that the first vertex coordinates are fixed in response to the second operation instruction.
5. A method of displaying an application according to claim 3, wherein the second operation instruction is an operation instruction to slide on the touch screen, and wherein the step of adjusting the page size of the first operation page in response to the second operation instruction comprises:
and determining a sliding track according to the second operation instruction so as to enlarge or reduce the page size of the first operation page based on the sliding track.
6. The method of displaying an application program according to claim 5, wherein after adjusting the page size of the first operation page in response to the second operation instruction, the method further comprises:
receiving a third operation instruction acting on an area other than the first operation page, and setting the first operation page in the editing state to a non-editing state in response to the third operation instruction, so that the page size of the first operation page cannot be adjusted when the first operation page is in the non-editing state.
7. The method of displaying an application program according to claim 6, wherein after setting the first operation page in the editing state to a non-editing state in response to the third operation instruction, the method further comprises:
receiving a fourth operation instruction acted on the first operation page by a user, and setting the first operation page to the editing state in response to the fourth operation instruction so as to adjust the page size of the first operation page in response to the second operation instruction in the editing state.
8. The method of displaying an application program according to claim 4, wherein after dragging the edit button to adjust the page size of the first operation page, the method further comprises:
and receiving the first operation instruction acted on the other starting icon by the user, responding to the first operation instruction, moving the other application program from the second operation area to the first operation area, and displaying a second operation page of the other application program in the first operation area.
9. The method of displaying an application according to claim 8, wherein after the first operation area displays a second operation page of another of the applications, the method further comprises:
detecting and obtaining the page size of the adjusted first operation page;
determining a second vertex coordinate of the second operation page according to the page size of the first operation page and the first vertex coordinate, wherein the second vertex coordinate is a coordinate value of one vertex on the second operation page in the first operation area;
and adjusting the second operation page to one side of the first operation page based on the second vertex coordinates.
10. The method of displaying an application according to claim 9, wherein after adjusting the second operation page to one side of the first operation page based on the second vertex coordinates, the method further comprises:
and fixing the second vertex coordinates, and adjusting third vertex coordinates of the second operation page based on the boundary distance, wherein the third vertex coordinates are coordinate values of another vertex on the second operation page in the first operation area.
11. The method of displaying an application according to claim 10, wherein after adjusting the third vertex coordinates of the second operation page, the method further comprises:
and determining and storing an interface layout of the application program in the first operation area according to the page size of the first operation page, the first vertex coordinates and the second vertex coordinates and the third vertex coordinates of the second operation page, and then automatically starting the application program in the first operation area based on the interface layout when the editing interface is displayed on the touch screen next time.
12. The method of displaying an application of claim 10, wherein the method further comprises:
and expanding or shrinking the numerical values of the page sizes of the first operation page and the second operation page to an integer which is a multiple of ten according to a rounded adjustment rule.
13. The method of displaying an application program according to claim 7, wherein the page size includes a height size and a width size, and in the adjusting of the page size of the first operation page in response to the second operation instruction in the editing state, the method further comprises:
detecting the height dimension and the width dimension, determining the dimension free proportion between the height dimension and the width dimension, and performing horizontal screen display or vertical screen display on the first operation page when the dimension free proportion reaches a preset proportion threshold value.
14. A terminal for executing the method of displaying an application program according to any one of claims 1 to 13.
15. A computer readable storage medium, characterized in that the computer readable storage medium comprises a stored program, wherein the program, when run, controls a device in which the computer readable storage medium is located to perform the method of any one of claims 1 to 13.
16. A processor for running a program, wherein the program when run performs the method of any one of claims 1 to 13.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310077278.8A CN116225280A (en) | 2023-02-03 | 2023-02-03 | Method, terminal, storage medium and processor for displaying application program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310077278.8A CN116225280A (en) | 2023-02-03 | 2023-02-03 | Method, terminal, storage medium and processor for displaying application program |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116225280A true CN116225280A (en) | 2023-06-06 |
Family
ID=86579958
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310077278.8A Pending CN116225280A (en) | 2023-02-03 | 2023-02-03 | Method, terminal, storage medium and processor for displaying application program |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116225280A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104238949A (en) * | 2014-10-12 | 2014-12-24 | 福州瑞芯微电子有限公司 | Split-screen displaying method and device |
| CN111090363A (en) * | 2018-10-24 | 2020-05-01 | 海能达通信股份有限公司 | Page interaction method and device |
| WO2021218493A1 (en) * | 2020-04-27 | 2021-11-04 | 华为技术有限公司 | Terminal control method and apparatus, and terminal device |
| WO2022068483A1 (en) * | 2020-09-30 | 2022-04-07 | 华为技术有限公司 | Application startup method and apparatus, and electronic device |
| CN114780193A (en) * | 2022-04-24 | 2022-07-22 | Oppo广东移动通信有限公司 | Toolbar display method, apparatus, electronic device and storage medium |
| CN115562771A (en) * | 2022-01-18 | 2023-01-03 | 荣耀终端有限公司 | Application window management method, electronic device and computer readable storage medium |
-
2023
- 2023-02-03 CN CN202310077278.8A patent/CN116225280A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104238949A (en) * | 2014-10-12 | 2014-12-24 | 福州瑞芯微电子有限公司 | Split-screen displaying method and device |
| CN111090363A (en) * | 2018-10-24 | 2020-05-01 | 海能达通信股份有限公司 | Page interaction method and device |
| WO2021218493A1 (en) * | 2020-04-27 | 2021-11-04 | 华为技术有限公司 | Terminal control method and apparatus, and terminal device |
| WO2022068483A1 (en) * | 2020-09-30 | 2022-04-07 | 华为技术有限公司 | Application startup method and apparatus, and electronic device |
| CN115562771A (en) * | 2022-01-18 | 2023-01-03 | 荣耀终端有限公司 | Application window management method, electronic device and computer readable storage medium |
| CN114780193A (en) * | 2022-04-24 | 2022-07-22 | Oppo广东移动通信有限公司 | Toolbar display method, apparatus, electronic device and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111273838B (en) | Moving method of suspended toolbar in touch display device and touch display device | |
| US9389746B2 (en) | Information processing apparatus and control method thereof, and computer program | |
| US5583981A (en) | Method and system for changing the size of edit controls on a graphical user interface | |
| US7770130B1 (en) | Non-distracting temporary visual clues for scrolling | |
| KR100209841B1 (en) | Visual enhancement method for display | |
| US20140310647A1 (en) | Method for controlling interface and terminal therefor | |
| US20060020903A1 (en) | Window split system and method | |
| EP3399399A1 (en) | Information processing apparatus | |
| US10409468B2 (en) | Value specification in a responsive interface control | |
| WO2009157560A1 (en) | User interface generation device | |
| US20150082211A1 (en) | Terminal and method for editing user interface | |
| US20230205391A1 (en) | Method and Apparatus for Controlling Icon Display, and Electronic Device | |
| US10204079B2 (en) | Method and apparatus for displaying an extended function information area | |
| KR20150014084A (en) | Device based on touch screen and method for controlling object thereof | |
| US20140289672A1 (en) | Graph display apparatus, graph display method and storage medium having stored thereon graph display program | |
| CN105892842A (en) | Screen touch method and device | |
| US20200167173A1 (en) | Application launching method and display device | |
| US20140049493A1 (en) | Information device, and computer-readable storage medium for computer program | |
| US20180173411A1 (en) | Display device, display method, and non-transitory computer readable recording medium | |
| CN116225280A (en) | Method, terminal, storage medium and processor for displaying application program | |
| KR100874044B1 (en) | Easy handwriting user interface system and method for pen-input display | |
| CN115202548A (en) | Voice operation guiding method and device for application function, computer equipment and medium | |
| KR20160053545A (en) | Method for inputting command editing object in word processor | |
| KR101832838B1 (en) | Apparatus and method for controlling display size in portable terminal | |
| KR20190068092A (en) | Web browser display apparatus and web browser display method |
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: 20230918 Address after: Zone B, No. 16 Industrial Avenue, Tanzhou Town, Zhongshan City, Guangdong Province, 528467 Applicant after: Zhongshan Eaststar Optoelectronics Technology Co.,Ltd. Address before: Building 12, No. 188 Xinsha Third Road, Tangjiawan Town, High tech Zone, Zhuhai City, Guangdong Province, 519085 Applicant before: Zhuhai Guangtong Intelligent Decoration Technology Co.,Ltd. |
|
| TA01 | Transfer of patent application right |