CN115826837A - User interface layout configuration method and device and mobile terminal - Google Patents
User interface layout configuration method and device and mobile terminal Download PDFInfo
- Publication number
- CN115826837A CN115826837A CN202211447139.1A CN202211447139A CN115826837A CN 115826837 A CN115826837 A CN 115826837A CN 202211447139 A CN202211447139 A CN 202211447139A CN 115826837 A CN115826837 A CN 115826837A
- Authority
- CN
- China
- Prior art keywords
- user interface
- quadrant
- touch screen
- touch
- event
- 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
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a user interface layout configuration method, a user interface layout configuration device and a mobile terminal. The user interface layout configuration method comprises the steps of receiving a touch event input by a user through a touch screen, and determining an occurrence area of the touch event on the touch screen; displaying a plurality of interface elements for executing a human-computer interaction function on the touch screen in a corresponding configuration mode based on an occurrence area of the touch event on the touch screen to form a user interface layout corresponding to the occurrence area. According to the user interface layout configuration method provided by the invention, users positioned at the left side and the right side of the touch display can easily realize the operation of the user interface within the arm touch range, the inconvenience caused by cross-screen operation is reduced, and the user interface operation speed and the user experience are improved.
Description
Technical Field
The invention relates to the technical field of mobile terminals, in particular to a user interface layout configuration method and device and a mobile terminal.
Background
With the rapid popularization and development of digital cabins in the automobile industry, a lot of use scenes and functions are derived from an HMI (Human Machine Interface) system of an intelligent digital cabin, and users of the HMI system are not limited to drivers. Some information entertainment functions's joining lets all passengers in the seat cabin of body department can both enjoy the convenient and experience that intelligent digitization brought.
In the digital cockpit, there is a CSD (Center System Display) between the main and the assistant drives, and an RSD (Rear System Display) between the Rear passengers. The users at the left and right different sides interact mainly by means of gesture operations such as point touch, sliding and the like in the touch control area of the display. The interaction hot areas of the users are different due to different positions of the users and different arm touch ranges. However, in the CSD or RSD, the user interface adopts a uniform fixed layout, so that the user interface cannot adapt to the arm touch ranges of different users on the left and right sides at the same time, a situation that the core function control or the commonly used function control is located on the opposite side of the arm touch range of the user in the display can occur, the user often needs to perform cross-screen operation to realize the operation on the control, the residence time of the user interface operation is increased, the speed of the user interface operation is reduced, and the use experience of the user is influenced. Therefore, there is a need to provide an improved technical solution to solve the problem that different users on the left and right sides experience inconsistency when using the same mobile terminal.
Disclosure of Invention
In view of the foregoing problems, an object of the present invention is to provide a method, an apparatus, and a mobile terminal for configuring a user interface layout, which help solve the problem that different users on the left and right sides experience inconsistency when using the same mobile terminal, reduce inconvenience caused by cross-screen operation, save the residence time of user interface operation, and improve the user interface operation speed and user experience.
The invention provides a user interface layout configuration method, which is used for a mobile terminal with a touch screen and comprises the following steps: receiving a touch event input by a user through the touch screen, and determining an occurrence area of the touch event on the touch screen; displaying a plurality of interface elements for executing a human-computer interaction function on the touch screen in a corresponding configuration mode based on an occurrence area of the touch event on the touch screen so as to form a user interface layout corresponding to the occurrence area.
Further, the displaying, in a corresponding configuration manner, a number of interface elements for performing a human-computer interaction function on the touch screen based on an occurrence area of the touch event on the touch screen to form a user interface layout corresponding to the occurrence area includes: dividing a touch area of the touch screen into a first quadrant, a second quadrant, a third quadrant and a fourth quadrant according to a rectangular coordinate system; displaying a number of interface elements on the touch screen in a first configuration to form a first user interface layout when the touch event has a region in the first quadrant and a fourth quadrant; displaying a number of interface elements on the touch screen in a second configuration to form a second user interface layout when the area of occurrence of the touch event is in the second quadrant and a third quadrant.
Further, the displaying, in a corresponding configuration manner, a plurality of interface elements for performing a human-computer interaction function on the touch screen based on an occurrence area of the touch event on the touch screen to form a user interface layout corresponding to the occurrence area further includes: when the occurrence area of the touch event is located on any dividing line of the first quadrant and the second quadrant, the second quadrant and the third quadrant, the third quadrant and the fourth quadrant, and the first quadrant and the fourth quadrant, displaying a plurality of interface elements on the touch screen in a first configuration mode to form a first user interface layout, or displaying a plurality of interface elements on the touch screen in a second configuration mode to form a second user interface layout.
Further, the interface element includes at least one of a title, a list, a button, and a selection box, and the first configuration and the second configuration include: and arranging the interface elements at corresponding positions in the first user interface layout and the second user interface layout according to the importance degree of the functions of the interface elements.
Further, the arrangement of the interface elements in the first user interface layout and the second user interface layout presents a mirror image relationship.
Further, the touch event comprises a click event, and the determining an occurrence area of the touch event on the touch screen comprises: and determining a quadrant area where the trigger point coordinate position of the click event is located as the occurrence area.
Further, the touch event further includes a slide event, and the determining an occurrence area of the touch event on the touch screen further includes: and determining a quadrant region where the first trigger point coordinate position of the sliding event is located as the occurrence region.
The present invention also provides a user interface layout configuration device residing in a mobile terminal having a touch screen, comprising: the interaction module is used for receiving a touch event input by a user; and the interface layout configuration module is used for determining an occurrence area of the touch event on the touch screen, and displaying a plurality of interface elements for executing a man-machine interaction function on the touch screen in a corresponding configuration mode based on the occurrence area of the touch event on the touch screen so as to form a user interface layout corresponding to the occurrence area.
Further, the interface layout configuration module is further configured to determine whether the touch event is a click event or a slide event, determine a quadrant region where a trigger point coordinate position of the click event is located as the occurrence region, and determine a quadrant region where a first trigger point coordinate position of the slide event is located as the occurrence region.
The invention also provides a mobile terminal comprising a processor for performing the processing of any of the steps of the method described above.
According to the user interface layout configuration method, device and mobile terminal provided by the invention, the occurrence area of the touch event on the touch screen is judged, and the user interface layout corresponding to the occurrence area is configured, so that users positioned at the left side and the right side of the touch display can easily realize the operation on the user interface within the arm touch range, the inconvenience caused by cross-screen operation is reduced, and the user interface operation speed and the user experience are improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained according to the drawings without inventive efforts.
FIG. 1 is a flow diagram illustrating a method for configuring a user interface layout in accordance with an embodiment of the present invention;
FIG. 2 is a schematic view illustrating quadrant division of a touch area of a touch screen according to an embodiment of the present disclosure;
FIGS. 3A and 3B illustrate a first user interface layout and a second user interface layout, respectively, in one embodiment of the invention;
FIG. 4 is a schematic diagram illustrating an implementation of a method for determining a touch event as a click event according to an embodiment of the present invention;
FIG. 5 is a schematic diagram illustrating an implementation of a method for generating a slide event according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of a user interface layout configuration apparatus according to an embodiment of the present invention.
Detailed Description
The foregoing and other aspects, features and advantages of the invention will be apparent from the following more particular description of preferred embodiments, as illustrated in the accompanying drawings. While the present invention has been described in connection with the preferred embodiments, it is to be understood that the invention is not limited to the disclosed embodiments, but is intended to cover various modifications, equivalent arrangements, and specific details within the scope of the appended claims. Like elements in the various figures are denoted by like reference numerals. For purposes of clarity, the various features in the drawings are not necessarily drawn to scale.
Fig. 1 shows a flowchart of a user interface layout configuration method in an embodiment of the present invention, where the user interface layout configuration method provided in this embodiment includes the following steps:
step S01: receiving a touch event input by a user through a touch screen;
specifically, the touch event includes, but is not limited to, various click events, sliding events, long-press events, and the like, and in this embodiment, since the touch data used is coordinates of the touch event, the long-press event may also be regarded as a click event, and an occurrence area of the touch event is determined by a coordinate position of the touch event.
Step S02: determining an occurrence area of a touch event on a touch screen;
step S03: displaying a plurality of interface elements for executing a human-computer interaction function on the touch screen in a corresponding configuration mode based on an occurrence area of the touch event on the touch screen to form a user interface layout corresponding to the occurrence area.
Specifically, a touch area of the touch screen is divided into a first quadrant, a second quadrant, a third quadrant and a fourth quadrant according to a rectangular coordinate system, as shown in fig. 2, which is a schematic diagram for dividing the touch area of the touch screen according to an embodiment of the present invention; displaying a plurality of interface elements on the touch screen in a first configuration mode to form a first user interface layout when the initial area of the touch event is positioned in a first quadrant and a fourth quadrant, namely the position coordinate x of the touch event is greater than 0; when the area of occurrence of the touch event is in the second quadrant and the third quadrant, i.e., the location coordinate x of the touch event is <0, a number of interface elements are displayed on the touch screen in a second configuration to form a second user interface layout. When the occurrence area of the touch event is located on any dividing line of the first quadrant and the second quadrant, the second quadrant and the third quadrant, the third quadrant and the fourth quadrant, and the first quadrant and the fourth quadrant, namely the position coordinate x =0 or y =0 of the touch event, displaying a plurality of interface elements on the touch screen in a first configuration mode to form a first user interface layout, or displaying a plurality of interface elements on the touch screen in a second configuration mode to form a second user interface layout.
In an embodiment of the present invention, the interface element at least includes one of a title, a list, a button, and a selection box, and the first configuration manner and the second configuration manner include: and arranging the interface elements at corresponding positions in the first user interface layout and the second user interface layout according to the importance degree of the functions of the interface elements. In some embodiments, the importance level of the interface element can be determined by counting the frequency of the interface element used by the user, and for some movable function buttons, the importance level and the arrangement position can be determined by the user according to the own use frequency or use habit.
In this embodiment of the present invention, the arrangement of the interface elements in the first user interface layout and the second user interface layout presents a mirror relationship, as shown in fig. 3A and 3B, which are schematic diagrams of the first user interface layout and the second user interface layout in an embodiment of the present invention.
In the embodiment of the present invention, when the touch event is a click event, a quadrant area where a trigger point coordinate position of the click event is located is determined as the occurrence area. For example, as shown in fig. 4, which is an implementation schematic diagram of a method in which a touch event is a click event in an embodiment of the present invention, in this embodiment, the user interface layout configuration method is applied to a user interface for video playing, when a media player is in a playing state, a video playing interface is as shown in fig. 4, when a user clicks an arbitrary position in a display area, a position coordinate of a trigger point when the user clicks on a touch screen is determined, a coordinate position of the trigger point is determined in a quadrant area in a rectangular coordinate system divided by the display area, and if the coordinate position of the trigger point is located in a second quadrant area or a third quadrant area, core interface elements in the displayed user interface are arranged in a left area of the user interface, so that a user located at the left side of the touch screen can operate function buttons on the touch screen conveniently; if the coordinate position of the trigger point is located in the first quadrant region or the fourth quadrant region, the core interface elements in the displayed user interface are arranged in the right side region of the user interface, so that a user located at the right side position of the touch screen can conveniently operate the function buttons on the touch screen; the inconvenience brought by the cross-screen operation of the user is reduced, the user positioned on the left side and the right side of the display can easily operate the function buttons within the arm touch range, and the optimal visual range and operation experience can be obtained.
In the embodiment of the present invention, when the touch event is a sliding event, a quadrant area where a first trigger point coordinate position of the sliding event is located is determined as the occurrence area. For example, as shown in fig. 5, an implementation schematic diagram of a method in which a touch event is a sliding event in an embodiment of the present invention is shown, in this embodiment, the user interface layout configuration method is applied to a user interface that needs to adjust volume or brightness, when the volume or the brightness needs to be adjusted, the user interface is as shown in fig. 5, when a user slides up and down at any position in a display area, a position coordinate of a first trigger point when the user slides on a touch screen is determined, a coordinate position of the first trigger point is determined in a quadrant area in a rectangular coordinate system divided by the display area, and if the coordinate position of the first trigger point is located in a second quadrant area or a third quadrant area, interface elements related to volume or brightness appearing in the user interface are arranged in a left area of the user interface, so that the user located at the left side of the touch screen can adjust the volume or the brightness conveniently; if the coordinate position of the first trigger point is located in the first quadrant region or the fourth quadrant region, interface elements appearing in the user interface are arranged in the right side region of the user interface, so that a user located at the right side position of the touch screen can adjust the volume or the brightness conveniently; the inconvenience caused by the cross-screen operation of the user is reduced, the volume or brightness of the user positioned on the left side and the right side of the display can be easily adjusted within the arm touch range, and the optimal visual range and the operation experience are obtained.
Fig. 6 is a schematic structural diagram of a user interface layout configuration apparatus according to an embodiment of the present invention. As shown in fig. 6, the apparatus 200 for configuring a user interface layout in this embodiment includes an interaction module 210 and an interface layout configuration module 220.
The interaction module 210 is configured to receive a touch event input by a user; the interface layout configuration module 220 is configured to determine an occurrence area of the touch event on the touch screen, and display a plurality of interface elements for executing a human-computer interaction function on the touch screen in a corresponding configuration manner based on the occurrence area of the touch event on the touch screen, so as to form a user interface layout corresponding to the occurrence area. The interface layout configuration module 220 is further configured to determine whether the touch event is a click event or a slide event, determine a quadrant region where a trigger point coordinate position of the click event is located as the occurrence region, and determine a quadrant region where a first trigger point coordinate position of the slide event is located as the occurrence region.
The invention also provides a mobile terminal comprising a processor for performing the steps of processing any of the above methods.
In summary, according to the user interface layout configuration method, the user interface layout configuration device and the mobile terminal provided by the invention, the user interface layout corresponding to the occurrence area is configured by judging the occurrence area of the touch event on the touch screen, so that users positioned at the left side and the right side of the touch display can easily realize the operation on the user interface within the arm touch range, the inconvenience caused by the screen-crossing operation is reduced, and the user interface operation speed and the user experience are improved.
In the description of the present invention, unless explicitly stated or limited otherwise, the terms "first," "second," "third," and the like are used merely to distinguish between similar elements and do not indicate or imply relative importance or a particular order. The terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, including not only those elements listed, but also other elements not expressly listed.
The above description is only for the specific embodiment of the present invention, but the scope of the present invention is not limited thereto, and any changes or substitutions that can be easily conceived by those skilled in the art within the technical scope of the present invention are included in the scope of the present invention. Therefore, the protection scope of the present invention should be subject to the appended claims.
Claims (10)
1. A user interface layout configuration method for a mobile terminal having a touch screen, the method comprising:
receiving a touch event input by a user through the touch screen, and determining an occurrence area of the touch event on the touch screen;
displaying a plurality of interface elements for executing a human-computer interaction function on the touch screen in a corresponding configuration mode based on an occurrence area of the touch event on the touch screen so as to form a user interface layout corresponding to the occurrence area.
2. The method according to claim 1, wherein displaying a plurality of interface elements for performing human-computer interaction functions on the touch screen in a corresponding configuration manner based on an occurrence area of the touch event on the touch screen to form a user interface layout corresponding to the occurrence area comprises:
dividing a touch area of the touch screen into a first quadrant, a second quadrant, a third quadrant and a fourth quadrant according to a rectangular coordinate system;
displaying a number of interface elements on the touch screen in a first configuration to form a first user interface layout when the touch event has a region in the first quadrant and a fourth quadrant;
displaying a number of interface elements on the touch screen in a second configuration to form a second user interface layout when the area of occurrence of the touch event is in the second quadrant and a third quadrant.
3. The method according to claim 2, wherein displaying a plurality of interface elements for performing human-computer interaction functions on the touch screen in a corresponding configuration manner based on an occurrence area of the touch event on the touch screen to form a user interface layout corresponding to the occurrence area further comprises:
when the occurrence area of the touch event is located on any one of the dividing lines of the first quadrant and the second quadrant, the second quadrant and the third quadrant, the third quadrant and the fourth quadrant, and the first quadrant and the fourth quadrant, displaying a plurality of interface elements on the touch screen in a first configuration mode to form a first user interface layout, or displaying a plurality of interface elements on the touch screen in a second configuration mode to form a second user interface layout.
4. The user interface layout configuration method according to claim 2 or 3, wherein the interface element includes at least one of a title, a list, a button, and a selection box, and the first configuration manner and the second configuration manner include: and arranging the interface elements at corresponding positions in the first user interface layout and the second user interface layout according to the importance degree of the functions of the interface elements.
5. The method of claim 4, wherein the arrangement of the interface elements in the first user interface layout and the second user interface layout is in a mirror relationship.
6. The user interface layout configuration method of claim 1 wherein the touch event comprises a click event, and wherein the determining the area of occurrence of the touch event on the touch screen comprises: and determining a quadrant area where the trigger point coordinate position of the click event is located as the occurrence area.
7. The method of claim 1, wherein the touch event further comprises a slide event, and wherein the determining the area of occurrence of the touch event on the touch screen further comprises: and determining a quadrant area where the first trigger point coordinate position of the sliding event is located as the occurrence area.
8. A user interface layout configuration apparatus residing in a mobile terminal having a touch screen, comprising:
the interaction module is used for receiving a touch event input by a user;
and the interface layout configuration module is used for determining an occurrence area of the touch event on the touch screen, and displaying a plurality of interface elements for executing a man-machine interaction function on the touch screen in a corresponding configuration mode based on the occurrence area of the touch event on the touch screen so as to form a user interface layout corresponding to the occurrence area.
9. The device according to claim 8, wherein the interface layout configuration module is further configured to determine whether the touch event is a click event or a slide event, determine a quadrant region where a trigger point coordinate position of the click event is located as the occurrence region, and determine a quadrant region where a first trigger point coordinate position of the slide event is located as the occurrence region.
10. A mobile terminal, characterized in that it comprises a processor for performing the method of processing any of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211447139.1A CN115826837A (en) | 2022-11-18 | 2022-11-18 | User interface layout configuration method and device and mobile terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211447139.1A CN115826837A (en) | 2022-11-18 | 2022-11-18 | User interface layout configuration method and device and mobile terminal |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115826837A true CN115826837A (en) | 2023-03-21 |
Family
ID=85529173
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211447139.1A Pending CN115826837A (en) | 2022-11-18 | 2022-11-18 | User interface layout configuration method and device and mobile terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115826837A (en) |
-
2022
- 2022-11-18 CN CN202211447139.1A patent/CN115826837A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| TWI514234B (en) | Method and apparatus for gesture recognition | |
| US8610678B2 (en) | Information processing apparatus and method for moving a displayed object between multiple displays | |
| JP3996852B2 (en) | Remote control with touchpad for highlighting preselected parts of displayed slides | |
| US9035883B2 (en) | Systems and methods for modifying virtual keyboards on a user interface | |
| CN102934067B (en) | Information processing system, operation input equipment, information processor, information processing method | |
| US6727924B1 (en) | Human-computer interface including efficient three-dimensional controls | |
| US20080164982A1 (en) | Integrated hardware and software user interface | |
| US20040014526A1 (en) | Interface arbitrator for allowing multiple devices to share physical input/output interfaces and other resources | |
| JPH10269022A (en) | Portable information processor with communication function | |
| CN108108042B (en) | Display device for vehicle and control method thereof | |
| EP2751646A1 (en) | Vehicle's interactive system | |
| KR102016650B1 (en) | Method and operating device for operating a device | |
| KR20130067110A (en) | Menu operation device and method in vehicles | |
| CN104423697A (en) | Display control device, display control method, and program | |
| EP2838002A1 (en) | Display device | |
| US20130201126A1 (en) | Input device | |
| JP2018010472A (en) | In-vehicle electronic equipment operation device and in-vehicle electronic equipment operation method | |
| CN115826837A (en) | User interface layout configuration method and device and mobile terminal | |
| JP2017197015A (en) | On-board information processing system | |
| US20160253088A1 (en) | Display control apparatus and display control method | |
| WO2017188098A1 (en) | Vehicle-mounted information processing system | |
| CN113467691B (en) | Interaction method, device and system based on vehicle-mounted display screen | |
| JP2003150317A (en) | Display device and display method thereof | |
| CN112764618A (en) | Interface operation method, device, equipment and storage medium | |
| CN105677139A (en) | Information processing system, information processing device, and information processing 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 |