CN108734662B - Method and device for displaying icons - Google Patents

Abstract

The invention provides a method and a device for displaying icons, and belongs to the technical field of computers. The method comprises the following steps: acquiring the DPI of the points per inch of the screen; and if the DPI is not equal to the preset value, acquiring a vector picture corresponding to the icon to be displayed from a preset ttf font file through the character rendering component, and displaying the vector picture according to the DPI. By adopting the invention, the occupied storage resources can be reduced.

Description

Method and device for displaying icons

Technical Field

The invention relates to the technical field of computers, in particular to a method and a device for displaying icons.

Background

With the development of computer technology, terminals with high DPI (Dots Per Inch) screens are becoming more popular, and in order to enable applications to be displayed on the high DPI screens, the terminals can display images in a 2-fold graph manner.

In the related art, a bitmap (dot matrix pixel data of an icon) of two icons, one of which is dot matrix pixel data of the original icon and the other of which is double dot matrix pixel data of the original icon, is set in an installation package of an application program. Therefore, when the icon to be displayed is loaded, the terminal acquires the icon according to the screen DPI and displays the icon.

In the process of implementing the invention, the inventor finds that the related art has at least the following problems:

for an application program supporting high DPI, the data of two icon images are stored, so that the occupied storage resources are more.

Disclosure of Invention

In order to solve the problems of the related art, embodiments of the present invention provide a method and an apparatus for displaying an icon. The technical scheme is as follows:

in a first aspect, a method for displaying icons is provided, the method is applied to a screen of a mobile terminal, the mobile terminal comprises a text rendering component, and the method comprises the following steps:

acquiring the number of DPI points per inch of the screen;

if the DPI is not equal to the preset value, obtaining a vector picture corresponding to the icon to be displayed from a preset ttf font file through the text rendering component,

and displaying the vector picture according to the DPI.

Optionally, the obtaining a vector picture corresponding to the icon to be displayed from the preset ttf font file includes:

and according to the unicode characters of the icon to be displayed, obtaining the vector picture corresponding to the unicode characters from the preset ttf font file.

Optionally, the displaying the vector picture according to the DPI includes:

and zooming the vector picture according to the DPI, and displaying the zoomed vector picture.

Optionally, the scaling the vector picture according to the DPI, and displaying the scaled vector picture, includes:

determining the font height of unicode characters of the icon to be displayed according to the DPI;

zooming the vector picture according to the font height;

and displaying the scaled vector picture.

Optionally, the method further includes:

acquiring color information corresponding to the icon to be displayed;

the displaying the vector picture comprises:

and displaying the vector picture according to the color information.

In a second aspect, an apparatus for displaying an icon is provided, the apparatus being applied to a screen of a mobile terminal, the mobile terminal including a text rendering component, the apparatus comprising:

the acquisition module is used for acquiring DPI (dot per inch) of the screen; if the DPI is not equal to the preset value, acquiring a vector picture corresponding to the icon to be displayed from a preset ttf font file through the text rendering component,

and the display module is used for displaying the vector picture according to the DPI.

Optionally, the obtaining module is configured to:

and according to the unicode characters of the icon to be displayed, obtaining the vector picture corresponding to the unicode characters from the preset ttf font file.

Optionally, the display module is configured to:

and zooming the vector picture according to the DPI, and displaying the zoomed vector picture.

Optionally, the display module is configured to:

determining the font height of the unicode characters of the icon to be displayed according to the DPI;

zooming the vector picture according to the font height;

and displaying the scaled vector picture.

Optionally, the obtaining module is further configured to:

acquiring color information corresponding to the icon to be displayed;

the display module is used for:

and displaying the vector picture according to the color information.

The technical scheme provided by the embodiment of the invention has the beneficial effects that at least:

in the embodiment of the invention, because the ttf font file is used, the vector picture can be arbitrarily amplified without blurring, so that only one ttf font file is stored to adapt to a high DPI screen without storing data of two icons, and the occupied storage resource is less. And various patterns are rendered through the character rendering component, so that the rendering efficiency is high.

Drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.

FIG. 1a is a schematic diagram of an icon provided by an embodiment of the present invention;

