CN113934485A - Terminal device and interface display method - Google Patents
Terminal device and interface display method Download PDFInfo
- Publication number
- CN113934485A CN113934485A CN202111037754.0A CN202111037754A CN113934485A CN 113934485 A CN113934485 A CN 113934485A CN 202111037754 A CN202111037754 A CN 202111037754A CN 113934485 A CN113934485 A CN 113934485A
- Authority
- CN
- China
- Prior art keywords
- display
- data content
- data
- ink
- format information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
Abstract
The embodiment of the application provides a terminal device and an interface display method, which relate to the technical field of computers, and comprise the following steps: ink screen, memory and processor; the ink screen displays a display interface of the ink style when the terminal equipment runs; the memory stores data or program code used by the terminal device when operating; the processor acquires data content included in original data to be displayed and display format information of each data content in the running process of the terminal equipment, replaces the display format information of each data content with the ink screen display format information corresponding to each data content to obtain target data, and renders a display interface based on the target data. The method and the device can realize that when a user browses the webpage with the non-ink style by using the terminal equipment of the ink screen, the webpage can present the display interface with the ink style in real time. The display interface has a better display effect, so that a user can obtain better browsing experience.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a terminal device and an interface display method.
Background
With the development of science and technology, people are used to read and browse webpages on mobile phones, and mobile phones with ink screens, which can protect eyes, are becoming more popular.
However, the display interface of the ink screen style is the display gray scale definition, so the refreshing frequency and the color presenting capability are weaker than those of the normal display interface of the mobile phone, and when the normal mobile phone reading software is read on the mobile phone with the ink screen, the ink screen cannot be well adapted, the reading effect is influenced, and the poor reading experience is caused. Therefore, how to enable normal mobile phone reading software to present a display interface on a mobile phone with an ink screen is a problem to be solved, and the display interface in the ink style can be presented without affecting the reading effect of a user.
Disclosure of Invention
In order to solve the problems in the prior art, embodiments of the present application provide a terminal device and an interface display method, so that a user has a good reading experience.
In a first aspect, an embodiment of the present application provides a terminal device, including: ink screen, memory and processor;
the ink screen is configured to display a display interface under the ink screen when the terminal equipment runs;
the memory is configured to store data or program code for use when the terminal device is operating;
the processor is configured to, in the operation process of the terminal device, acquire data contents and display format information of each data content included in original data to be displayed, respectively replace the display format information of each data content with the display format information of the ink screen corresponding to each data content to obtain target data, and render a display interface based on the target data.
In the terminal device provided by the embodiment of the application, the processor responds to the operation of a user, obtains data contents and display format information of each data content included in original data to be displayed, replaces the display format information of each data content in the original data with the ink screen display format information corresponding to each data content in the process of analyzing the original data to obtain target data, and renders a display interface according to the target data, wherein the obtained display interface is an ink screen style display interface. When a user browses a webpage with a non-ink style by using a terminal device of an ink screen, the terminal device in the application can enable the webpage to present a display interface with the ink style in real time. The display interface has a better display effect, so that a user can obtain better browsing experience.
In one possible implementation, the processor is further configured to:
for each data content in the target data, respectively executing the following operations: generating a display element corresponding to the data content according to the ink and wash screen display format information corresponding to the data content;
and rendering a display interface based on the display elements corresponding to the data contents.
In one possible implementation, the processor is further configured to:
if the data content is of a text type, generating a character element corresponding to the data content according to the ink and wash screen display format information corresponding to the text type; alternatively, the first and second electrodes may be,
if the data content is of a picture type, generating a graphic element corresponding to the data content according to the ink and wash screen display format information corresponding to the picture type; alternatively, the first and second electrodes may be,
and if the data content is of the control type, generating a key element corresponding to the data content according to the ink and wash screen display format information corresponding to the control type.
In one possible implementation, the processor is further configured to:
determining the maximum number of display elements contained in each screen of the display interface according to the height of the display interface and the height of each display element; the height of each display element is determined according to the corresponding ink screen display format information;
determining a target display element to be rendered according to the maximum number and the total number of the display elements corresponding to each data content; the target display elements are part or all of the display elements corresponding to the data contents;
rendering a display interface based on the target display element.
When the terminal device provided by this embodiment displays a display interface of a wash ink style, because the refresh rate is low, the maximum number of display elements accommodated in each screen of the display interface can be determined according to the height of the display interface, and when the interface is rendered, the target display element to be rendered is determined according to the maximum number and the total number of display elements corresponding to each data content, and the display interface is rendered based on the target display element. The display interface of the ink and wash style is affected by physical characteristics, the definition of the display gray scale is achieved, the refresh frequency of the terminal equipment of the ink and wash screen is lower than that of the terminal equipment of a normal display screen, but the screen needs to be slid when a webpage is browsed, so that the content behind or in front of the current display interface can be seen, but the refresh frequency of the terminal equipment with the ink and wash screen is lower, the browsing action of the screen is performed, so that the time delay in the browsing process is larger, and the terminal equipment is jammed.
In one possible implementation, the processor is further configured to:
determining the height of the character elements according to the ink and wash screen display format information corresponding to the text type;
determining the maximum number of the character elements contained in each screen of the display interface according to the height of the display interface and the height of the character elements;
segmenting the data content of the text type according to the maximum number to obtain a plurality of data content blocks;
and if the page turning operation of the user is received, acquiring the text elements corresponding to the data content blocks adjacent to the currently displayed data content block, and rendering a display interface based on the acquired text elements.
In a second aspect, an embodiment of the present application provides an interface display method, which is applied to a terminal device having an ink-wash screen, and includes:
acquiring data contents and display format information of each data content included in original data to be displayed;
replacing the display format information of each data content with the ink screen display format information corresponding to each data content to obtain target data;
rendering a display interface based on the target data.
In one possible embodiment, the rendering a display interface based on the target data includes:
for each data content in the target data, respectively executing the following operations: generating a display element corresponding to the data content according to the ink and wash screen display format information corresponding to the data content;
and rendering a display interface based on the display elements corresponding to the data contents.
In a possible implementation manner, the generating a display element corresponding to the data content according to the ink-wash screen display format information corresponding to the data content includes:
if the data content is of a text type, generating a character element corresponding to the data content according to the ink and wash screen display format information corresponding to the text type; alternatively, the first and second electrodes may be,
if the data content is of a picture type, generating a graphic element corresponding to the data content according to the ink and wash screen display format information corresponding to the picture type; alternatively, the first and second electrodes may be,
and if the data content is of the control type, generating a key element corresponding to the data content according to the ink and wash screen display format information corresponding to the control type.
In a possible implementation manner, the rendering a display interface based on the display elements corresponding to the respective data contents includes:
determining the maximum number of display elements contained in each screen of the display interface according to the height of the display interface and the height of each display element; the height of each display element is determined according to the corresponding ink screen display format information;
determining a target display element to be rendered according to the maximum number and the total number of the display elements corresponding to each data content; the target display elements are part or all of the display elements corresponding to the data contents;
rendering a display interface based on the target display element.
In a possible implementation manner, the target data includes data content of a text type, and a display element corresponding to the data content is a text element; the rendering a display interface based on the display elements corresponding to the data contents comprises:
determining the height of the character elements according to the ink and wash screen display format information corresponding to the text type;
determining the maximum number of the character elements contained in each screen of the display interface according to the height of the display interface and the height of the character elements;
segmenting the data content of the text type according to the maximum number to obtain a plurality of data content blocks;
and if the page turning operation of the user is received, acquiring the text elements corresponding to the data content blocks adjacent to the currently displayed data content block, and rendering a display interface based on the acquired text elements.
In a third aspect, an embodiment of the present application provides an interface display apparatus, including:
the device comprises an acquisition unit, a display unit and a display unit, wherein the acquisition unit is used for acquiring data contents included in original data to be displayed and display format information of each data content;
the replacing unit is used for replacing the display format information of each data content by adopting the ink screen display format information corresponding to each data content to obtain target data;
and the rendering unit is used for rendering a display interface based on the target data.
In a possible implementation manner, the rendering unit is further configured to:
for each data content in the target data, respectively executing the following operations: generating a display element corresponding to the data content according to the ink and wash screen display format information corresponding to the data content;
and rendering a display interface based on the display elements corresponding to the data contents.
In a possible implementation manner, the rendering unit is further configured to:
if the data content is of a text type, generating a character element corresponding to the data content according to the ink and wash screen display format information corresponding to the text type; alternatively, the first and second electrodes may be,
if the data content is of a picture type, generating a graphic element corresponding to the data content according to the ink and wash screen display format information corresponding to the picture type; alternatively, the first and second electrodes may be,
and if the data content is of the control type, generating a key element corresponding to the data content according to the ink and wash screen display format information corresponding to the control type.
In a possible implementation manner, the rendering unit is further configured to:
determining the maximum number of display elements contained in each screen of the display interface according to the height of the display interface and the height of each display element; the height of each display element is determined according to the corresponding ink screen display format information;
determining a target display element to be rendered according to the maximum number and the total number of the display elements corresponding to each data content; the target display elements are part or all of the display elements corresponding to the data contents;
rendering a display interface based on the target display element.
In a possible implementation manner, the rendering unit is further configured to:
determining the height of the character elements according to the ink and wash screen display format information corresponding to the text type;
determining the maximum number of the character elements contained in each screen of the display interface according to the height of the display interface and the height of the character elements;
segmenting the data content of the text type according to the maximum number to obtain a plurality of data content blocks;
and if the page turning operation of the user is received, acquiring the text elements corresponding to the data content blocks adjacent to the currently displayed data content block, and rendering a display interface based on the acquired text elements.
In a fourth aspect, the present application provides a computer-readable storage medium, where a computer program is stored in the computer-readable storage medium, and when the computer program is executed by a processor, the steps of the interface display method in any one of the second aspects are implemented.
For technical effects brought by any one implementation manner in the second aspect to the fourth aspect, reference may be made to technical effects brought by a corresponding implementation manner in the first aspect, and details are not described here.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, 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 application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without inventive exercise.
Fig. 1 is a schematic structural diagram of a terminal device according to an embodiment of the present application;
fig. 2 is a schematic structural diagram of another terminal device provided in an embodiment of the present application;
fig. 3 is a block diagram of a software structure of a terminal device according to an embodiment of the present disclosure;
fig. 4 is a schematic flowchart of an interface display method according to an embodiment of the present application;
fig. 5 is a schematic diagram of an original display interface of a user on a terminal device with an ink-water screen according to an embodiment of the present application;
FIG. 6 is a schematic diagram of an ink-and-wash style user display interface on a terminal device having an ink-and-wash screen according to an embodiment of the present disclosure;
fig. 7 is a schematic diagram illustrating a page turning operation performed by a user on a terminal device having an ink and water screen according to an embodiment of the present application;
fig. 8 is a schematic view of a user display interface of a terminal device having an ink-wash screen according to an embodiment of the present application;
fig. 9 is a block diagram of a terminal device according to an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application clearer, the present application will be described in further detail with reference to the accompanying drawings, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
It should be noted that the following application scenarios described in the embodiments of the present application are for more clearly illustrating the technical solutions in the embodiments of the present application, and do not constitute limitations on the technical solutions provided in the embodiments of the present application, and it is obvious to a person skilled in the art that the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems with the occurrence of new application scenarios.
In order to solve the problems in the prior art, an embodiment of the present application provides a terminal device and an interface display method, where in a running process of the terminal device, in response to an operation of a user, data content included in original data to be displayed and display format information of each data content are obtained, in a process of analyzing the original data, display format information of each data content in the original data is replaced with ink-wash screen display format information corresponding to each data content to obtain target data, and a display interface is rendered according to the target data. The method and the device can realize that when a user browses the webpage with the non-ink style by using the terminal equipment of the ink screen, the webpage can present the display interface with the ink style in real time. The display interface has a better display effect, so that a user can obtain better browsing experience.
The terminal device in the embodiment of the application can be a terminal device with a display screen of a water ink screen, such as a mobile phone, a wearable device, a tablet computer and the like.
Fig. 1 shows a schematic structural diagram of a terminal device 100 according to an embodiment of the present application. As shown in fig. 1, the terminal device 100 may include an ink-wash screen 101, a memory 102, and a processor 103.
And the ink screen 101 is used for displaying an ink style display interface when the terminal equipment runs.
A memory 102 for storing data or program codes used by the terminal device 100 when operating. The memory 102 may store data or program code required for at least one function, such as an application program of an interface display method.
The processor 103, i.e., the CPU module, may include one or more single-chip microcomputers, microprocessors, digital processing units, or the like. The processor 103 may implement the above-described interface display method when calling a computer program stored in the memory 102 of the terminal device 100. Such as: in the operation process of the terminal device 100, the data content included in the original data to be displayed and the display format information of each data content are acquired, the display format information of each data content is replaced by the ink and wash screen display format information corresponding to each data content, so that target data is obtained, and a display interface is rendered based on the target data.
The specific connection medium among the ink-wash screen 101, the storage 102 and the processor 103 is not limited in the embodiments of the present application. In the embodiment of the present application, the ink screen 101, the storage 102, and the processor 103 are connected by a bus 104 in fig. 1, the bus 104 is represented by a thick line in fig. 1, and the connection manner between other components is merely schematic and is not limited. The bus 104 may be an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown in FIG. 1, but it is not intended that there be only one bus or one type of bus.
In an embodiment, fig. 2 shows a schematic structural diagram of a terminal device 200 provided in an embodiment of the present application.
A block diagram of a hardware configuration of a terminal device 200 according to an exemplary embodiment is exemplarily shown in fig. 2. As shown in fig. 2, the terminal device 200 includes: radio Frequency (RF) circuitry 210, a processor 220, a memory 230, a display 240, audio circuitry 250, a Wireless Fidelity (Wi-Fi) module 260, and sensors 270.
The RF circuit 210 may be used for receiving and transmitting signals during information transmission and reception or during a call, and may receive downlink data of a base station and then send the downlink data to the processor 220 for processing; the uplink data may be transmitted to the base station. Typically, the RF circuitry includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier, a duplexer, and the like.
The display 240 may be used to receive input numeric or character information and generate signal input related to user settings and function control of the terminal device 200, and particularly, the display 240 may include a touch screen 241 disposed on the front surface of the terminal device 200 and capable of collecting touch operations of a user thereon or nearby, such as clicking a button, dragging a scroll box, and the like.
The display 240 may also be used to display a Graphical User Interface (GUI) of information input by or provided to the user and various menus of the terminal apparatus 200. In particular, the display 240 may include an ink-wash screen 242 disposed on a front side of the terminal device 200. Therein, the ink screen 242 is mainly composed of a large number of fine microcapsules, each of which contains positively charged white particles and negatively charged black particles suspended in a clear liquid, the charged liquid being attracted and repelled respectively when we apply a positive or negative voltage to one side. Thus, each pixel can display white or black. Ink and water screen 242 is configured in this manner. The display 240 may be used to display an ink-and-wash style display interface when the terminal device is running, for example, a user may browse pictures on a non-ink-and-wash style web page using the terminal device 200, and may make the non-ink-and-wash style display interface appear as an ink-and-wash style display interface when reading a novel.
The touch screen 241 may cover the ink screen 242, or the touch screen 241 and the ink screen 242 may be integrated to implement the input and output functions of the terminal device 200, and after the integration, the touch screen may be referred to as a touch display screen for short.
The terminal device 200 may further comprise at least one sensor 270, such as an acceleration sensor 271, a distance sensor 272, a fingerprint sensor 273, a temperature sensor 274. The terminal device 200 may also be configured with other sensors such as a gyroscope, barometer, hygrometer, thermometer, infrared sensor, light sensor, motion sensor, and the like. For example, the fingerprint sensor 273 may be used to sense that the user clicks on an icon of the operation interface of the terminal device 200.
The audio circuit 250, speaker 251, microphone 252 may provide an audio interface between the user and the terminal device 200. The audio circuit 250 may transmit the electrical signal converted from the received audio data to the speaker 251, and convert the electrical signal into a sound signal for output by the speaker 251. The terminal device 200 may be further provided with a volume button for adjusting the volume of the sound signal. On the other hand, the microphone 252 converts the collected sound signal into an electrical signal, converts the electrical signal into audio data after being received by the audio circuit 250, and then outputs the audio data to the RF circuit 210 to be transmitted to, for example, another terminal, or outputs the audio data to the memory 230 for further processing. In this application, the microphone 252 may capture the voice of the user.
Wi-Fi belongs to short-distance wireless transmission technology, and the terminal device 200 can help a user to send and receive e-mails, browse webpages, access streaming media and the like through the Wi-Fi module 260, and provides wireless broadband Internet access for the user.
The processor 210 is a control center of the terminal device 200, connects various parts of the entire terminal using various interfaces and lines, and performs various functions of the terminal device 200 and processes data by running or executing software programs stored in the memory 230 and calling data stored in the memory 230. In some embodiments, processor 210 may include one or more processing units. In the present application, the processor 210 may run an operating system, an application program, a user interface display, a touch response, and an interface display method according to the embodiments of the present application. In addition, the processor 210 is coupled to a display 240.
In this embodiment of the application, in the operation process of the terminal device 200, the processor 210 obtains data contents included in original data to be displayed and display format information of each data content, replaces the display format information of each data content with the display format information of the ink and wash screen corresponding to each data content, respectively, obtains target data, and renders a display interface based on the target data.
The rendering of the data content of the original data to be displayed into the display interface corresponds to characters, pictures, key icons and the like displayed in the display interface, and the rendering of the display format information of each data content into the display interface corresponds to the font size, font color and the like, the picture size, the webpage background color, the key icons and the like of the characters.
The data content of the original data to be displayed may further include tag type data content, js (javascript) type data content, and CSS (Cascading Style Sheets) type data content. The type of data content is loaded or called by the original data to be displayed, and the corresponding type of data content is analyzed in the interface display process.
And replacing the display format information of each data content with the ink screen display format information corresponding to each data content to obtain target data. The target data is display format information of data content in original data to be displayed is replaced by ink screen display format information, and other data content information corresponding to the data content in the original data to be displayed is unchanged.
In some possible embodiments, the processor 210 performs the following operations for each data content in the target data respectively: and generating display elements corresponding to the data contents according to the ink and wash screen display format information corresponding to the data contents, and rendering a display interface based on the display elements corresponding to the data contents.
Analyzing the data content of the original data to be displayed, and if the data content is of a tag type, generating a DOM (Document Object Model) tree; if the data content is of the JS type, analyzing the data content of the JS type through a DOM API (matching elements according to class names), and operating a DOM tree; and if the data content is the CSS type data content, analyzing the CSS type data content into a CSS rule tree through a style rule table, then generating an attachment file according to the DOM tree and the CSS rule tree, wherein the attachment file comprises display elements corresponding to the data content, and rendering a display interface based on the display elements.
In some possible embodiments, the processor 210 generates a display element corresponding to the data content according to the ink screen display format information corresponding to the data content, and if the data content is a text type, generates a text element corresponding to the data content according to the ink screen display format information corresponding to the text type, or if the data content is a picture type, generates a graphic element corresponding to the data content according to the ink screen display format information corresponding to the picture type, or if the data content is a control type, generates a key element corresponding to the data content according to the ink screen display format information corresponding to the control type.
And generating display elements corresponding to the data content according to the ink screen display format information corresponding to the data content. The ink screen display format information comprises various types of information, such as text type information, picture type information, control type information and the like, and corresponding character elements, graphic elements, key elements and the like are generated according to the ink screen display format information. And replacing the display elements of the non-ink-wash style with the display elements of the ink-wash style according to the display format information of the ink-wash screen corresponding to the data content, rendering a display interface, and presenting the display interface of the ink-wash style to a user.
In some possible embodiments, the processor 210 determines the maximum number of display elements that can be accommodated per screen of the display interface according to the height of the display interface and the height of each display element; the height of each display element is determined according to the corresponding ink screen display format information; determining target display elements to be rendered according to the maximum number and the total number of the display elements corresponding to each data content; the target display elements are part or all of display elements corresponding to the data contents; rendering a display interface based on the target display element.
Since the ink-wash style display interface is affected by physical characteristics, the display gray scale definition, the refresh frequency of the ink-wash screen 242 is lower than that of the normal display screen. The display interface seen by the user is the display interface with low refreshing frequency, so that the maximum number of the display elements contained in each screen of the display interface can be determined according to the height of the display interface and the height of each display element, and the target display element to be rendered is determined according to the maximum number and the total number of the display elements corresponding to each data content. Some web pages need to be browsed in a sliding manner during browsing, and the terminal device 200 provided by the present application can implement page turning of the whole screen based on the height of the screen.
In some possible embodiments, the processor 210 determines the height of the text element according to the ink-wash screen display format information corresponding to the text type; determining the maximum number of the character elements contained in each screen of the display interface according to the height of the display interface and the height of the character elements; segmenting the data content of the text type according to the maximum number to obtain a plurality of data content blocks; and if the page turning operation of the user is received, acquiring the text elements corresponding to the data content blocks adjacent to the currently displayed data content block, and rendering a display interface based on the acquired text elements.
Further, the Web page may be a World Wide Web (World Wide Web) or a Web View (built-in Web browser), that is, a Web browser built in some software.
Optionally, the terminal device 200 may further include a bluetooth module for performing information interaction with other bluetooth devices having the bluetooth module through a bluetooth protocol. For example, the terminal device 200 may establish a bluetooth connection with another terminal device (e.g., a tablet computer) having a bluetooth module through the bluetooth module, so as to perform data interaction.
The terminal device 200 may further include a camera for capturing still images or video. The number of the cameras can be one or more. The object generates an optical image through the lens and projects the optical image to the photosensitive element. The photosensitive element may be a Charge Coupled Device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The light sensing elements convert the light signals into electrical signals which are then passed to a processor 210 for conversion into digital image signals.
The terminal device 200 may further include a peripheral interface, such as the USB interface described above, for connecting a charging cord or other peripherals.
Fig. 3 is a block diagram of a software configuration of the terminal device 200 according to the embodiment of the present application.
The layered architecture divides the software into several layers, each layer having a clear role and division of labor. The layers communicate with each other through a software interface. In some embodiments, the Android system is divided into four layers, an application layer, an application framework layer, an Android runtime (Android runtime) and system library, and a kernel layer from top to bottom.
The embodiment of the application provides a terminal device 200, which mainly aims at the problem that the terminal device 200 of an ink screen 242 uses conventional software under an Android system, and the background color, font size, icon keys and the like of the conventional software cannot be clearly displayed on the ink screen 242.
The application layer may include a series of application packages. As shown in fig. 3, the applications may include camera, gallery, calendar, phone call, map, navigation, clock, bluetooth, music, video, short message, etc. applications. The application layer may also include third party applications installed on the terminal device 200, such as conventional reading software used by the user, or software with a built-in web browser.
The application framework layer provides an Application Programming Interface (API) and a programming framework for the application program of the application layer. The application framework layer includes a number of predefined functions.
As shown in FIG. 3, the application framework layers may include a window manager, content provider, view system, phone manager, resource manager, notification manager, and the like.
The window manager is used for managing window programs. The window manager can obtain the size of the display screen, judge whether a status bar exists, lock the screen, intercept the screen and the like.
The content provider is used to store and retrieve data and make it accessible to applications. The data may include alarm clock data, video, images, audio, calls made and answered, browsing history and bookmarks, phone books, and the like.
The view system may be used to build applications. The display interface may be composed of one or more views. For example, when a user clicks on a certain news item, the display interface includes a view for displaying text, a view for displaying pictures, a view for displaying key icons, and the like.
In a possible embodiment, the terminal device 200, in response to an operation of opening a display interface by a user, acquires data content included in original data to be displayed and display format information of each data content, replaces the display format information of each data content with ink and wash screen display format information corresponding to each data content, respectively, obtains target data, and renders the display interface based on the target data.
The phone manager is used to provide a communication function of the terminal apparatus 200. Such as management of call status (including on, off, etc.). The resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and the like.
The notification manager enables the application to display notification information in the status bar, can be used to convey notification-type messages, can disappear automatically after a short dwell, and does not require user interaction. Such as a notification manager used to inform download completion, message alerts, etc. The notification manager may also be a notification that appears in the form of a chart or scroll bar text at the top status bar of the system, such as a notification of a background running application, or a notification that appears on the screen in the form of a dialog window. For example, text information is prompted in the status bar, a prompt tone is given, the terminal vibrates, an indicator light flashes, and the like.
The Android Runtime comprises a core library and a virtual machine. The Android Runtime is responsible for scheduling and managing an Android system.
The core library comprises two parts: one part is a function which needs to be called by java language, and the other part is a core library of android.
The application layer and the application framework layer run in a virtual machine. And executing java files of the application program layer and the application program framework layer into a binary file by the virtual machine. The virtual machine is used for performing the functions of object life cycle management, stack management, thread management, safety and exception management, garbage collection and the like.
The system library may include a plurality of functional modules. For example: surface managers (surface managers), Media Libraries (Media Libraries), three-dimensional graphics processing Libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), and the like. Wherein, the three-dimensional graphic processing library and the 2D graphic engine both belong to a common camera resource.
The surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications.
The media library supports a variety of commonly used audio, video format playback and recording, and still image files, among others. The media library may support a variety of audio-video encoding formats, such as MPEG4, h.264, MP3, AAC, AMR, JPG, PNG, and the like.
The three-dimensional graphic processing library is used for realizing three-dimensional graphic drawing, image rendering, synthesis, layer processing and the like.
The 2D graphics engine is a drawing engine for 2D drawing.
The kernel layer is a layer between hardware and software. The inner core layer at least comprises a display driver, a camera driver, an audio driver and a sensor driver.
The application provides an interface display method, when the user uses the terminal equipment with the ink and water screen, the information software of the non-ink customization style on the ink and water screen terminal equipment can be used, or when the conventional mobile phone APP (application, mobile phone software) of a built-in webpage browser is used, the software is not the ink and water style customization APP, so when browsing the APPs on the ink and water screen terminal equipment, the display effect of the display interface presented by the APPs is poor, compared with the ink and water style customization APP, the difference exists in the character color and the icon style.
In order to solve the existing technical problem, before the webpage is displayed, the data content in the original data corresponding to the display interface of the webpage is analyzed, the display interface is rendered according to the data content, in the analyzing process, the data content in the original data and the display format information of each data content are replaced by the display format information of the ink screen corresponding to each data content, the target data are obtained, and the display interface is rendered based on the target data.
Fig. 4 shows a flowchart of an interface display method provided in an embodiment of the present application, which is described by taking as an example that the method is executed on a mobile phone with an ink-water screen, and as shown in fig. 4, the method includes the following steps:
step S401: and acquiring data content included in the original data to be displayed and display format information of each data content.
Specifically, when a user uses a mobile phone with a wash ink screen, an APP with a built-in web browser is clicked to open, or a web page is clicked to open directly, the mobile phone responds to the click operation of the user, and before a corresponding display interface needs to be opened, data content included in original data to be displayed and display format information of each data content are acquired. And rendering a display interface based on the data content of the original data to be displayed, so as to obtain the original display interface. Fig. 5 shows a schematic diagram of a user's original display interface on a terminal device with an ink-water screen.
Step S402: and replacing the display format information of each data content with the ink screen display format information corresponding to each data content to obtain target data.
Step S403: and rendering the display interface based on the target data.
Specifically, the display format information of each data content is replaced by the display format information of the ink screen corresponding to each data content, so that target data can be obtained, and the display interface is rendered according to the target data, so that the display interface with the ink style can be obtained. FIG. 6 illustrates a schematic diagram of an ink-style user display interface on a terminal device having an ink-and-water screen.
In one possible embodiment, the processor, in executing the rendering of the display interface based on the target data, may further perform the following operations: and generating display elements corresponding to the data contents according to the ink and wash screen display format information corresponding to the data contents, and rendering a display interface based on the display elements corresponding to the data contents.
In a possible embodiment, during the process of generating the display element corresponding to the data content according to the display format information of the ink-wash screen corresponding to the data content, the processor may specifically perform the following operations: and if the data content is of a text type, generating character elements corresponding to the data content according to the ink and wash screen display format information corresponding to the text type. And if the data content is the picture type, generating a graphic element corresponding to the data content according to the ink and wash screen display format information corresponding to the picture type. And if the data content is the control type, generating a key element corresponding to the data content according to the ink and wash screen display format information corresponding to the control type.
The ink and wash style display interface can be rendered according to text elements, graphic elements and key elements, and as shown in the schematic diagram of fig. 6, the text content, the picture content and "focus" and "like" are included. "favorites" these key icon contents.
In a possible embodiment, during the process of executing rendering of the display interface based on the display elements corresponding to the respective data contents, the processor may specifically perform the following operations: determining the maximum number of display elements contained in each screen of the display interface according to the height of the display interface and the height of each display element, determining target display elements to be rendered according to the maximum number and the total number of the display elements corresponding to each data content, and rendering the display interface based on the target display elements.
Wherein, the height of each display element is determined according to the corresponding ink screen display format information, and the target display element is a part or all of the display elements corresponding to each data content.
Specifically, in an APP with a built-in web browser, when browsing a web page, a screen needs to be slid to see the content behind or in front of a current display interface, but since the refresh frequency of a mobile phone with an ink-wash screen is low, the browsing action of the screen is slid, so that the time delay in the browsing process is large, the mobile phone is jammed, and bad browsing experience is brought to a user. Therefore, the target display element to be rendered can be determined according to the maximum number of the display elements contained in each screen which can be displayed by each display interface, and the display interface is rendered based on the target display element. The maximum number of display elements is considered by taking into account the factors of space, line feed, etc. When the mobile phone responds to the page turning operation of the user, the mobile phone re-determines the target display elements of the adjacent display interfaces, and renders the adjacent display interfaces based on the target display elements. Fig. 7 is a diagram illustrating a user's page-turning operation on a terminal device having an ink-and-water screen.
Further, the processor may specifically perform the following operations in the process of rendering the display interface based on the display elements corresponding to the respective data contents: determining the height of character elements according to the ink-wash screen display format information corresponding to the text type, determining the maximum number of the character elements contained in each screen of the display interface according to the height of the display interface and the height of the character elements, segmenting the data content of the text type according to the maximum number to obtain a plurality of data content blocks, if page turning operation of a user is received, obtaining the character elements corresponding to the data content blocks adjacent to the currently displayed data content blocks, and rendering the display interface based on the obtained character elements.
Further, if the text type is the ink and wash screen display format information, determining the maximum number of character elements contained in each screen of the display interface, segmenting the data content of the text type according to the maximum number, caching the segmented content, and storing to obtain a plurality of data content blocks. And if the page turning operation of the user is received, the character elements cached in the data content blocks can be directly extracted, and a display interface is rendered according to the character elements. The receiving of the page turning operation of the user can be specifically the detection of a position clicked by the user, and if the clicked position is on the left side of a central line of a screen, page turning is carried out on the previous page; and if the clicked position is the right side of the central line of the screen, turning pages to the next page.
Fig. 8 is a schematic diagram of a user display interface of a terminal device with an ink-water screen, where the height of the displayable interface is denoted as H, the height of the text content corresponding to each text element in the display interface is denoted as H, and the maximum number of text elements contained in each screen of the display interface can be obtained by using H/H.
Based on the same inventive concept, an embodiment of the present invention further provides a structural block diagram of a terminal device, as shown in fig. 9, where the terminal device includes:
an obtaining unit 901, configured to obtain data content included in original data to be displayed and display format information of each data content;
a replacing unit 902, configured to replace the display format information of each data content with the ink-wash screen display format information corresponding to each data content, respectively, to obtain target data;
and a rendering unit 903 for rendering the display interface based on the target data.
In a possible implementation manner, the rendering unit 903 is further configured to:
for each data content in the target data, the following operations are respectively executed: generating display elements corresponding to the data content according to the ink screen display format information corresponding to the data content;
and rendering a display interface based on the display elements corresponding to the data contents.
In a possible implementation manner, the rendering unit 903 is further configured to:
if the data content is of a text type, generating character elements corresponding to the data content according to the ink and wash screen display format information corresponding to the text type; alternatively, the first and second electrodes may be,
if the data content is of a picture type, generating a graphic element corresponding to the data content according to the ink and wash screen display format information corresponding to the picture type; alternatively, the first and second electrodes may be,
and if the data content is the control type, generating a key element corresponding to the data content according to the ink and wash screen display format information corresponding to the control type.
In a possible implementation manner, the rendering unit 903 is further configured to:
determining the maximum number of display elements contained in each screen of the display interface according to the height of the display interface and the height of each display element; the height of each display element is determined according to the corresponding ink screen display format information;
determining target display elements to be rendered according to the maximum number and the total number of the display elements corresponding to each data content; the target display elements are part or all of display elements corresponding to the data contents;
rendering a display interface based on the target display element.
In a possible implementation manner, the rendering unit 903 is further configured to:
determining the height of the character elements according to the ink screen display format information corresponding to the text type;
determining the maximum number of the character elements contained in each screen of the display interface according to the height of the display interface and the height of the character elements;
segmenting the data content of the text type according to the maximum number to obtain a plurality of data content blocks;
and if the page turning operation of the user is received, acquiring the text elements corresponding to the data content blocks adjacent to the currently displayed data content block, and rendering a display interface based on the acquired text elements.
An embodiment of the present application further provides a computer-readable non-volatile storage medium, which includes a program code, and when the program code runs on a computing terminal, the program code is configured to enable the computing terminal to execute any one of the steps of the interface display method.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
It will be apparent to those skilled in the art that various changes and modifications may be made in the present application without departing from the spirit and scope of the application. Thus, if such modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is intended to include such modifications and variations as well.
Claims (10)
1. A terminal device, comprising: ink screen, memory and processor;
the ink screen is configured to display an interface when the terminal equipment runs;
the memory is configured to store data or program code for use when the terminal device is running;
the processor is configured to, in the operation process of the terminal device, acquire data contents and display format information of each data content included in original data to be displayed, respectively replace the display format information of each data content with ink screen display format information corresponding to each data content to obtain target data, render a display interface based on the target data, and display the display interface through the ink screen.
2. The terminal device of claim 1, wherein the processor is configured to:
for each data content in the target data, respectively executing the following operations: generating a display element corresponding to the data content according to the ink and wash screen display format information corresponding to the data content;
and rendering a display interface based on the display elements corresponding to the data contents.
3. The terminal device of claim 2, wherein the processor is further configured to:
if the data content is of a text type, generating a character element corresponding to the data content according to the ink and wash screen display format information corresponding to the text type; alternatively, the first and second electrodes may be,
if the data content is of a picture type, generating a graphic element corresponding to the data content according to the ink and wash screen display format information corresponding to the picture type; alternatively, the first and second electrodes may be,
and if the data content is of the control type, generating a key element corresponding to the data content according to the ink and wash screen display format information corresponding to the control type.
4. The terminal device of claim 2, wherein the processor is further configured to:
determining the maximum number of display elements contained in each screen of the display interface according to the height of the display interface and the height of each display element; the height of each display element is determined according to the corresponding ink screen display format information;
determining a target display element to be rendered according to the maximum number and the total number of the display elements corresponding to each data content; the target display elements are part or all of the display elements corresponding to the data contents;
rendering a display interface based on the target display element.
5. The terminal device of claim 1, wherein the processor is configured to:
determining the height of the character elements according to the ink and wash screen display format information corresponding to the text type;
determining the maximum number of the character elements contained in each screen of the display interface according to the height of the display interface and the height of the character elements;
segmenting the data content of the text type according to the maximum number to obtain a plurality of data content blocks;
and if the page turning operation of the user is received, acquiring the text elements corresponding to the data content blocks adjacent to the currently displayed data content block, and rendering a display interface based on the acquired text elements.
6. An interface display method is applied to a terminal device with an ink screen, and comprises the following steps:
acquiring data contents and display format information of each data content included in original data to be displayed;
replacing the display format information of each data content with the ink screen display format information corresponding to each data content to obtain target data;
rendering a display interface based on the target data.
7. The method of claim 6, wherein the rendering a display interface based on the target data comprises:
for each data content in the target data, respectively executing the following operations: generating a display element corresponding to the data content according to the ink and wash screen display format information corresponding to the data content;
and rendering a display interface based on the display elements corresponding to the data contents.
8. The method according to claim 7, wherein the generating a display element corresponding to the data content according to the ink-wash screen display format information corresponding to the data content comprises:
if the data content is of a text type, generating a character element corresponding to the data content according to the ink and wash screen display format information corresponding to the text type; alternatively, the first and second electrodes may be,
if the data content is of a picture type, generating a graphic element corresponding to the data content according to the ink and wash screen display format information corresponding to the picture type; alternatively, the first and second electrodes may be,
and if the data content is of the control type, generating a key element corresponding to the data content according to the ink and wash screen display format information corresponding to the control type.
9. The method of claim 7, wherein the rendering a display interface based on the display elements corresponding to the respective data contents comprises:
determining the maximum number of display elements contained in each screen of the display interface according to the height of the display interface and the height of each display element; the height of each display element is determined according to the corresponding ink screen display format information;
determining a target display element to be rendered according to the maximum number and the total number of the display elements corresponding to each data content; the target display elements are part or all of the display elements corresponding to the data contents;
rendering a display interface based on the target display element.
10. A computer-readable storage medium having a computer program stored therein, the computer program characterized by: the computer program, when executed by a processor, implements the method of any one of claims 6-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111037754.0A CN113934485A (en) | 2021-09-06 | 2021-09-06 | Terminal device and interface display method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111037754.0A CN113934485A (en) | 2021-09-06 | 2021-09-06 | Terminal device and interface display method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113934485A true CN113934485A (en) | 2022-01-14 |
Family
ID=79275084
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111037754.0A Pending CN113934485A (en) | 2021-09-06 | 2021-09-06 | Terminal device and interface display method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113934485A (en) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103635955A (en) * | 2011-02-25 | 2014-03-12 | 亚马逊技术公司 | Multi-display type device interactions |
| CN104317499A (en) * | 2014-10-23 | 2015-01-28 | 广州三星通信技术研究有限公司 | Device and method for setting screen wallpaper in terminal |
| CN106873991A (en) * | 2017-01-20 | 2017-06-20 | 腾讯科技（深圳）有限公司 | Page generation method and device |
| CN108847187A (en) * | 2018-06-05 | 2018-11-20 | 掌阅科技股份有限公司 | Screensaver displaying method, ink screen equipment and the storage medium of ink screen equipment |
| CN109961747A (en) * | 2019-04-02 | 2019-07-02 | 上海墨案智能科技有限公司 | Electronic ink screen display methods, device and electronic equipment |
| CN110244993A (en) * | 2018-12-25 | 2019-09-17 | 蔚来汽车有限公司 | Front end page loading method, device, controller and medium |
| US20200034101A1 (en) * | 2017-03-31 | 2020-01-30 | Zhangyue Technology Co., Ltd. | Data displaying method and electronic device |
| CN110765382A (en) * | 2019-10-14 | 2020-02-07 | 腾讯科技（深圳）有限公司 | Picture reading material loading method and device, storage medium and computer equipment |
| CN112965678A (en) * | 2021-03-16 | 2021-06-15 | 广州文石信息科技有限公司 | Display, device, storage medium and method based on electronic ink screen |
| CN113314079A (en) * | 2021-05-31 | 2021-08-27 | 深圳市国华光电科技有限公司 | Picture display method and device, electronic equipment and storage medium |
-
2021
- 2021-09-06 CN CN202111037754.0A patent/CN113934485A/en active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103635955A (en) * | 2011-02-25 | 2014-03-12 | 亚马逊技术公司 | Multi-display type device interactions |
| CN104317499A (en) * | 2014-10-23 | 2015-01-28 | 广州三星通信技术研究有限公司 | Device and method for setting screen wallpaper in terminal |
| CN106873991A (en) * | 2017-01-20 | 2017-06-20 | 腾讯科技（深圳）有限公司 | Page generation method and device |
| US20200034101A1 (en) * | 2017-03-31 | 2020-01-30 | Zhangyue Technology Co., Ltd. | Data displaying method and electronic device |
| CN108847187A (en) * | 2018-06-05 | 2018-11-20 | 掌阅科技股份有限公司 | Screensaver displaying method, ink screen equipment and the storage medium of ink screen equipment |
| CN110244993A (en) * | 2018-12-25 | 2019-09-17 | 蔚来汽车有限公司 | Front end page loading method, device, controller and medium |
| CN109961747A (en) * | 2019-04-02 | 2019-07-02 | 上海墨案智能科技有限公司 | Electronic ink screen display methods, device and electronic equipment |
| CN110765382A (en) * | 2019-10-14 | 2020-02-07 | 腾讯科技（深圳）有限公司 | Picture reading material loading method and device, storage medium and computer equipment |
| CN112965678A (en) * | 2021-03-16 | 2021-06-15 | 广州文石信息科技有限公司 | Display, device, storage medium and method based on electronic ink screen |
| CN113314079A (en) * | 2021-05-31 | 2021-08-27 | 深圳市国华光电科技有限公司 | Picture display method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111596998A (en) | Page processing method of ink screen and terminal | |
| US11455075B2 (en) | Display method when application is exited and terminal | |
| CN113223464A (en) | Ink screen image display method and ink screen terminal | |
| CN110865837B (en) | Method and terminal for system upgrade | |
| CN113835571A (en) | Terminal device, information display method and storage medium | |
| CN113835569A (en) | Terminal device, quick start method for internal function of application and storage medium | |
| CN112835472B (en) | Communication terminal and display method | |
| CN110968815A (en) | Page refreshing method, device, terminal and storage medium | |
| CN112000408B (en) | Mobile terminal and display method thereof | |
| CN113709026A (en) | Method, device, storage medium and program product for processing instant communication message | |
| CN113038141A (en) | Video frame processing method and electronic equipment | |
| CN113360122B (en) | Mobile terminal and text display method thereof | |
| CN105573705A (en) | Display control method and terminal | |
| CN114863432A (en) | Terminal device, contrast adjusting method, device and medium | |
| CN113934485A (en) | Terminal device and interface display method | |
| CN111399955B (en) | Mobile terminal and interface display method of application program thereof | |
| CN114020379A (en) | Terminal device, information feedback method and storage medium | |
| CN113900740A (en) | Method and device for loading multiple list data | |
| CN109948095B (en) | Method, device, terminal and storage medium for displaying webpage content | |
| CN112363653A (en) | Ink screen display method and terminal | |
| CN113760164A (en) | Display device and response method of control operation thereof | |
| CN114356477B (en) | Terminal equipment and application program calling method | |
| CN113934340B (en) | Terminal equipment and progress bar display method | |
| CN116708900B (en) | Video playing method and electronic equipment | |
| CN113934340A (en) | Terminal device and progress bar display method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |