Interface adjustment method and electronic device
By receiving the user's text style setting operation in an electronic device and automatically applying it to the icon, the problem of visual mismatch between text and icons is solved, and the interface consistency and display effect are improved.
Patent Information
- Application Number
- CN202210912455.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2022-07-30
- Publication Date
- 2025-01-03
- Estimated Expiration
- 2042-07-30
AI Technical Summary
When electronic devices adjust text styles, the text in the interface does not visually match the icons, reducing the consistency and display effect of the interface content.
Provides an interface adjustment method, by receiving user's text style setting operations, and automatically applies the corresponding text style to the icon when displaying other interfaces, ensuring that the text and icons visually match.
It achieves the ability to meet users' personalized text style needs while maintaining the consistency of interface content, thereby improving the display effect of electronic devices.
Smart Images

Figure CN117519859B_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of terminal display technology, and in particular to an interface adjustment method and an electronic device. Background Art
[0002] In order to meet the different needs of users for the text style (such as font size, font thickness, etc.) displayed by electronic devices, electronic devices provide users with the function of adjusting the text style. The electronic device can adjust the text style in response to the user triggering the operation of adjusting the text style. Secondly, the interface in the electronic device can also include icons in addition to text, and the icons used by the electronic device are usually visually matched with the default text style of the electronic device. If the electronic device adjusts the default text style, the text corresponding to the adjusted text style and the icon in the electronic device may not match visually. For example, the adjusted text with a thicker font and the icon with thinner lines in the electronic device do not match visually, the adjusted text with a larger font and the smaller interface icon in the electronic device do not match visually, and so on.
[0003] In summary, when an electronic device adjusts the text style, there will be a problem of visual mismatch between the text and icons in the interface, resulting in poor consistency of the interface content and reducing the display effect of the electronic device. Summary of the invention
[0004] The embodiments of the present application provide an interface adjustment method and an electronic device for solving the problem of visual mismatch between text and icons in an interface caused by adjustment of text style by an electronic device, thereby ensuring consistency of interface content while satisfying the user's personalized needs for text style.
[0005] To achieve the above objectives, the embodiments of the present application adopt the following technical solutions:
[0006] In a first aspect, an interface adjustment method is provided, which is applied to an electronic device, and the method may include: the electronic device may display a first interface of a first application (APP); the first interface is used to set the text style displayed by the electronic device. Then, the electronic device may receive a first operation of the user on the first interface, and the first operation is used to set the display style of the text and icons displayed by the electronic device to the first text style. After that, the electronic device receives a second operation input by the user, and the second operation is used to display a second interface of a second application. In response to the second operation, the electronic device may display a second interface of a second APP. The second interface may include: a first text corresponding to the first text style, and at least one first icon corresponding to the first text style.
[0007] The text style includes at least one of a font style, a font size, a font weight and a font style. The font style is used to indicate whether the font is italic.
[0008] It is understandable that the electronic device can provide the user with a function of setting the text style displayed by the electronic device in the first interface of the first application. For example, the user can set at least one of the font style, font size, font thickness and font style in the first interface. In this solution, the electronic device can receive a first operation of the user setting the text style, and the first text style set by the first operation not only acts on the text displayed by the electronic device, but also acts on the icon displayed by the electronic device. Afterwards, the electronic device can display the text and icon corresponding to the above-mentioned first text style in response to the operation (i.e., the second operation) of triggering the electronic device to display other interfaces (such as the second interface). The first text in the second interface and at least one first icon in the second interface are visually matched. In this way, the electronic device can solve the problem of visual mismatch between the text in the interface and the icon in the interface caused by the electronic device adjusting the text style. By adopting this solution, it is possible to achieve the consistency of the interface content while meeting the personalized needs of the user for the text style, thereby improving the display effect of the electronic device.
[0009] In combination with the first aspect, in a possible implementation, the first interface may include example text and example icons. The electronic device displays the first interface of the first APP, including: the electronic device displays the first interface including example text and example icons corresponding to the second text style. The method may also include: the electronic device displays the example text and example icons corresponding to the first text style on the first interface in response to the first operation. The first text style is different from the second text style.
[0010] It is understandable that, in response to the operation of triggering the display of the first interface of the first APP, the mobile phone can first generate the first interface according to the text style (i.e., the second text style) currently used by the first APP. The first interface generated according to the text style currently used by the first APP may include sample text and sample icons corresponding to the second text style. Then, the electronic device can receive and respond to the operation of adjusting the text style input by the user on the first interface each time, obtain the text style selected by the user on the first interface, and update the sample text and sample icons in the first interface according to the obtained text style selected by the user on the first interface. In other words, the sample text and sample icons in the first interface can change with the change of the text style selected by the user on the first interface each time.
[0011] Secondly, since the sample text and sample icons in the first interface change with the change of the text style selected by the user on the first interface each time, it can be known that the mobile phone can display the sample text corresponding to the text style selected by the user on the first interface at a certain time, and the sample icon corresponding to the text style selected by the user on the first interface this time on the first interface. In this way, the user can input the first operation to the mobile phone when the sample text in the first interface meets his or her usage needs and the sample icons in the first interface meet his or her usage needs. In response to the first operation, the mobile phone can determine that the text style selected by the user on the first interface this time is the first text style corresponding to the first operation, and the first text style is a text style that meets the user's needs. It can be further known that the text and icons in any interface except the first interface generated by the mobile phone based on the first text style meet the user's needs.
[0012] In conjunction with the first aspect, in another possible implementation, the first APP may be a setting APP of the electronic device, and the first interface is a font setting interface of the setting APP. In this case, the second APP is any APP in the electronic device, and the second interface is any interface in the electronic device except the font setting interface.
[0013] It is understandable that the font setting interface of the setting APP in the electronic device can be used to set the text style of any interface of any APP in the electronic device, except the font setting interface. Therefore, the electronic device responds to the first operation input on the font setting interface of the setting APP, determines the first text style corresponding to the first operation, and responds to the second operation of the user triggering the display of the second interface of any APP, and can generate the second interface of this APP according to the first text style. At this time, the second APP is any APP.
[0014] In combination with the first aspect, in another possible implementation, the first APP is a third-party APP of the electronic device, and the first interface is a font setting interface of the third-party APP. In this case, the second APP is the same APP as the first APP, and the second interface is any interface in the second APP except the font setting interface.
[0015] It is understandable that the font setting interface of any third-party APP in the electronic device can be used to set the text style of the interface in this third-party APP. Therefore, the electronic device responds to the first operation input on the font setting interface of this third-party APP, determines the first text style corresponding to the first operation, and responds to the user triggering the second operation of displaying any interface in this third-party APP except the font setting interface, and can generate this interface according to the first text style. At this time, the second APP is this third-party APP.
[0016] In combination with the first aspect, in another possible implementation, at least one first icon includes a linear icon and / or a line-surface combination icon, wherein a linear icon refers to an icon drawn by lines; and a line-surface combination icon refers to an icon drawn by lines and block patterns.
[0017] It is understandable that since the planar icons are composed of block patterns, and the block patterns are larger in area and more prominent in the interface than lines, the planar icons composed of block patterns can no longer be enlarged or bolded. In other words, the electronic device can display the planar icons according to the default icon parameters regardless of whether the text style used by the electronic device has changed.
[0018] In addition, for linear icons, the lines in the linear icons are similar to the strokes in the text. If the text style changes, it means that the strokes in the text change. If the lines in the linear icons also change with the text style, the lines in the linear icons and the strokes in the text can remain consistent and match visually. Therefore, the electronic device can adjust the linear icon as the text style used by the electronic device changes, so that the linear icon and the text are visually matched. Similarly, since the line-surface combination icon also includes lines, the electronic device can also adjust the line-surface combination icon as the text style used by the electronic device changes.
[0019] Furthermore, after determining the first text style corresponding to the first operation, the electronic device can, in response to the user triggering the second operation of displaying the second interface of the second APP, generate at least one first icon according to the first text style only for the linear icons and / or line-surface combined icons (i.e., at least one first icon in the second interface to be displayed) in the second interface to be displayed.
[0020] In combination with the first aspect, in another possible implementation, preconfigured icon data is stored in the second APP. The preconfigured icon data may include multiple icon data for each of the multiple second icons. The multiple icon data correspond one-to-one to the multiple icon parameters of the second icon. The icon parameter is used to indicate at least one of the icon style, icon size, icon line thickness, and icon style of the corresponding icon. The above-mentioned multiple second icons include the above-mentioned at least one first icon.
[0021] Furthermore, the above-mentioned electronic device responds to the second operation and displays the second interface, including: the electronic device first responds to the second operation and determines the first icon parameters corresponding to the first text style according to a preset matching relationship; the electronic device then obtains the icon data corresponding to the first icon parameters from the pre-configured icon data of at least one first icon in the second interface to be displayed; then, the electronic device draws and renders a screen of at least one first icon according to the obtained icon data; the electronic device also draws and renders a screen of the first text in the second interface to be displayed according to the first text style; finally, the electronic device generates and displays a second interface including the first text and at least one first icon.
[0022] The preset matching relationship is used to represent the corresponding relationship between the text style and the icon parameters.
[0023] In this design method, a specific implementation process of an electronic device generating a second interface of a second APP according to a first text style is described.
[0024] In combination with the first aspect, in another possible implementation manner, the preset matching relationship is configured in the second APP, or the preset matching relationship is configured in the operating system of the electronic device.
[0025] It is understandable that if the preset matching relationship is configured in the operating system of the electronic device, each system APP in the electronic device can use the preset matching relationship, and any third-party APP in the electronic device may not be able to use the preset matching relationship. For example, if the operating system of the electronic device before the upgrade does not include a preset matching relationship, and the operating system after the upgrade includes a preset matching relationship, the third-party APP downloaded when the electronic device uses the operating system before the upgrade cannot use the preset matching relationship, and the third-party APP downloaded when the electronic device uses the upgraded operating system can use the preset matching relationship.
[0026] If the preset matching relationship is configured in the second APP, no matter the second APP is downloaded when the electronic device uses any version of the operating system, the second APP can use the preset matching relationship in the second APP. In this way, the second APP can be unaffected by changes in the operating system of the electronic device and can use the preset matching relationship at any time to determine the first icon parameter corresponding to the first text style.
[0027] In combination with the first aspect, in another possible implementation, the text style may include a font thickness, and accordingly, the icon parameter may be used to indicate the thickness of the icon line. In this case, the preset matching relationship may include: multiple font thickness values, and the icon line thickness value corresponding to each font thickness value; wherein, the larger the font thickness value in the preset matching relationship, the larger the corresponding icon line thickness value.
[0028] In this implementation, an example of a preset matching relationship is described. The electronic device determines the first icon parameter corresponding to the first text style according to the preset matching relationship. A larger font thickness value in the preset matching relationship corresponds to a larger icon line thickness value, which ensures that the icon generated according to the first icon parameter and the text generated according to the first text style are visually matched.
[0029] In a second aspect, an electronic device is provided, the electronic device comprising: a processor, a memory, and a communication interface. The memory and the communication interface are coupled to the processor, the memory is used to store computer program code, and the computer program code includes computer instructions. When the processor executes the computer instructions, the electronic device executes the interface adjustment method described in any one of the first aspects.
[0030] In a third aspect, an electronic device is provided, the electronic device comprising: a processor, a memory and a communication interface. The memory and the communication interface are coupled to the processor, the memory is used to store computer program code, and the computer program code includes computer instructions. When the processor executes the computer instructions, the electronic device performs the following steps: displaying a first interface of a first application; wherein the first interface is used to set the text style displayed by the electronic device, the text style includes at least one of a font style, a font size, a font weight and a font style, and the font style is used to indicate whether the font is italic; receiving a first operation input by a user on the first interface, the first operation is used to set the display style of the text and icons displayed by the electronic device to a first text style; receiving a second operation input by the user, the second operation is used to display a second interface of a second application; in response to the second operation, displaying a second interface; wherein the second interface includes: a first text corresponding to the first text style, and at least one first icon corresponding to the first text style.
[0031] In conjunction with the third aspect, in a possible implementation, the first interface includes sample text and sample icons. The first interface displaying the first application includes: displaying the first interface including sample text and sample icons corresponding to the second text style. The method further includes: in response to the first operation, displaying sample text and sample icons corresponding to the first text style on the first interface. The first text style is different from the second text style.
[0032] In conjunction with the third aspect, in another possible implementation, the first application is a setting application of the electronic device, and the first interface is a font setting interface of the setting application. The second application is any application in the electronic device, and the second interface is any interface in the electronic device except the font setting interface.
[0033] In conjunction with the third aspect, in another possible implementation, the first application is a third-party application of the electronic device, the first interface is a font setting interface of the third-party application, the second application is the same application as the first application, and the second interface is any interface in the second application except the font setting interface.
[0034] In conjunction with the third aspect, in another possible implementation, the at least one first icon includes a linear icon and / or a line-surface combination icon. A linear icon refers to an icon drawn with lines; a line-surface combination icon refers to an icon drawn with lines and block patterns.
[0035] In combination with the third aspect, in another possible implementation, the second application stores preconfigured icon data, the preconfigured icon data includes multiple icon data of each second icon in multiple second icons, and the multiple icon data correspond to multiple icon parameters of the second icons one by one; the icon parameter is used to indicate at least one of the icon style, icon size, icon line thickness and icon style of the corresponding icon; the multiple second icons include at least one first icon. The above-mentioned display of the second interface in response to the second operation input by the user includes: in response to the second operation, determining the first icon parameter corresponding to the first text style according to a preset matching relationship; wherein the preset matching relationship is used to characterize the correspondence between the text style and the icon parameter; obtaining the icon data corresponding to the first icon parameter from the icon data of at least one first icon in the second interface to be displayed from the preconfigured icon data; drawing and rendering a screen of at least one first icon according to the obtained icon data; drawing and rendering a screen of the first text in the second interface to be displayed according to the first text style; generating and displaying a second interface including the first text and at least one first icon.
[0036] In combination with the third aspect, in another possible implementation manner, the preset matching relationship is configured in the second application, or the preset matching relationship is configured in the operating system of the electronic device.
[0037] In conjunction with the third aspect, in another possible implementation, the text style includes font thickness, and the icon parameter is used to indicate the thickness of the icon line. The preset matching relationship includes: multiple font thickness values, and the icon line thickness value corresponding to each font thickness value; wherein, the larger the font thickness value in the preset matching relationship, the larger the corresponding icon line thickness value.
[0038] In a fourth aspect, a computer-readable storage medium is provided, wherein computer instructions are stored in the computer-readable storage medium. When the computer instructions are executed on an electronic device, the electronic device executes the interface adjustment method described in any one of the first aspects.
[0039] In a fifth aspect, a computer program product including computer instructions is provided. When the computer instructions are executed on an electronic device, the electronic device executes the interface adjustment method as described in any one of the above-mentioned first aspects.
[0040] Among them, the technical effects brought about by any design method in the second to fifth aspects can refer to the technical effects brought about by different design methods in the first aspect, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS
[0041] Figure 1 This is a schematic diagram of the interface before and after the mobile phone adjusts the text style in the related technology;
[0042] Figure 2 A schematic diagram of an interface generated by a mobile phone according to an adjusted text style provided in an embodiment of the present application;
[0043] Figure 3 A software structure diagram of a mobile phone provided in an embodiment of the present application;
[0044] Figure 4 A schematic diagram of a font setting interface provided in an embodiment of the present application;
[0045] Figure 5 A process of an interface adjustment method provided in an embodiment of the present application Figure 1 ;
[0046] Figure 6 A schematic diagram of another font setting interface provided in an embodiment of the present application;
[0047] Figure 7 A schematic diagram of the interface before and after the text style is adjusted on a mobile phone provided in an embodiment of the present application;
[0048] Figure 8 A schematic diagram of pre-configured icon data provided in an embodiment of the present application;
[0049] Fig. 9 A flow chart of a method for a mobile phone to determine icon parameters corresponding to a text style provided in an embodiment of the present application;
[0050] Fig.10 A process of an interface adjustment method provided in an embodiment of the present application Figure 2 ;
[0051] Fig.11 A schematic diagram of the structure of a mobile phone provided in an embodiment of the present application. DETAILED DESCRIPTION
[0052] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.
[0053] In the following, the terms "first" and "second" are used for descriptive purposes only and are not to be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features. In the description of this application, unless otherwise specified, "plurality" means two or more.
[0054] At present, electronic devices are set to generate interfaces using default text styles and default icon parameters when leaving the factory, and provide users with a function to adjust the text style. Users can use the function to adjust the text style to trigger the electronic device to obtain the adjusted text style and generate an interface in the electronic device according to the adjusted text style.
[0055] The text corresponding to the default text style and the icon corresponding to the default icon parameter are usually visually matched. Since the electronic device adjusts the text style in any interface according to the adjusted text style, and the icon in the interface remains unchanged, the text generated according to the adjusted text style in the interface may not visually match the icon in the interface.
[0056] For example, for any interface in the mobile phone, the mobile phone uses the default text style and default icon parameters to generate Figure 1 The mobile phone can also obtain the adjusted text style, in which the font is bold. The mobile phone uses the adjusted text style to generate the following Figure 1 Interface 120 shown in (b) in FIG. Compared with interface 110, the text in interface 120 is in bold font, and the icons in interface 120 remain unchanged. It can be seen that the text and icons in interface 110 are visually matched. The thinner icons in interface 120 do not visually match the text in interface 120 in bold font.
[0057] In summary, when the electronic device in the related art adjusts the text style, there will be a problem of visual mismatch between the text in the interface and the icons in the interface, resulting in poor consistency of the interface content and reducing the display effect of the electronic device.
[0058] In response to the above problems, an embodiment of the present application provides an interface adjustment method, after the electronic device receives a first operation of setting a text style by a user, the first text style set by the first operation not only acts on the text displayed by the electronic device, but also acts on the icon displayed by the electronic device. Afterwards, the electronic device can display text and icons corresponding to the above-mentioned first text style in response to a second operation that triggers the electronic device to display other interfaces (such as a second interface). The first text in the second interface and at least one first icon in the second interface are visually matched. In this way, the electronic device can solve the problem of visual mismatch between the text in the interface and the icons in the interface caused by the electronic device adjusting the text style. By adopting this solution, it is possible to meet the user's personalized needs for text style while ensuring the consistency of interface content, thereby improving the display effect of the electronic device.
[0059] For example, for the above Figure 1 In the interface 110 shown in (a), the mobile phone adopts the interface adjustment method provided in the embodiment of the present application, and can generate the text style after the adjustment. Figure 2 The interface 210 shown. The font of the text in the interface 210 is bolded, and the lines of the icons in the interface 210 are also bolded. It can be seen that the text in the interface 210 and the icons in the interface 210 are visually matched. Of course, Figure 2 Only by bolding the icon lines, an effect of the method provided by the embodiment of the present application is shown. In the method provided by the embodiment of the present application, the text style set by the user, such as at least one of the font style, font size, font weight and font style, can be applied to the icon. For example, the electronic device can not only Figure 2 As shown, the thickness of the icon is set according to the thickness of the font set by the user; the size of the icon can also be set according to the size of the font set by the user, and whether the icon is tilted can be set according to whether the font set by the user is italic.
[0060] The interface adjustment method provided in the embodiment of the present application can be applied to electronic devices such as mobile phones, tablet computers, laptop computers, ultra-mobile personal computers (UMPCs), handheld computers, netbooks, wearable electronic devices, etc., and the embodiment of the present application does not impose any restrictions on this. The following takes a mobile phone as an example to introduce the interface adjustment method provided in the embodiment of the present application.
[0061] For example, taking a mobile phone as an example, the software structure diagram of the mobile phone provided in the embodiment of the present application is introduced. Figure 3 As shown, the software system of the mobile phone can be a layered architecture Android TMThe layered architecture divides the software into several layers, each with a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, Android TM The system is divided into four layers, from top to bottom: application layer, application framework layer (Android TM Framework), system runtime library (Native), hardware abstraction layer (HAL), kernel layer (Linux Kernel), and hardware.
[0062] 1. Application layer
[0063] The application layer can include a series of apps. This series of apps can be divided into system apps that come with the phone and third-party apps that users download to the phone. For example, Figure 3 As shown, the system APP may include a contact APP, a setting APP, etc.; the third-party APP may include: a **chat APP, etc.
[0064] The setting APP may include a text adjustment module, which is used to set the text style displayed on the mobile phone.
[0065] For example, the mobile phone can generate and display the font setting interface 410 in response to the user triggering the operation of displaying the font setting interface by setting the text adjustment module in the APP. Figure 4 As shown, the font setting interface 410 may include a slider 411 and a slider 412. The user may select a font size value through the slider 411 and a font thickness value through the slider 412. After the user selects the text style, the user may input an operation to trigger closing the font setting interface 410 into the mobile phone. Then, the text adjustment module in the mobile phone may receive and respond to the user's operation to trigger closing the font setting interface 410, and determine the adjusted text style. The adjusted text style may include the font size value and the font thickness value selected by the user on the font setting interface 410. The mobile phone may adjust the interface text of the mobile phone according to the adjusted text style.
[0066] In the embodiment of the present application, each APP in the mobile phone that has a need to adjust the icon (such as, Figure 3The **chat APP shown) can store preconfigured icon data, which may include multiple icon data for each of the multiple icons in the APP. Among them, the multiple icon data of each icon corresponds one-to-one to the multiple icon parameters of each icon. The icon parameters can be used to indicate at least one of the icon style, icon size, icon line thickness and icon style of the corresponding icon. The icon style can refer to the style of the icon, for example, cute, abstract, realistic. The icon size can be the size of the icon. The icon style can be used to indicate whether the icon is italic.
[0067] 2. Application framework layer
[0068] The application framework layer provides an application programming interface (API) and programming framework for the APP in the application layer. The application framework layer includes some predefined functions.
[0069] For example, Figure 3 As shown, the application framework layer may include an input system, a text style distribution module, etc. Among them, the input system is used to monitor the input module of the mobile phone (such as a touch screen driver), and convert the parameters input by the input module into usable events, and pass them to the relevant modules of the upper layer. For example, the input system is used to monitor the touch screen of the mobile phone through the touch screen driver, and convert the touch parameters generated by the touch operation input by the touch screen into usable events, and pass them to the upper layer APP.
[0070] The text style distribution module can be used to receive the text style sent by the text adjustment module in the setting APP, and then distribute the received text style to the APP in the mobile phone that needs to adjust the font (such as the APP running in the foreground of the mobile phone, or all APPs in the mobile phone).
[0071] In the embodiment of the present application, the application framework layer in the mobile phone may further include an icon adjustment module (Icon AdjustDrawable module).
[0072] It should be noted that the above icon adjustment module can be integrated into the APP of the mobile phone. Figure 3 As shown, the **chat APP includes an icon adjustment module. Alternatively, the icon adjustment module can also be set in the mobile phone (such as the application framework layer of the mobile phone), but is not integrated in the mobile phone APP (such as the **chat APP); the APP in the mobile phone (such as the **chat APP) can call the icon adjustment module in the application framework layer of the mobile phone. This embodiment of the application is not limited to this.
[0073] Among them, whether it is the icon adjustment module in the application framework layer of the mobile phone or the icon adjustment module in any APP, it is used to determine the icon parameters corresponding to the adjusted text style according to the preset matching relationship. The preset matching relationship is used to characterize the correspondence between the text style and the icon parameters.
[0074] The icon adjustment module in any APP can be designed by the developer of the APP using an AAR (Android Archive) package with the functions provided by the icon adjustment module. The AAR package can refer to a binary archive file that provides a function of determining icon parameters corresponding to the adjusted text style according to a preset matching relationship. The AAR package can be provided to an APP running on an Android TM APP usage in the operating system.
[0075] It is understandable that if the icon adjustment module is configured in the application framework layer of the mobile phone, each system APP in the mobile phone can call it, but not necessarily any third-party APP in the mobile phone can call it. For example, the application framework layer in the operating system before the upgrade of the mobile phone does not include the icon adjustment module, and the application framework layer in the upgraded operating system includes the icon adjustment module. Then, the third-party APP downloaded when the mobile phone uses the operating system before the upgrade cannot call the icon adjustment module, but the third-party APP downloaded when the mobile phone uses the upgraded operating system can call the icon adjustment module.
[0076] If the icon adjustment module is configured in any third-party APP, then no matter the third-party APP is downloaded when the mobile phone uses any version of the operating system, the third-party APP can use the icon address module in the third-party APP. In this way, the third-party APP can be unaffected by changes in the mobile phone's operating system and can use the functions provided by the icon adjustment module at any time.
[0077] 3. System runtime library (Native)
[0078] The system runtime (Native) includes the Android runtime (Android TM The Android runtime is responsible for scheduling and managing the Android system. The system library can include multiple functional modules, such as Figure 3The user interface (UI) framework and display frame shown in the figure. Among them, the UI framework may include a UI thread and a rendering thread (such as DrawFrame). The UI thread is used to draw one or more screens in any interface. The rendering thread is used to render the one or more screens to obtain the rendered screens. The synthesis thread in the Display framework synthesizes the rendered screens to obtain the interface.
[0079] 4. Kernel layer
[0080] The kernel layer is the layer between hardware and software. The kernel layer contains at least touch screen driver, display driver, etc.
[0081] Among them, after the synthesis thread in the Display framework synthesizes the APP interface, the display driver can drive the touch screen to display the APP interface.
[0082] 5. Hardware
[0083] The hardware at least includes a touch screen, etc.
[0084] Furthermore, combined with Figure 3 The software structure diagram of the mobile phone provided in the embodiment of the present application is shown, which introduces the software processing process of the mobile phone adjustment interface provided in the embodiment of the present application.
[0085] In the embodiment of the present application, the software processing process of the mobile phone adjusting the interface may include the following steps A1-A13. Step A1: The input system in the mobile phone can generate a first event corresponding to the operation of triggering the mobile phone to adjust the text style in response to the user input on the touch screen (such as the first operation described in the embodiment of the present application) and send the first event to the setting APP. Step A2: The setting APP obtains the adjusted text style (such as the first text style described in the embodiment of the present application) through the text adjustment module in response to the first event. Step A3: The text adjustment module can notify the text style distribution module of the adjusted text style. Step A4: The input system in the mobile phone can generate a second event corresponding to the operation of triggering the display of any interface of the ** chat APP in response to the user triggering the operation of any interface of the ** chat APP (i.e., the second APP described in the embodiment of the present application) (such as the second operation described in the embodiment of the present application) and send the second event to the ** chat APP. Step A5: The ** chat APP starts running in response to the second event. Step A6: The text style distribution module can send the adjusted text style to the ** chat APP when the ** chat APP starts running. Step A7: The **chat APP can determine the icon parameters corresponding to the adjusted text style according to the preset matching relationship through the icon adjustment module in the **chat APP. Step A8: The **chat APP can obtain the icon data corresponding to the determined icon parameters from the pre-configured icon data of the **chat APP. Step A9: The **chat APP can send the adjusted text style and the icon data corresponding to the adjusted text style to the UI framework. Step A10: The UI framework draws and renders the text and icons in the interface to be displayed according to the adjusted text style and the icon data corresponding to the adjusted text style to obtain the rendered picture. Step A11: The synthesis thread in the Display framework synthesizes the rendered picture to obtain this interface. Step A12: The synthesis thread in the Display framework can send the synthesized interface to the display driver. Step A13: The display driver drives the touch screen to display the synthesized interface (i.e., the second interface described in the embodiment of the present application).
[0086] The interface obtained in step A11 includes: text corresponding to the adjusted text style, and icons corresponding to the icon parameters determined in step A7. The icon parameters determined in step A7 are the icon parameters corresponding to the adjusted text style, so it can be known that the icon corresponding to the icon parameters determined in step A7 is the icon corresponding to the adjusted text style.
[0087] For example, continue to combine Figure 3The software structure diagram of the mobile phone shown in FIG. 1 is used to introduce the interface adjustment method provided by the embodiment of the present application by taking the icon adjustment module integrated in the second APP (such as a **chat APP) and the preset matching relationship configured in the icon adjustment module as an example. Specifically, Figure 5 As shown, the method may include S501-S511.
[0088] S501 . In response to a user triggering an operation to display a font setting interface of a setting APP, the mobile phone displays a font setting interface through a touch screen.
[0089] The mobile phone can receive and respond to the user's operation of triggering the display of the font setting interface (i.e., the first operation), generate a font setting interface according to the current text style, and display the font setting interface through the touch screen. The font setting interface is used to set the text style displayed by the mobile phone. Then, the text adjustment module in the mobile phone can receive and respond to each user's operation of adjusting the text style input on the font setting interface (e.g., the user's Figure 6 The user can slide the slider 611 to Figure 6 The user may perform a sliding operation on the slider 612 as shown in the figure), obtain the text style selected by the user in the font setting interface (e.g., the font size value indicated by the slider 611, the font thickness value indicated by the slider 612), and then update the font setting interface according to the text style selected by the user in the font setting interface.
[0090] The current text style may be the text style currently used by the settings APP in the mobile phone, or the text style currently used by the mobile phone. The font setting interface is the first interface. The current text style (i.e., the text style before the mobile phone responds to the first operation setting) is the second text style. The text style after the user sets is the first text style.
[0091] In some embodiments, the font setting interface may include sample text. In response to the user triggering the operation of displaying the font setting interface, the mobile phone displays the font setting interface including sample text corresponding to the current text style. For example, the font setting interface may be as follows: Figure 4 The font setting interface 410 in the setting APP shown includes sample text 413 corresponding to the current text style. The current text style may include: a font size value indicated by a slider 411 and a font thickness value indicated by a slider 412.
[0092] In some other embodiments, the font setting interface may include sample icons in addition to sample text. In response to the user triggering the operation of displaying the font setting interface, the mobile phone displays the font setting interface including sample text and sample icons corresponding to the current text style. Among them, setting the pre-configured icon data of the APP may include setting multiple icon data corresponding to multiple icon parameters for each sample icon in the APP.
[0093] Exemplarily, the font setting interface may be as follows: Figure 6 The font setting interface 610 in the settings APP shown. The font setting interface 610 may include: a slider 611, a slider 612, sample text 613 and a sample icon 614. Among them, the slider 611 is used to set the font size value, and the slider 612 is used to set the font thickness value. The sample text 613 is the text generated according to the current text style. The sample icon 614 is an icon generated according to the icon parameters corresponding to the current text style. The icon parameters corresponding to the current text style belong to the above-mentioned multiple icon parameters. The current text style may include: the font size value indicated by the slider 611, and the font thickness value indicated by the slider 612.
[0094] It is understandable that when the electronic device displays the font setting interface, it can receive and respond to the user's operation of adjusting the text style input on the font setting interface each time, obtain the text style selected by the user on the font setting interface, and update the sample text and sample icon in the font setting interface according to the obtained text style selected by the user on the font setting interface. In other words, the sample text and sample icon in the font setting interface can change with the change of the text style selected by the user on the first interface each time.
[0095] Exemplarily, taking the example of a font setting interface including sample text and sample icons, the specific process of a mobile phone generating a font setting interface including sample text and sample icons corresponding to the current text style is described. The input system in the mobile phone can generate an event corresponding to the operation of triggering the display of the font setting interface in response to the user's operation of triggering the display of the font setting interface of the setting APP, and send the event corresponding to the operation of triggering the display of the font setting interface to the setting APP. The setting APP responds to the event corresponding to the operation of triggering the display of the font setting interface, starts running, and sends the text style currently used by the mobile phone to the UI framework. The UI framework draws and renders the text screen in the font setting interface to be displayed according to the currently used text style; it can also draw and render the icon screen in the font setting interface to be displayed. The synthesis thread in the Display framework synthesizes the rendered screen (including the text screen and the icon screen in the font setting interface) to obtain the font setting interface. The synthesis thread in the Display framework can send the font setting interface to the display driver. The display driver drives the touch screen to display the font setting interface.
[0096] In an embodiment of the present application, the text adjustment module in the mobile phone responds to the operation of adjusting the text style input by the user on the font setting interface each time, and after obtaining the text style selected by the user in the font setting interface, in addition to updating the sample text and sample icons in the font setting interface according to the text style selected by the user in the font setting interface, the text style currently used by the mobile phone can also be directly updated using the text style selected by the user in the font setting interface.
[0097] Alternatively, after the mobile phone obtains the text style selected by the user in the font setting interface, it can also receive a first operation input by the user in the font setting interface, and in response to the first operation, the text style currently used by the mobile phone is updated using the text style selected by the user in the font setting interface. At this time, the text style selected by the user in the font setting interface obtained by the mobile phone can be called text style 1 corresponding to the first operation (i.e., the adjusted text style, such as the first text style).
[0098] It should be noted that, in the embodiment of the present application, the following method provided in the embodiment of the present application is illustrated by taking the example of a mobile phone responding to a first operation and updating the text style currently used by the mobile phone (i.e., the second text style) by using the text style selected by the user in the font setting interface.
[0099] In addition, generally speaking, the settings APP in the mobile phone is used to set the text style currently used by the mobile phone. Therefore, the above describes that the mobile phone responds to the first operation, and updates the text style currently used by the mobile phone using the text style selected by the user in the font setting interface. However, if the settings APP in the mobile phone is set to set the text style currently used by the settings APP, the mobile phone responds to the first operation, using the text style selected by the user in the font setting interface, to update the text style currently used by the settings APP, instead of updating the text style currently used by the mobile phone. In the embodiment of the present application, the setting APP is used to set the text style currently used by the mobile phone as an example to illustrate the following method provided in the embodiment of the present application.
[0100] In the embodiment of the present application, the text style may include at least one of the font style, font size, font weight and font style. The font style may be any running script calligraphy (e.g., Songti, Kaishu, Xingshu, etc.), or any self-created font (e.g., cute font, font with Chinese style, handwritten font, etc.). The font style is used to indicate whether the font is italic.
[0101] Exemplarily, taking the example that the text style includes a font thickness value, the range of the font thickness value in the first interface may include from 0.6 to 1.6, and the minimum adjustment unit of the font thickness value is 0.1. Among them, the value "1" is the default font thickness value of the mobile phone, which is used to represent the default font thickness of the mobile phone. The font thickness represented by the value "0.6" is 0.6 times thicker than the default font thickness of the mobile phone. The font thickness represented by the value "1.6" is 1.6 times thicker than the default font thickness of the mobile phone.
[0102] It should be noted that the details of the current text style can refer to the above detailed introduction to the text style, and the embodiments of the present application will not be repeated here.
[0103] S502: A text adjustment module in a mobile phone determines a text style 1 corresponding to a first operation of a user on a font setting interface in response to the first operation of the user.
[0104] After the mobile phone obtains the text style selected by the user in the font setting interface, it receives and responds to the first operation, and can determine that the text style selected by the user in the font setting interface is the text style 1 corresponding to the first operation, and save the text style 1. Then, the text adjustment module in the mobile phone can use the text style 1 to update the text style currently used by the mobile phone, that is, execute S503. Among them, the first operation can be used to trigger the mobile phone to use the text style selected by the user in the font setting interface (that is, the first text style) to update the text style currently used by the mobile phone (that is, the second text style).
[0105] For example, the first operation may be an operation that triggers closing the font setting interface. For example, the first operation may be a user triggering closing of the font setting interface. Figure 4 The operation of the font setting interface 410 is shown.
[0106] Alternatively, the font setting interface may include a first option (such as Figure 6 The first option 615 in the font setting interface 610 shown in the figure is used to trigger the mobile phone to update the text style currently used by the mobile phone using the text style selected by the user in the font setting interface. The first operation may refer to the user clicking on the first option.
[0107] S503: The text adjustment module in the mobile phone sends text style change information to the text style distribution module; the text style change information includes text style one.
[0108] The text style distribution module in the mobile phone can send interface information to the text adjustment module in advance, and the interface information is used to indicate the interface provided by the text style distribution module. Furthermore, after determining the text style 1, the text adjustment module can send the text style change information to the interface indicated by the interface information. Then, the text style distribution module can receive the text style change information from the interface.
[0109] It should be noted that, in addition to the notification method described in S503 in which the text adjustment module transmits the text style one to the text style distribution module, other notification methods may be used to transmit the text style one to the text style distribution module. For example, after determining the text style one, the text adjustment module may update a target database, which is used to store text styles. The text style distribution module may monitor the target database. When the text adjustment module updates the text style in the target database to text style one, the text style distribution module may obtain the text style one.
[0110] For example, in the case of Android TM In a mobile phone with an operating system, the text style distribution module can be implemented through the activity management server (AMS, Activity Manger Service) in the mobile phone. Among them, AMS is used to control each process of the APP in the mobile phone, ensuring that the mobile phone operating system can reasonably schedule and run different APPs.
[0111] S504: The mobile phone runs a second APP in response to a second operation input by the user.
[0112] The mobile phone receives and responds to the second operation, starts running the second APP, and triggers the second APP to generate a second interface. The second operation is used to trigger the mobile phone to display the second interface in the second APP (such as a **chat APP). The second APP can be any application in the mobile phone (such as the setting APP, or any third-party APP), and the second interface can be any interface in the mobile phone except the font setting interface.
[0113] In the embodiment of the present application, when the first operation is an operation to trigger closing the font setting interface, the second operation can be the same operation as the first operation, or the second operation can be an operation different from the first operation. When the first operation is a user clicking on the first option in the font setting interface, the second operation can be an operation different from the first operation.
[0114] S505. When the mobile phone starts to run the second APP, the text style distribution module in the mobile phone sends text style 1 to the second APP.
[0115] The text style distribution module can send the text style 1 to the second APP running on the mobile phone when the mobile phone starts to run the second APP, that is, when the second APP becomes the foreground running state.
[0116] Exemplarily, the AMS in the mobile phone can send a first instruction to the Activity Record in the mobile phone when the mobile phone starts to run the second APP in the foreground. The first instruction is used to trigger the regeneration of the second interface of the second APP. The first instruction may include text style 1. Then, ActivityRecord can send an instruction to trigger the restart of the second APP to the main thread Activity Thread of the second APP through a cross-process. The main thread Activity Thread of the second APP responds to the instruction to trigger the restart of the second APP and executes S506-S508.
[0117] It should be noted that, in addition to the mobile phone described in S505 responding to the second operation of triggering the running of the second APP and sending the text style 1 to the second APP, the mobile phone can also send the text style 1 directly to all APPs (including the second APP) in the mobile phone that have the need to adjust the icon after determining the text style 1. The APP in the mobile phone that has the need to adjust the icon can refer to the APP in the mobile phone that stores the pre-configured icon data. The embodiment of the present application does not limit the timing of the mobile phone sending the text style 1 to the second APP.
[0118] Furthermore, if the mobile phone sends the text style one directly to all APPs (including the second APP) in the mobile phone that need to adjust the icon after determining the text style one, and then the mobile phone receives and responds to the second operation of triggering the running of the second APP, the second APP in the mobile phone can directly generate the second interface in the second APP according to the text style one.
[0119] In the embodiment of the present application, for the text (which may be referred to as the first text) in the second interface to be displayed, the second APP in the mobile phone may directly generate the first text in the second interface to be displayed according to the text style 1. For at least one first icon in the second interface to be displayed, the mobile phone needs to first determine the first icon parameter corresponding to the text style 1 corresponding to the first operation according to the preset matching relationship; and then generate at least one first icon in the second interface to be displayed according to the first icon parameter.
[0120] The preset matching relationship is used to represent the corresponding relationship between the text style and the icon parameters.
[0121] In some embodiments, the text style may include font thickness, and the icon parameter may be used to indicate the thickness of the icon line. Furthermore, the preset matching relationship may include: multiple font thickness values, and the icon line thickness value corresponding to each font thickness value. The larger the font thickness value in the preset matching relationship, the larger the corresponding icon line thickness value.
[0122] Exemplarily, the preset matching relationship includes: a first icon thickness value corresponding to a range of first font thickness values (e.g., [0.6, 0.8)), a second icon thickness value corresponding to a range of second font thickness values (e.g., [0.8, 1.2)), and a third icon thickness value corresponding to a range of third font thickness values (e.g., [1.2, 1.6)). Among them, the range of font thickness values represented by [0.6, 0.8) is from 0.6 to 0.8, excluding 0.8. The range of font thickness values represented by [0.8, 1.2) is from 0.8 to 1.2, excluding 1.2. The range of font thickness values represented by [1.2, 1.6) is from 1.2 to 1.6, excluding 1.6.
[0123] In the embodiment of the present application, the preset matching relationship can be configured in each APP in the mobile phone that stores the pre-configured icon data. For example, the preset matching relationship can be configured in the second APP (such as Figure 3 In the icon adjustment module in the **chat APP shown in the figure). Or, it is configured in the operating system of the mobile phone. For example, the preset matching relationship can be configured in the icon adjustment module in the application framework layer of the mobile phone (not shown in the figure).
[0124] In this embodiment, the preset matching relationship is configured in the icon adjustment module in the second APP as an example. After the second APP in the mobile phone obtains the text style 1 corresponding to the first operation, the icon adjustment module in the second APP can determine the first icon parameter corresponding to the text style 1 according to the text style 1 and the preset matching relationship. Figure 5 As shown, after S505, the mobile phone may execute S506.
[0125] S506. Determine, through the icon adjustment module in the second APP, a first icon parameter corresponding to the text style one according to the text style one and a preset matching relationship.
[0126] Exemplarily, taking the case where the text style 1 includes a font weight value X, and the preset matching relationship includes a first icon weight value corresponding to a first font weight value range (i.e., [0.6, 0.8)), a second icon weight value corresponding to a second font weight value range (i.e., [0.8, 1.2)), and a third icon weight value corresponding to a third font weight value range (i.e., [1.2, 1.6)) as an example, the process of the icon adjustment module determining the first icon data corresponding to the text style 1 is introduced. Fig. 9 As shown, the icon adjustment module first obtains text style 1. Then, the icon adjustment module determines whether X is less than 0.8. If X is less than 0.8, the icon adjustment module determines that the first icon parameter includes a first icon thickness value. If X is greater than or equal to 0.8, the icon adjustment module determines whether X is less than 1.2. If X is less than 1.2, the icon adjustment module determines that the first icon parameter includes a second icon thickness value. If X is greater than or equal to 1.2, the icon adjustment module determines that the first icon parameter includes a third icon thickness value.
[0127] In other embodiments, the preset matching relationship can be configured in the icon adjustment module in the application framework layer of the mobile phone. In this embodiment, after the second APP in the mobile phone obtains the text style one corresponding to the first operation, it can send the text style one to the icon adjustment module in the mobile phone; the icon adjustment module in the mobile phone can determine the first icon parameter corresponding to the text style one according to the text style one and the preset matching relationship. Specifically, the mobile phone can execute S506a-S506c. S506a: The second APP sends the text style one to the icon adjustment module in the mobile phone. Among them, in the process of generating the second interface, the second APP can first send the text style one to the icon adjustment module in the mobile phone to obtain the first icon parameter corresponding to the text style one. S506b: The icon adjustment module in the mobile phone determines the first icon parameter corresponding to the text style one according to the text style one and the preset matching relationship. S506c: The icon adjustment module in the mobile phone sends the first icon parameter to the second APP. Among them, the method for determining the first icon parameter in S506b is similar to the method for determining the first icon parameter in S506, and the embodiment of this application is not repeated here.
[0128] S507: The second APP obtains, according to the first icon parameter, icon data of at least one first icon in the second APP to be displayed, corresponding to the first icon parameter, from pre-configured icon data of the second APP.
[0129] Exemplarily, when the font thickness value X in the text style 1 is greater than 1.2, the first icon parameter includes a third icon thickness value. At this time, the second APP can obtain the icon data corresponding to the third icon thickness value of each first icon in the at least one first icon from the pre-configured icon data of the second APP.
[0130] In the embodiment of the present application, the icons in any interface can be divided into linear icons, planar icons and line-planar combination icons. Among them, linear icons can refer to icons drawn by lines, for example, Figure 2 Icons 211 to 216 are shown. Figure 7 The icons 723 and 724 shown in (b) of FIG. 1 are icons drawn with block patterns (eg, block patterns filled with colors), for example, Figure 7 The icons 722 and 725 shown in (b) of FIG. 7 are icons that are drawn with lines and block patterns. For example, Figure 7 Icon 721, icon 726 and icon 727 shown in (b) in FIG.
[0131] It is understandable that since the planar icons are composed of block patterns, and the block patterns are larger in area and more prominent in the interface than lines, the planar icons composed of block patterns can no longer be enlarged or bolded. In other words, the mobile phone can display the planar icons according to the default icon parameters regardless of whether the text style used by the mobile phone has changed.
[0132] In addition, for linear icons, the lines in linear icons are similar to the strokes in text. If the text style changes, it means that the strokes in the text change. If the lines in the linear icon also change with the text style, the lines in the linear icon and the strokes in the text can remain consistent and match visually. Therefore, the mobile phone can adjust the linear icon as the text style used by the mobile phone changes, so that the linear icon and the text are visually matched. Similarly, since the line-surface combination icon also includes lines, the mobile phone can also adjust the line-surface combination icon as the text style used by the mobile phone changes.
[0133] In some embodiments, after the mobile phone determines the text style 1 corresponding to the first operation in response to the first operation, in response to the second operation, the text in the second interface (which may be referred to as the first text corresponding to the text style 1) and at least one first icon in the second interface (which may be referred to as the at least one first icon corresponding to the text style 1) may be generated according to the text style 1; other icons in the second interface other than the at least one first icon may also be generated according to the default text style of the mobile phone (which may be referred to as other icons corresponding to the default text style of the mobile phone). The mobile phone then generates a second interface consisting of the first text corresponding to the text style 1, the at least one first icon corresponding to the text style 1, and other icons corresponding to the default text style of the mobile phone.
[0134] The at least one first icon in the second interface may include a linear icon and / or a line-surface combination icon. The other icons in the second interface except the at least one first icon may be surface icons.
[0135] In other embodiments, in response to the second operation, the mobile phone can generate a second interface including first text corresponding to text style one and at least one first icon corresponding to text style one when all icons in the second interface to be displayed include only at least one first icon.
[0136] Alternatively, in response to the second operation, the mobile phone can generate a second interface including first text corresponding to text style one, at least one first icon corresponding to the default text style of the mobile phone, and other icons corresponding to the default text style of the mobile phone, when all icons in the second interface to be displayed include at least one first icon and other icons except the at least one first icon.
[0137] In an embodiment of the present application, preconfigured icon data may be saved in the second APP. The preconfigured icon data in the second APP may include multiple icon data for each second icon in multiple second icons. The multiple icon data of each second icon corresponds one-to-one to the multiple icon parameters of this second icon. Each icon parameter is used to indicate at least one of the icon style, icon size, icon line thickness, and icon style of the corresponding icon. Among them, at least one first icon belongs to multiple second icons.
[0138] Optionally, the preconfigured icon data in the second APP may also include icon data corresponding to the default icon parameters of the mobile phone for each of the multiple third icons. The icon data corresponding to the default icon parameters of the mobile phone for each third icon is also icon data corresponding to the default text style of the mobile phone. Among them, the other icons in the above-mentioned second interface except for at least one first icon belong to multiple third icons.
[0139] For example, if the second APP is running on Android TM For an APP in the operating system, the pre-configured icon data of the second APP can be saved in the drawable Drawable abstract class.
[0140] Among them, multiple icon parameters of different icons can be the same. For example, taking the example that the icon parameters include the thickness of the icon line, the multiple icon parameters of each icon can include a first icon thickness value, a second icon thickness value, and a third icon thickness value. Among them, the first icon thickness value is less than the second icon thickness value, and the second icon thickness value is less than the third icon thickness value. The icon thickness value is used to indicate the thickness of the icon line. Continuing with the example of a phone icon in the second APP, such as Figure 8 As shown, the preconfigured icon data of the second APP may include: a phone icon corresponding to the first icon thickness value, a phone icon corresponding to the second icon thickness value, and a phone icon corresponding to the third icon thickness value.
[0141] S508. The second APP sends text style 1 and the acquired icon data to the UI framework.
[0142] The second APP can send the text style 1 to the UI thread corresponding to the text in the second interface in the UI frame, and send the acquired icon data to the UI thread corresponding to the icon in the second interface.
[0143] S509. The UI framework draws and renders a picture of the first text in the second interface to be displayed according to text style 1; and also draws and renders a picture of at least one first icon in the second interface to be displayed according to the acquired icon data.
[0144] The UI thread corresponding to the text in the UI frame can draw the initial screen of the first text according to the text style 1; the rendering thread corresponding to the text in the UI frame then renders the initial screen of the first text to obtain the screen of the first text. At the same time, the UI thread corresponding to the icon in the UI frame can draw the initial screen of at least one first icon according to the obtained icon data; the rendering thread corresponding to the icon in the UI frame then renders the initial screen of at least one first icon after drawing to obtain the screen of at least one first icon.
[0145] S510: The UI framework sends the rendered image to the Display framework.
[0146] The rendered screen may include a screen of the first text and a screen of at least one first icon.
[0147] S511. The synthesis thread in the Display framework synthesizes the rendered image to obtain a second interface.
[0148] After the synthesis thread in the display framework obtains the second interface, it can send the second interface to the display driver. The display driver drives the touch screen to display the second interface. The second interface includes: a first text corresponding to the text style one, and at least one first icon corresponding to the text style one.
[0149] It should be noted that, in addition to the first text and at least one first icon, the second interface to be displayed may also include other interface content, such as a status bar, a message prompt box, and at least one third icon. In this case, the UI framework in the mobile phone may include, in addition to the UI thread and rendering thread corresponding to the text, and the UI thread and rendering thread corresponding to the icon, the UI thread and rendering thread corresponding to other interface content. In the case where the UI framework in the mobile phone includes UI threads and rendering threads corresponding to other interface content, the above-mentioned rendered screen may also include screens of other interface content. At this time, the second interface obtained by synthesizing the rendered screen by the synthesis thread may also include other interface content. Figure 5 In the example, a UI framework only draws and renders a screen of a first text and a screen of at least one first icon to illustrate the specific process of the interface adjustment method.
[0150] For example, Figure 6 Taking the font setting interface 610 of the settings APP as an example, after the mobile phone determines that the text style selected by the user in the font setting interface 610 is the text style 1 corresponding to the first operation, it receives and responds to the user triggering the operation of displaying the new contact interface in the contact APP of the mobile phone, and can generate a new contact interface according to the text style 1. Figure 2The interface 210 shown in FIG. 1 may include: a font size value indicated by a slider 611 and a font thickness value indicated by a slider 612. The font size value indicated by the slider 611 is equal to the default font size value of the mobile phone. The font thickness value indicated by the slider 612 is greater than the default font thickness value of the mobile phone. At this time, the text in the interface 210 generated by the mobile phone according to the text style 1 is bolded, and the lines of the icons in the interface 210 are also bolded.
[0151] For example, after the mobile phone determines that the text style selected by the user in the font setting interface 610 is the text style 1 corresponding to the first operation (including the font size value indicated by the slider 611 and the font thickness value indicated by the slider 612), in response to the user triggering the operation of displaying the setting main interface of the setting APP, the setting main interface 720 can be generated according to the text style 1. Figure 7 The main setting interface 710 shown in (a) of FIG. 7 is generated according to the default text style of the mobile phone, as shown in FIG. Figure 7 The text in the setting main interface 720 shown in (b) is bolded, and the lines of icons 721, 723, 724, 726 and 727 in the setting main interface 720 are bolded.
[0152] In the embodiment of the present application, in addition to setting the text style displayed on the mobile phone through the font setting interface in the setting APP of the mobile phone, the user can also set the text style displayed by the third-party APP through the font setting interface in any third-party APP in the mobile phone. Among them, whether it is the font setting interface in the setting APP or the font setting interface in the third-party APP, it can be called the first interface of the first APP in the mobile phone. The following takes the first interface as an example to introduce the interface adjustment method provided in the embodiment of the present application.
[0153] Please refer to Fig.10 , the interface adjustment method provided in the embodiment of the present application can be S1001-S1004.
[0154] S1001. The mobile phone displays a first interface of a first APP; the first interface is used to set a text style displayed on the mobile phone.
[0155] The mobile phone can receive and respond to the user's operation of triggering the display of the first interface (such as the font setting interface in the setting APP), and display the first interface according to the current text style. Among them, the current text style can be the text style currently used by the first APP in the mobile phone, or the text style currently used by the mobile phone. The mobile phone can receive and respond to the user's operation of adjusting the text style input on the first interface each time, and update the first interface according to the text style selected by the user in the first interface.
[0156] Then, after the mobile phone obtains the text style selected by the user in the first interface, it can directly use the obtained text style selected by the user in the first interface to update the text style currently used by the first APP or the text style currently used by the mobile phone.
[0157] Alternatively, after the mobile phone obtains the text style selected by the user in the first interface, it can also receive a first operation input by the user in the first interface; the mobile phone then responds to the first operation, determines that the text style selected by the user in the first interface is text style one corresponding to the first operation, and uses text style one to update the text style currently used by the first APP or the text style currently used by the mobile phone.
[0158] The text style currently used by the first APP and the text style currently used by the mobile phone may be the same or different. For example, if the first APP is a system APP in the mobile phone, the text style currently used by the first APP and the text style currently used by the mobile phone may be the same. If the first APP is a third-party APP in the mobile phone, the text style currently used by the first APP and the text style currently used by the mobile phone may be the same or different.
[0159] It should be noted that after the mobile phone displays the first interface and before receiving the operation of adjusting the text style input by the user on the first interface, the current text style is the same as the text style indicated by the first interface. Then, after the mobile phone receives the operation of adjusting the text style input by the user on the first interface, the text style selected by the user in the first interface may be the same as or different from the current text style.
[0160] In addition, in the embodiment of the present application, the following method provided in the embodiment of the present application is illustrated by taking the example that the mobile phone responds to the first operation and uses the text style selected by the user in the first interface to update the text style currently used by the first APP or the text style currently used by the mobile phone.
[0161] The text style currently used by the system APP in the mobile phone can be the same as the text style currently used by the mobile phone. The text style currently used by any third-party APP in the mobile phone can be the same as or different from the text style currently used by the mobile phone.
[0162] In the embodiment of the present application, the first APP may be a setting APP in the mobile phone, and the first interface is the font setting interface of the setting APP. Alternatively, the first APP may be a third-party APP in the mobile phone, and the first interface is the font setting interface of the third-party APP.
[0163] If the first interface is a font setting interface of a setting APP in a mobile phone, the first interface can be used to set the text style of any interface of any APP in the mobile phone except the font setting interface. At this time, the mobile phone can use the text style 1 to update the text style currently used by the mobile phone in response to the first operation.
[0164] If the first interface is a font setting interface of a third-party APP in the mobile phone, the first interface can be used to set the text style of any interface in the third-party APP except the font setting interface. At this time, the mobile phone can use the text style 1 to update the text style currently used by the first APP in response to the first operation.
[0165] In the embodiment of the present application, the first interface may include example text, for example, Figure 4 The font setting interface 410 in the settings APP is shown. Alternatively, the first interface may include example icons in addition to the example text, for example, Figure 6 The font setting interface 610 is shown.
[0166] It is understandable that when the electronic device displays the first interface, it can receive and respond to the operation of adjusting the text style input by the user on the first interface each time, obtain the text style selected by the user on the first interface, and update the sample text and sample icon in the first interface according to the obtained text style selected by the user on the first interface. In other words, the sample text and sample icon in the first interface can change with the change of the text style selected by the user on the first interface each time.
[0167] It should be noted that the specific process of the first APP in the mobile phone updating the sample text and sample icon in the first interface according to the text style selected by the user in the first interface each time can refer to the above Figure 5 A detailed introduction about the second APP in the mobile phone generating the first text and at least one first icon in the second interface according to the text style corresponding to the first operation. Among them, the pre-configured icon data of the first APP may include multiple icon data for each example icon in the first interface, and the details of the multiple icon data for each example icon can refer to the detailed introduction of the multiple icon data for each second icon in the second interface. The embodiments of this application are not repeated here.
[0168] S1002. The mobile phone receives a first operation input by a user on a first interface, where the first operation is used to set a display style of text and icons displayed on the mobile phone to text style one.
[0169] When the mobile phone displays the first interface, the first operation can be received. Then, in response to the first operation, the mobile phone can determine that the text style selected by the user on the first interface is the text style 1 (i.e., the first text style) corresponding to the first operation, and save the text style 1.
[0170] For details of the first operation, reference may be made to the detailed introduction of the first operation in S502 above.
[0171] In some embodiments, since the example text and example icons in the first interface change with the change of the text style selected by the user on the first interface each time, it can be seen that before the mobile phone responds to the first operation and determines the text style corresponding to the first operation, it first displays the example text corresponding to the text style selected by the user on the first interface at any time, and the example icon corresponding to the text style selected by the user this time on the first interface on the first interface.
[0172] Among them, the example icon corresponding to the text style selected by the user on the first interface this time is an icon generated by the mobile phone according to the icon parameters corresponding to the text style selected by the user on the first interface this time.
[0173] It is understandable that, since the sample text and sample icons in the first interface change with the change of the text style selected by the user on the first interface each time, it can be known that the mobile phone can display the sample text corresponding to the text style selected by the user on the first interface at a certain time, and the sample icon corresponding to the text style selected by the user on the first interface this time on the first interface. In this way, the user can input the first operation to the mobile phone when the sample text in the first interface meets his own usage needs and the sample icon in the first interface meets his own usage needs. In response to the first operation, the mobile phone can determine that the text style selected by the user on the first interface this time is the text style one corresponding to the first operation, and the text style one is the text style that meets the user's needs. It can be further known that the text and icons in any interface except the first interface generated by the mobile phone according to the text style one meet the user's needs.
[0174] S1003. The mobile phone receives a second operation input by the user, where the second operation is used to display a second interface of a second APP.
[0175] S1004: In response to the second operation, the mobile phone displays a second interface, wherein the second interface includes: a first text corresponding to the text style one, and at least one first icon corresponding to the text style one.
[0176] After the mobile phone determines the text style 1 corresponding to the first operation in response to the first operation, it can generate the second interface of the second APP according to the text style 1 in response to the second operation and display the second interface. The second operation can trigger the mobile phone to display the second interface of the second APP.
[0177] For details of the second operation, reference may be made to the detailed introduction of the second operation in S504 above.
[0178] In the embodiment of the present application, if the first interface is the font setting interface of the setting APP in the mobile phone, the second APP can be any application in the mobile phone (such as the setting APP, or any third-party APP), and the second interface can be any interface in the mobile phone except the font setting interface. If the first interface is the font setting interface of a third-party APP in the mobile phone, the second APP and the first APP can be the same APP, the second APP and the first APP are both the third-party APP, and the second interface can be any interface in the second APP except the font setting interface.
[0179] It is understandable that the font setting interface of the setting APP in the mobile phone can be used to set the text style of any interface of any APP in the mobile phone except the font setting interface. Therefore, in response to the first operation input on the font setting interface of the setting APP, after determining the text style 1 corresponding to the first operation, in response to the second operation triggered by the user to display the second interface of any APP, the second interface of the APP can be generated according to the text style 1.
[0180] Secondly, the font setting interface of any third-party APP in the mobile phone can be used to set the text style of the interface in the third-party APP. Therefore, in response to the first operation input on the font setting interface of the third-party APP, the mobile phone determines the text style 1 corresponding to the first operation, and in response to the user triggering the operation of displaying any interface in the third-party APP except the font setting interface, the interface can be generated according to the text style 1.
[0181] In the embodiment of the present application, all APPs in the mobile phone that store pre-configured icon data belong to APPs that need to adjust icons. For each APP that needs to adjust icons, after determining the text style 1 corresponding to the first operation, the mobile phone can send the text style 1 to each APP that needs to adjust icons, so that when the mobile phone triggers the operation of any APP that needs to adjust icons, the APP that needs to adjust icons can generate an interface including an icon corresponding to the text style 1.
[0182] In some embodiments, after the mobile phone determines the text style 1 corresponding to the first operation, it may not send the text style 1 to the APP in the mobile phone first. Then, the mobile phone can receive and respond to the operation of triggering the running of any APP in the mobile phone, and send the text style 1 to this APP. In other words, when the mobile phone starts to run any APP in the foreground, the text style 1 is sent to this APP. For example, in response to the second operation of triggering the running of the second APP, the mobile phone can send the text style 1 to the second APP; the second APP in the mobile phone can then generate the second interface in the second APP according to the text style 1.
[0183] In other embodiments, after the mobile phone determines the text style 1, it can directly send the text style 1 to all apps in the mobile phone that have icon adjustment requirements (i.e., apps in the mobile phone that store pre-configured icon data). Among them, the apps in the mobile phone that store pre-configured icon data can include a second app. Then, in response to the second operation of triggering the running of the second app, the second app in the mobile phone can directly generate the second interface in the second app according to the text style 1.
[0184] It should be noted that, when the mobile phone determines the text style selected by the user in the first interface each time, it does not need to send it to other APPs except the first APP.
[0185] In some embodiments, in response to the second operation, the mobile phone can directly draw and render the screen of the first text in the second interface to be displayed according to the text style one. At the same time, the mobile phone can first determine the first icon parameter corresponding to the text style one according to the preset matching relationship; the mobile phone then obtains the icon data corresponding to the first icon parameter from the icon data of at least one first icon in the second interface to be displayed from the preconfigured icon data; then, the mobile phone can draw and render the screen of at least one first icon according to the obtained icon data. Finally, the mobile phone can generate and display the second interface including the first text and at least one first icon based on the screen of the first text and the screen of at least one first icon.
[0186] It is understandable that the above-mentioned electronic device (such as mobile phone) includes hardware structures and / or software modules corresponding to the execution of each function in order to realize the above-mentioned functions. Those skilled in the art should be easily aware that, in conjunction with the units and algorithm steps of each example described in the embodiments disclosed herein, the embodiments of the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but this implementation should not be considered to exceed the scope of the embodiments of the present application.
[0187] For example, Fig.11 The hardware structure diagram of a mobile phone provided in the embodiment of the present application is shown in FIG. Fig.11 As shown, the mobile phone may include a processor 1110, an external memory interface 1120, an internal memory 1121, a sensor module 1130, a display screen 1140, etc. Among them, the sensor module 1130 may include a touch sensor 1130A, etc.
[0188] The processor 1110 may be configured to execute each function or step performed by the mobile phone in the above method embodiment.
[0189] The processor 1110 may also be provided with a memory for storing instructions and data, for example, storing text style 1 corresponding to the first operation. In some embodiments, the memory in the processor 1110 is a cache memory. The memory may store instructions or data that the processor 1110 has just used or cyclically used. If the processor 1110 needs to use the instruction or data again, it may be directly called from the memory. Repeated access is avoided, the waiting time of the processor 1110 is reduced, and the efficiency of the system is improved.
[0190] The external memory interface 1120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the mobile phone. The external memory card communicates with the processor 1120 through the external memory interface 1120 to realize the data storage function. The internal memory 1120 can be used to store computer executable program codes, and the executable program codes include instructions. The processor 1120 executes the various functions or steps performed by the mobile phone in the above method embodiment by running the instructions stored in the internal memory 1120. The internal memory 1121 may include a program storage area and a data storage area. Among them, the program storage area may store an operating system, at least one APP required for a function (such as a font adjustment function), etc. The data storage area may store data created during the use of the mobile phone (such as a default text style, the first text style, the preset matching relationship, etc.), etc. In addition, the internal memory 1121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.
[0191] The display screen 1140 is used to display an interface, etc. The display screen 1140 includes a display panel. The display panel can be a liquid crystal display (LCD), a light-emitting diode (LED), an organic light-emitting diode (OLED), etc.
[0192] Among them, if the display screen 1140 in the embodiment of the present application is integrated with the touch sensor 1130A, the display screen 1140 can be called a touch screen. The touch sensor 1130A can also be called a "touch panel". That is, the display screen 1140 may include a display panel and a touch panel. The touch sensor 1130A is used to detect a touch operation acting on or near it. After the touch sensor 1130B detects a touch operation (such as the first operation mentioned above, the second operation mentioned above), it can trigger the driver of the kernel layer of the mobile phone to periodically scan the touch parameters generated by the touch operation. Then, the driver of the kernel layer passes the touch parameters to the relevant modules of the upper layer, so that the relevant modules can determine the touch events corresponding to the touch parameters. In the embodiment of the present application, the specific process of the above-mentioned interface adjustment method is described by taking the display screen 1140 as a display screen (i.e., a touch screen) integrated with a touch sensor as an example.
[0193] It is to be understood that the structure illustrated in this embodiment does not constitute a specific limitation on the mobile phone. In other embodiments, the mobile phone may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.
[0194] The embodiment of the present application also provides an electronic device, which includes: a processor, a memory and a communication interface; the memory and the communication interface are coupled to the processor, and the memory is used to store computer program codes, and the computer program codes include computer instructions. When the processor executes the computer instructions, the electronic device executes the various functions or steps executed by the mobile phone in the above method embodiment.
[0195] The embodiment of the present application also provides a computer-readable storage medium, in which computer instructions are stored. When the computer instructions are executed on an electronic device, the electronic device executes each function or step executed by the mobile phone in the above method embodiment.
[0196] For example, the computer readable storage medium may be a read-only memory (ROM), a random access memory (RAM), a compact disc (CD-ROM), a magnetic tape, a floppy disk, an optical data storage device, and the like.
[0197] An embodiment of the present application also provides a computer program product including computer instructions. When the computer instructions are executed on an electronic device, the electronic device executes each function or step executed by the mobile phone in the above method embodiment; or, when the computer instructions are executed on a Bluetooth headset, the Bluetooth headset executes each function or step executed by the Bluetooth headset in the above method embodiment.
[0198] Among them, the electronic device, computer-readable storage medium or computer program product provided in the embodiments of the present application are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding methods provided above, and will not be repeated here.
[0199] Through the description of the above implementation methods, technicians in the relevant field can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned functions can be assigned to different functional modules as needed, that is, the internal structure of the device (such as an electronic device) is divided into different functional modules to complete all or part of the functions described above. The specific working process of the system, device (such as an electronic device) and unit described above can refer to the corresponding process in the aforementioned method embodiment, and will not be repeated here.
[0200] In the several embodiments provided in the present application, it should be understood that the disclosed systems, devices (such as electronic devices) and methods can be implemented in other ways. For example, the device (such as electronic devices) embodiments described above are only schematic. For example, the division of the modules or units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be an indirect coupling or communication connection through some interfaces, devices or units, which can be electrical, mechanical or other forms.
[0201] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
[0202] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.
[0203] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application can be essentially or partly embodied in the form of a software product that contributes to the prior art, or all or part of the technical solution. The computer software product is stored in a storage medium, including several instructions for a computer device (which can be a personal computer, server, or network device, etc.) or a processor to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: flash memory, mobile hard disk, read-only memory, random access memory, disk or optical disk, and other media that can store program codes.
[0204] The above is only a specific implementation of the present application, but the protection scope of the present application is not limited thereto. Any person skilled in the art who is familiar with the present technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.
Claims
1. An interface adjustment method, characterized in that: Applied to electronic equipment, the method comprises: Displaying a first interface of a first application, comprising: displaying the first interface including sample text and sample icons corresponding to a second text style; wherein the first interface is used to set a text style displayed by the electronic device, the text style including at least one of a font style, a font size, a font weight, and a font style, and the font style is used to indicate whether the font is italic; receiving a first operation input by a user on the first interface, the first operation being used to set a display style of text and icons displayed on the electronic device to a first text style; receiving a second operation input by a user, the second operation being used to display a second interface of a second application; the first text style is different from the second text style; In response to the second operation, the second interface is displayed; wherein the second interface includes: first text corresponding to the first text style, and at least one first icon corresponding to the first text style, and the first text and the first icon are visually matched.
2. The method according to claim 1, characterized in that The method further comprises: In response to the first operation, the example text and the example icon corresponding to the first text style are displayed on the first interface.
3. The method according to claim 1 or 2, characterized in that: The first application is a setting application of the electronic device, and the first interface is a font setting interface of the setting application; The second application is any application in the electronic device, and the second interface is any interface in the electronic device except the font setting interface.
4. The method according to claim 1 or 2, characterized in that: The first application is a third-party application of the electronic device, and the first interface is a font setting interface of the third-party application; The second application is the same application as the first application, and the second interface is any interface in the second application except the font setting interface.
5. The method according to claim 1, characterized in that The at least one first icon comprises a linear icon and / or a line-surface combination icon; Among them, the linear icon refers to an icon drawn by lines; the line-surface combination icon refers to an icon drawn by lines and block patterns.
6. The method according to claim 1, characterized in that Preconfigured icon data is stored in the second application, the preconfigured icon data includes a plurality of icon data of each second icon in a plurality of second icons, the plurality of icon data corresponds one-to-one to a plurality of icon parameters of the second icon; The icon parameter is used to indicate at least one of the icon style, icon size, icon line thickness and icon style of the corresponding icon; The plurality of second icons include the at least one first icon; The displaying the second interface in response to the second operation includes: In response to the second operation, determining a first icon parameter corresponding to the first text style according to a preset matching relationship; wherein the preset matching relationship is used to characterize a corresponding relationship between a text style and an icon parameter; From the pre-configured icon data, obtain icon data corresponding to the first icon parameter from the icon data of the at least one first icon in the second interface to be displayed; Drawing and rendering a picture of the at least one first icon according to the acquired icon data; Drawing and rendering a picture of the first text in the second interface to be displayed according to the first text style; The second interface including the first text and the at least one first icon is generated and displayed.
7. The method according to claim 6, characterized in that The preset matching relationship is configured in the second application, or the preset matching relationship is configured in the operating system of the electronic device.
8. The method according to claim 6 or 7, characterized in that: The text style includes the font thickness, and the icon parameter is used to indicate the thickness of the icon line; The preset matching relationship includes: a plurality of font thickness values, and a thickness value of an icon line corresponding to each font thickness value; wherein, the larger the font thickness value in the preset matching relationship, the larger the corresponding icon line thickness value.
9. An electronic device, characterized in that: The electronic device comprises: a processor, a memory and a communication interface; the memory and the communication interface are coupled to the processor, the memory is used to store computer program code, and the computer program code comprises computer instructions; wherein, when the processor executes the computer instructions, the electronic device executes the method as described in any one of claims 1-8.
10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions; when the computer instructions are executed on an electronic device, the electronic device executes the method according to any one of claims 1 to 8.