FIG. 1b is a unicode of an icon provided by an embodiment of the present invention;

FIG. 2 is a flowchart of a method for displaying icons according to an embodiment of the present invention;

FIG. 3 is a schematic diagram of an icon provided by an embodiment of the present invention;

FIG. 4 is a schematic structural diagram of an apparatus for displaying icons according to an embodiment of the present invention;

fig. 5 is a schematic structural diagram of a terminal according to an embodiment of the present invention.

Detailed Description

In order to make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in detail with reference to the accompanying drawings.

The embodiment of the invention provides a method for displaying an icon, and an execution main body of the method can be a mobile terminal. The terminal can be a mobile phone, a tablet computer and the like, the mobile terminal can be provided with a processor, a receiver and a memory, the processor can be used for processing relevant processing in the icon display process, the receiver and the transmitter can be used for receiving and sending messages, and the memory can be used for storing data required in the icon display process and generated data. The mobile terminal may further include an input/output device such as a screen for displaying an interface. The embodiment of the invention takes an execution subject as a mobile phone as an example, and the detailed description of the scheme is carried out.

Before implementation, first, an application scenario in the embodiment of the present invention is described, where when a user wants to use an application, the application may be installed in a mobile terminal, and then the application is opened by operation, the mobile terminal displays an interface of the application, and when an icon is displayed in the interface, the method in the embodiment of the present invention may be used. The icons in the interface may be some marks fixedly displayed in the interface, for example, as shown in fig. 1a, a Logo of an application program, an indicator (e.g., an indicator that there is no song in the song list), and the like.

Next, a process of creating a ttf font file corresponding to a target application program is introduced, first, SVG (Scalable Vector Graphics) pictures of all icons of the target application program are obtained, as shown in fig. 1b, each SVG picture is converted into a ttf font file, that is, the SVG picture is corresponding to a unicode (unified character coding standard) character, that is, a corresponding relationship between a unicode character and a Vector picture is stored in the ttf font file, for example, as shown in fig. 1b, an indication that there is no song in a song list in fig. 1a indicates that the corresponding unicode character is "weier". The ttf font file can be set in the installation package, and the ttf font file is directly stored after the target application program is installed on the mobile terminal. In addition, in the ttf font file, each unicode character has an initial font height, and an initial size of the corresponding vector picture, that is, the initial font height of the unicode character corresponds to the initial size of the vector picture, and the display size of the vector picture can be adjusted by subsequently adjusting the initial font height of the character, for example, for a certain unicode character, the initial font height is a, the initial size of the vector picture is b, the adjusted font height of the unicode character is a1, and the size of the vector picture is a1 × b/a.

Finally, how to use the ttf font file is introduced, when the code of the target interface of the target application program is written, the code for acquiring the vector picture corresponding to the icon can be written at the position of the icon of the target interface, so that the vector picture corresponding to the icon can be acquired when the icon is displayed subsequently, and then the vector picture is displayed at the position of the icon.

As shown in fig. 2, in the embodiment of the present invention, an icon in an interface for displaying a target application is taken as an example for description, and a processing flow of the method may be as follows:

step 201, obtaining the DPI of the screen.

Wherein DPI refers to the number of screen samples, displayable or output points per inch of length in the screen of the mobile terminal.

In implementation, a user wants to use a target application program, the target application program is any application program, for example, an instant messaging application program, an audio application program, and the like, the target application program can be installed on the mobile terminal, after the installation is completed, the mobile terminal can display an icon of the target application program, the user can click the icon of the target application program, the mobile terminal can receive an opening instruction of the target application program, the mobile terminal can display a main interface of the target application program, and the user can perform subsequent operations.

When the mobile terminal detects that a certain interface of the target application program is displayed, the mobile terminal may acquire the code of the interface, and if the interface includes an icon (which may be referred to as an icon to be displayed later), the mobile terminal may acquire a pre-stored DPI of a screen when executing the code of the icon to be displayed, where the DPI is 120, for example. For example, as shown in fig. 3, the target application is an audio application, and the icon to be displayed is a logo of the audio application.

Step 202, if the DPI is not equal to the preset value, a vector picture corresponding to the icon to be displayed is obtained from the preset ttf font file through the text rendering component.

The preset value may be preset by a technician, and stored in an installation package of the target application, and installed on the mobile terminal along with the installation package of the target application, where the preset value may be the size of the DPI of a general screen, such as 96.

In implementation, after the mobile terminal acquires the DPI of the screen, the size of the DPI and the preset value 96 can be judged, and if the DPI of the screen is not equal to the preset value 96, the mobile terminal can call the text rendering component to acquire the vector image corresponding to the icon to be displayed from the preset ttf font file.

In addition, if the DPI of the screen is equal to 96, the mobile terminal may also call a text rendering component, obtain a vector picture corresponding to the icon to be displayed from the preset ttf font file, and directly display the vector picture, thereby completing the display of the icon to be displayed.

In addition, if the DPI of the screen is equal to 96, the mobile terminal may also display the icon to be displayed in a manner of a double graph in the prior art.

Optionally, a vector picture corresponding to the icon may be obtained based on unicode characters, and corresponding processing may be as follows:

and acquiring a vector picture corresponding to the unicode character from a preset ttf font file according to the unicode character of the icon to be displayed.

The ttf font file comprises the corresponding relation between unicode characters and vector pictures.

In implementation, when the code of the interface of the target application program is written, the code at the position of the icon to be displayed executes a process of obtaining the vector picture of the unicode character, the mobile terminal can obtain the unicode character of the icon to be displayed, and then the vector picture corresponding to the unicode character is found from the corresponding relation between the unicode character and the vector picture of the ttf font file, so that the vector picture corresponding to the icon to be displayed is obtained.

And step 203, displaying the vector picture according to the DPI.

In implementation, after the mobile terminal acquires the vector picture corresponding to the icon, since the vector picture stored in the font file generally corresponds to a DPI equal to 96, the mobile terminal may adjust the size of the vector picture according to the DPI of the screen and display the adjusted vector picture.

Optionally, scaling processing may be performed on the vector picture, and the size of the vector picture is adjusted, and the corresponding processing instep 203 may be as follows:

and zooming the vector picture according to the DPI, and displaying the zoomed vector picture.

In implementation, after the mobile terminal acquires the vector picture corresponding to the icon, the size of the vector picture can be adjusted according to the DPI of the screen, the vector picture can be enlarged when the DPI of the screen is larger than a preset value, the vector picture can be reduced when the DPI of the screen is smaller than the preset value, and then the zoomed vector picture is displayed.

For example, when the DPI of the screen is larger than the preset value, the DPI of the screen is 120, the preset value is 96, the ratio of the DPI of the screen to the preset value is 5/4, the vector picture is enlarged by 5/4 times, and the vector picture is changed into the original 5/4. When the DPI of the screen is smaller than the preset value, the DPI of the screen is 90, the preset value is 96, the ratio of the DPI of the screen to the preset value is 15/16, the vector picture is reduced by 15/16 times, and the vector picture is changed into the original 15/16.

Optionally, the vector image may be displayed based on the font height of the unicode character of the icon, and the corresponding processing may be as follows:

determining the font height of unicode characters of icon icons to be displayed according to the DPI;

zooming the vector picture according to the font height;

and displaying the scaled vector picture.

In implementation, after the mobile terminal acquires the vector picture corresponding to the icon to be displayed, the mobile terminal may calculate a ratio of the DPI of the screen to a preset value, and adjust the font height of the unicode character of the icon to be displayed to be a product of the initial font height and the ratio.

And then multiplying the initial size of the vector picture by the obtained product to obtain the scaled size of the vector picture, then scaling the vector picture based on the scaled size of the vector picture, and displaying the scaled vector picture after the scaling is finished.

Optionally, when the vector picture of the icon to be displayed is displayed, a color may be added to the vector picture, and the corresponding processing may be as follows:

acquiring color information corresponding to an icon to be displayed;

and displaying the vector picture according to the DPI and the color information.

In implementation, when compiling the code of the icon to be displayed, the color information is compiled together, and the mobile terminal can acquire the color information of the icon to be displayed according to the code of the icon to be displayed.

Then the mobile terminal can adjust the size of the vector picture according to the DPI of the screen, or can perform amplification processing on the vector picture when the DPI of the screen is larger than a preset value, perform reduction processing on the vector picture when the DPI of the screen is smaller than the preset value, then display the scaled vector picture, and add corresponding colors to the vector picture when displaying.

In addition, if the DPI of the screen is equal to the preset value, the mobile terminal may directly display the vector picture and add a corresponding color to the vector picture (e.g., control the display color by controlling the current of the backlight of the mobile terminal, etc.).

In the embodiment of the invention, because the ttf font file is used, the vector picture can be arbitrarily amplified without blurring, so that only one ttf font file is stored to adapt to a high DPI screen without storing data of two icons, and the occupied storage resource is less. And various patterns are rendered through the character rendering component, so that the rendering efficiency is high.

Based on the same technical concept, an embodiment of the present invention further provides an icon display apparatus, where the apparatus is applied to a screen of a mobile terminal, and the mobile terminal includes a text rendering component, as shown in fig. 4, and the apparatus includes:

an obtainingmodule 410, configured to obtain dots per inch DPI of the screen; if the DPI is not equal to the preset value, acquiring a vector picture corresponding to the icon to be displayed from a preset ttf font file through the text rendering component,

and adisplay module 420, configured to display the vector picture according to the DPI.

Optionally, the obtainingmodule 410 is configured to:

and according to the unicode characters of the icon to be displayed, obtaining the vector picture corresponding to the unicode characters from the preset ttf font file.

Optionally, thedisplay module 420 is configured to:

and zooming the vector picture according to the DPI, and displaying the zoomed vector picture.

Optionally, thedisplay module 420 is configured to:

determining the font height of unicode characters of the icon to be displayed according to the DPI;

zooming the vector picture according to the font height;

and displaying the scaled vector picture.

Optionally, the obtainingmodule 410 is further configured to:

acquiring color information corresponding to the icon to be displayed;

thedisplay module 420 is configured to:

and displaying the vector picture according to the color information.

In the embodiment of the invention, because the ttf font file is used, the vector picture can be arbitrarily amplified without blurring, so that only one ttf font file is stored to adapt to a high DPI screen without storing data of two icons, and the occupied storage resource is less. And various patterns are rendered through the character rendering component, so that the rendering efficiency is high.

It should be noted that: in the device for displaying icons provided in the above embodiment, only the division of the above functional modules is used for illustration when displaying icons, and in practical applications, the above function distribution may be completed by different functional modules as needed, that is, the internal structure of the device is divided into different functional modules to complete all or part of the above described functions. In addition, the apparatus for displaying icons and the method for displaying icons provided by the above embodiments belong to the same concept, and specific implementation processes thereof are detailed in the method embodiments and are not described herein again.

Fig. 5 is a block diagram illustrating amobile terminal 500 according to an exemplary embodiment of the present invention. Themobile terminal 500 may be: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III, motion video Experts compression standard Audio Layer 3), an MP4 player (Moving Picture Experts Group Audio Layer IV, motion video Experts compression standard Audio Layer 4), a notebook computer, or a desktop computer. Themobile terminal 500 may also be referred to by other names such as user equipment, portable mobile terminal, laptop mobile terminal, desktop mobile terminal, and the like.

In general, themobile terminal 500 includes: aprocessor 501 and amemory 502.

Theprocessor 501 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and so on. Theprocessor 501 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), PLA (Programmable Logic Array). Theprocessor 501 may also include a main processor and a coprocessor, where the main processor is a processor for Processing data in an awake state, and is also called a Central Processing Unit (CPU); a coprocessor is a low power processor for processing data in a standby state. In some embodiments, theprocessor 501 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content required to be displayed on the display screen. In some embodiments, theprocessor 501 may further include an AI (Artificial Intelligence) processor for processing computing operations related to machine learning.

Memory 502 may include one or more computer-readable storage media, which may be non-transitory.Memory 502 may also include high-speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium inmemory 502 is used to store at least one instruction for execution byprocessor 501 to implement the method of displaying icons provided by the method embodiments herein.

In some embodiments, themobile terminal 500 may further optionally include: aperipheral interface 503 and at least one peripheral. Theprocessor 501,memory 502 andperipheral interface 503 may be connected by a bus or signal lines. Various peripheral devices may be connected to theperipheral interface 503 via a bus, signal line, or circuit board. Specifically, the peripheral device includes: at least one ofradio frequency circuitry 504,touch screen display 505,camera 506,audio circuitry 507,positioning components 508, andpower supply 509.

Theperipheral interface 503 may be used to connect at least one peripheral related to I/O (Input/Output) to theprocessor 501 and thememory 502. In some embodiments, theprocessor 501,memory 502, andperipheral interface 503 are integrated on the same chip or circuit board; in some other embodiments, any one or two of theprocessor 501, thememory 502, and theperipheral interface 503 may be implemented on a separate chip or circuit board, which is not limited in this embodiment.

TheRadio Frequency circuit 504 is used for receiving and transmitting RF (Radio Frequency) signals, also called electromagnetic signals. Theradio frequency circuitry 504 communicates with communication networks and other communication devices via electromagnetic signals. Therf circuit 504 converts an electrical signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electrical signal. Optionally, theradio frequency circuit 504 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so forth. Theradio frequency circuitry 504 may communicate with other mobile terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: metropolitan area networks, various generation mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, therf circuit 504 may further include NFC (Near Field Communication) related circuits, which are not limited in this application.

Thedisplay screen 505 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. When thedisplay screen 505 is a touch display screen, thedisplay screen 505 also has the ability to capture touch signals on or over the surface of thedisplay screen 505. The touch signal may be input to theprocessor 501 as a control signal for processing. At this point, thedisplay screen 505 may also be used to provide virtual buttons and/or a virtual keyboard, also referred to as soft buttons and/or a soft keyboard. In some embodiments, thedisplay 505 may be one, providing a front panel of themobile terminal 500; in other embodiments, the display screens 505 may be at least two, respectively disposed on different surfaces of themobile terminal 500 or in a folded design; in still other embodiments, thedisplay 505 may be a flexible display disposed on a curved surface or on a folded surface of themobile terminal 500. Even more, thedisplay screen 505 can be arranged in a non-rectangular irregular figure, i.e. a shaped screen. TheDisplay screen 505 may be made of LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), and other materials.

Thecamera assembly 506 is used to capture images or video. Optionally,camera assembly 506 includes a front camera and a rear camera. Generally, a front camera is disposed at a front panel of a mobile terminal, and a rear camera is disposed at a rear surface of the mobile terminal. In some embodiments, the number of the rear cameras is at least two, and each rear camera is any one of a main camera, a depth-of-field camera, a wide-angle camera and a telephoto camera, so that the main camera and the depth-of-field camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize panoramic shooting and VR (Virtual Reality) shooting functions or other fusion shooting functions. In some embodiments,camera head assembly 506 may also include a flash. The flash lamp can be a monochrome temperature flash lamp or a bicolor temperature flash lamp. The double-color-temperature flash lamp is a combination of a warm-light flash lamp and a cold-light flash lamp and can be used for light compensation under different color temperatures.

Audio circuitry 507 may include a microphone and a speaker. The microphone is used for collecting sound waves of a user and the environment, converting the sound waves into electric signals, and inputting the electric signals to theprocessor 501 for processing, or inputting the electric signals to theradio frequency circuit 504 to realize voice communication. The microphones may be provided in plural numbers, respectively, at different portions of themobile terminal 500 for the purpose of stereo sound collection or noise reduction. The microphone may also be an array microphone or an omni-directional pick-up microphone. The speaker is used to convert electrical signals from theprocessor 501 or theradio frequency circuit 504 into sound waves. The loudspeaker can be a traditional film loudspeaker or a piezoelectric ceramic loudspeaker. When the speaker is a piezoelectric ceramic speaker, the speaker can be used for purposes such as converting an electric signal into a sound wave audible to a human being, or converting an electric signal into a sound wave inaudible to a human being to measure a distance. In some embodiments,audio circuitry 507 may also include a headphone jack.

Thepositioning component 508 is used to locate the current geographic Location of themobile terminal 500 for navigation or LBS (Location Based Service). ThePositioning component 508 may be a Positioning component based on the Global Positioning System (GPS) in the united states, the beidou System in china, the grignard System in russia, or the galileo System in the european union.

Apower supply 509 is used to power the various components withinmobile terminal 500. Thepower source 509 may be alternating current, direct current, disposable or rechargeable. Whenpower supply 509 includes a rechargeable battery, the rechargeable battery may support wired or wireless charging. The rechargeable battery may also be used to support fast charge technology.

In some embodiments, themobile terminal 500 also includes one or more sensors 510. The one or more sensors 510 include, but are not limited to: acceleration sensor 511, gyro sensor 512, pressure sensor 513, fingerprint sensor 514, optical sensor 515, and proximity sensor 516.

The acceleration sensor 511 may detect the magnitude of acceleration in three coordinate axes of a coordinate system established with themobile terminal 500. For example, the acceleration sensor 511 may be used to detect components of the gravitational acceleration in three coordinate axes. Theprocessor 501 may control thetouch screen 505 to display the user interface in a landscape view or a portrait view according to the acceleration signal of gravity collected by the acceleration sensor 511. The acceleration sensor 511 may also be used for acquisition of motion data of a game or a user.

The gyro sensor 512 may detect a body direction and a rotation angle of themobile terminal 500, and the gyro sensor 512 may cooperate with the acceleration sensor 511 to acquire a 3D motion of the user on themobile terminal 500. Theprocessor 501 may implement the following functions according to the data collected by the gyro sensor 512: motion sensing (such as changing the UI according to a user's tilting operation), image stabilization while shooting, game control, and inertial navigation.

The pressure sensor 513 may be disposed on a side bezel of themobile terminal 500 and/or an underlying layer of thetouch display screen 505. When the pressure sensor 513 is disposed on the side frame of themobile terminal 500, the holding signal of the user to themobile terminal 500 may be detected, and theprocessor 501 performs left-right hand recognition or shortcut operation according to the holding signal collected by the pressure sensor 513. When the pressure sensor 513 is disposed at the lower layer of thetouch display screen 505, theprocessor 501 controls the operability control on the UI interface according to the pressure operation of the user on thetouch display screen 505. The operability control comprises at least one of a button control, a scroll bar control, an icon control and a menu control.

The fingerprint sensor 514 is used for collecting a fingerprint of the user, and theprocessor 501 identifies the identity of the user according to the fingerprint collected by the fingerprint sensor 514, or the fingerprint sensor 514 identifies the identity of the user according to the collected fingerprint. Upon recognizing that the user's identity is a trusted identity, theprocessor 501 authorizes the user to perform relevant sensitive operations including unlocking the screen, viewing encrypted information, downloading software, paying, and changing settings, etc. The fingerprint sensor 514 may be disposed on the front, back, or side of themobile terminal 500. When a physical key or a vendor Logo is provided on themobile terminal 500, the fingerprint sensor 514 may be integrated with the physical key or the vendor Logo.

The optical sensor 515 is used to collect the ambient light intensity. In one embodiment, theprocessor 501 may control the display brightness of thetouch display screen 505 based on the ambient light intensity collected by the optical sensor 515. Specifically, when the ambient light intensity is high, the display brightness of thetouch display screen 505 is increased; when the ambient light intensity is low, the display brightness of thetouch display screen 505 is turned down. In another embodiment,processor 501 may also dynamically adjust the shooting parameters ofcamera head assembly 506 based on the ambient light intensity collected by optical sensor 515.

A proximity sensor 516, also called a distance sensor, is generally disposed at the front panel of themobile terminal 500. The proximity sensor 516 serves to collect a distance between the user and the front surface of themobile terminal 500. In one embodiment, when the proximity sensor 516 detects that the distance between the user and the front surface of themobile terminal 500 gradually decreases, theprocessor 501 controls thetouch display screen 505 to switch from the bright screen state to the dark screen state; when the proximity sensor 516 detects that the distance between the user and the front surface of themobile terminal 500 becomes gradually larger, theprocessor 501 controls thetouch display screen 505 to switch from the screen-on state to the screen-on state.

Those skilled in the art will appreciate that the architecture shown in fig. 5 is not intended to be limiting of themobile terminal 500 and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components may be used.

It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the storage medium may be a read-only memory, a magnetic disk or an optical disk.

The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like that fall within the spirit and principle of the present invention are intended to be included therein.

Claims (4)

1. A method of displaying an icon, the method being applied to a screen of a mobile terminal, the mobile terminal including a text rendering component, the method comprising:

acquiring the number of DPI points per inch of the screen;

if the DPI is not equal to a preset value, obtaining a vector picture corresponding to an icon to be displayed from a preset ttf font file through the character rendering component, wherein the preset value is stored in an installation package of a target application program, the icon to be displayed is an icon in an interface of the target application program, and the ttf font file stores a corresponding relation between the vector picture of the icon in the target application program and unicode characters;

determining the font height of the unicode characters of the icon to be displayed according to the DPI and the preset value, wherein the determination comprises the following steps: calculating the ratio of the DPI to the preset value, and adjusting the font height of the unicode characters of the icon to be displayed to be the product of the initial font height and the ratio;

zooming the vector picture according to the font height;

displaying the zoomed vector picture;

if the DPI is equal to the preset value, acquiring a vector picture corresponding to the icon to be displayed, and directly displaying the vector picture corresponding to the icon to be displayed;

the method for acquiring the vector picture corresponding to the icon to be displayed from the preset ttf font file comprises the following steps:

according to the unicode characters of the icon to be displayed, obtaining a vector picture corresponding to the unicode characters from the preset ttf font file;

in the codes of the interface of the target application program, the code at the position of the icon is a code for executing obtaining of the vector picture corresponding to the icon, and after the vector picture corresponding to the icon is obtained, the vector picture corresponding to the icon is displayed at the position of the icon;

when compiling the code of the icon to be displayed, compiling color information, and acquiring the color information of the icon to be displayed by the mobile terminal according to the code of the icon to be displayed.

2. The method of claim 1, further comprising:

acquiring color information corresponding to the icon to be displayed;

displaying the vector picture, including:

and displaying the vector picture according to the color information.

3. An apparatus for displaying an icon, wherein the apparatus is applied to a screen of a mobile terminal, wherein the mobile terminal comprises a text rendering component, the apparatus comprising:

the acquisition module is used for acquiring DPI (dot per inch) of the screen; if the DPI is not equal to a preset value, obtaining a vector picture corresponding to an icon to be displayed from a preset ttf font file through the character rendering component, wherein the preset value is stored in an installation package of a target application program, the icon to be displayed is an icon in an interface of the target application program, and the ttf font file stores a corresponding relation between the vector picture of the icon in the target application program and unicode characters;

the display module is used for determining the font height of the unicode characters of the icon to be displayed according to the DPI and the preset value; zooming the vector picture according to the font height; displaying the zoomed vector picture; determining the font height of the unicode characters of the icon to be displayed according to the DPI and the preset value, wherein the determining comprises the following steps: calculating the ratio of the DPI to the preset value, and adjusting the font height of the unicode characters of the icon to be displayed to be the product of the initial font height and the ratio;

the obtaining module is further configured to obtain a vector picture corresponding to the icon to be displayed if the DPI is equal to the preset value;

the display module is further configured to directly display the vector picture corresponding to the icon to be displayed, which is acquired by the acquisition module, if the DPI is equal to the preset value;

the obtaining module is configured to: according to the unicode characters of the icon to be displayed, obtaining a vector picture corresponding to the unicode characters from the preset ttf font file;

in the codes of the interface of the target application program, the codes at the positions of the icons are codes for executing and acquiring vector pictures corresponding to the icons, and after the vector pictures corresponding to the icons are acquired, the vector pictures corresponding to the icons are displayed at the positions of the icons;

when compiling the code of the icon to be displayed, compiling color information, and acquiring the color information of the icon to be displayed by the mobile terminal according to the code of the icon to be displayed.

4. The apparatus of claim 3, wherein the obtaining module is further configured to:

acquiring color information corresponding to the icon to be displayed;

the display module is used for:

and displaying the vector picture according to the color information.

Images