CN113934340B - Terminal equipment and progress bar display method - Google Patents

Terminal equipment and progress bar display method Download PDF

Info

Publication number
CN113934340B
CN113934340B CN202111105372.7A CN202111105372A CN113934340B CN 113934340 B CN113934340 B CN 113934340B CN 202111105372 A CN202111105372 A CN 202111105372A CN 113934340 B CN113934340 B CN 113934340B
Authority
CN
China
Prior art keywords
image
display
progress bar
layer
original image
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.)
Active
Application number
CN202111105372.7A
Other languages
Chinese (zh)
Other versions
CN113934340A (en
Inventor
解瑾
刘薇
夏文卓
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hisense Mobile Communications Technology Co Ltd
Original Assignee
Hisense Mobile Communications Technology Co Ltd
Filing date
Publication date
Application filed by Hisense Mobile Communications Technology Co Ltd filed Critical Hisense Mobile Communications Technology Co Ltd
Priority to CN202111105372.7A priority Critical patent/CN113934340B/en
Publication of CN113934340A publication Critical patent/CN113934340A/en
Application granted granted Critical
Publication of CN113934340B publication Critical patent/CN113934340B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

The embodiment of the application provides terminal equipment and a progress bar display method, and relates to the technical field of computers, wherein the terminal equipment comprises: shui Mobing, a memory and a processor, wherein the ink and water screen displays an interface when the terminal equipment operates; the memory stores data or program codes used when the terminal device operates; the method comprises the steps that in the running process of terminal equipment, a processor acquires an original image displayed in an original image layer of a progress bar area, and a display image layer is created above the original image layer of the progress bar area; the display layer covers the progress bar area, generates an intersection image in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, and displays the intersection image in the display layer by adopting a display color opposite to the original image. Through the process, the coverage area of the current progress of the progress bar and the original image can be distinguished, the situation that the graphics and texts overlap and are in the same color can not occur, and the use experience of a user is improved.

Description

Terminal equipment and progress bar display method
Technical Field
The application relates to the technical field of computers, in particular to terminal equipment and a progress bar display method.
Background
With the development of technology, users have higher requirements on the used mobile phones, and the user experience is also focused more and more. Terminal devices with ink screens, which both protect the eyes and experience a paper reading sensation on the terminal device, have become the primary choice for users.
However, the terminal device with the ink screen is affected by physical characteristics, only gray-scale images can be displayed, when the progress bar is used, the situation that graphics and texts overlap and are in the same color can occur, and in the terminal device with the ink screen, the display situation of the overlapping part can not be distinguished by using colors with obvious contrast, so how to solve the situation that graphics and texts overlap and are in the same color when the progress bar is displayed is a problem to be solved.
Disclosure of Invention
In order to solve the problems in the prior art, the embodiment of the application provides a terminal device and a progress bar display method, which can solve the problem of overlapping and sequential colors of graphics and texts when the progress bar is adjusted.
In a first aspect, an embodiment of the present application provides a terminal device, including: shui Mobing, a memory, and a processor;
the water Mo Bing is configured to display an interface of the terminal device when operating;
the memory is configured to store data or program code used by the terminal device when operating;
The processor is configured to acquire an original image displayed in an original layer of a progress bar area in the operation process of the terminal equipment, and create a display layer above the original layer of the progress bar area; and the display layer covers the progress bar area, generates an intersection image in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, and displays the intersection image in the display layer by adopting a display color opposite to that of the original image.
In the terminal equipment provided by the embodiment of the application, a processor responds to the operation of a user, acquires an original image displayed in an original image layer of a progress bar area, and creates a display image layer above the original image layer of the progress bar area; the display layer covers the progress bar area, generates an intersection image in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, and displays the intersection image in the display layer by adopting a display color opposite to the original image. When the progress bar is adjusted, the terminal equipment can obtain the intersection image based on the coverage area of the current progress of the progress bar and the overlapping area of the original image, and the intersection image in the display layer is displayed by adopting the display color opposite to the original image. Therefore, the current progress of the progress bar is distinguished, the situation that the graphics and texts are overlapped and in the same color does not occur, a user can see the current progress clearly, the original image of the progress bar area can also see clearly, and the use experience of the user is improved.
In one possible implementation, the display layer includes an upper layer and a lower layer; the processor is specifically configured to:
based on the original image, obtaining a display image of the lower image layer;
determining the coverage area of the solid-color image in the upper image layer according to the current progress of the progress bar;
The intersection image is generated based on an overlapping area of the coverage areas of the display image and the solid image.
The terminal equipment in the embodiment provided by the application is divided into the lower layer and the upper layer in the display layer, the display image of the lower layer is obtained according to the original image, the coverage area of the solid-color image in the upper layer is determined according to the current progress of the progress bar, and the intersection image is determined by utilizing the coverage area of the solid-color image in the upper layer and the overlapping area of the display image. The method can determine that the intersection image does not influence the display content of the original image in the original image layer, the system setting of the mobile phone is not required to be changed, the step of acquiring the intersection image is carried out in the display image layer, and the steps can be completed in the same image layer, so that the view level can be reduced.
In one possible implementation, the processor is further configured to:
Generating a colorless display image which is obtained based on the original image in the lower layer; or alternatively
Generating a display image which is copied based on the original image in the lower layer; the display color of the display image is the same as that of the original image.
In one possible implementation, the processor is further configured to:
setting a solid image in the upper layer to a display color opposite to the original image;
In the display layer, a non-overlapping region of the display image and the coverage region of the solid image is displayed as a display color opposite to the solid image, and the intersection image is displayed as the same display color as the solid image.
According to the terminal equipment provided by the embodiment of the application, when the image layer is displayed to acquire the intersection image, the intersection image is displayed to have the same display color as the solid-color image of the upper image layer, and the non-overlapping area is displayed to have the opposite display color to the solid-color image, so that the intersection image and the original image can be distinguished more conveniently, and the progress bar can be displayed more clearly.
In one possible implementation, the processor is specifically configured to:
responding to the touch operation aiming at the progress bar area, and acquiring the position of a touch point of the touch operation;
and determining the current progress of the progress bar according to the position of the touch point, and determining the coverage area of the solid-color image according to the current progress of the progress bar.
In a second aspect, an embodiment of the present application provides a progress bar display method, which is applied to a terminal device having an ink screen, where the method includes:
acquiring an original image displayed in an original image layer of a progress bar area;
Creating a display layer above the original layer of the progress bar area; the display layer covers the progress bar area;
Generating an intersection image in the display layer based on the coverage area of the current progress of the progress bar and the overlapping area of the original image;
and displaying the intersection image in the display layer by adopting a display color opposite to the original image.
In one possible implementation, the display layer includes an upper layer and a lower layer; generating an intersection image in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, including:
based on the original image, obtaining a display image of the lower image layer;
determining the coverage area of the solid-color image in the upper image layer according to the current progress of the progress bar;
The intersection image is generated based on an overlapping area of the coverage areas of the display image and the solid image.
In one possible manner, the obtaining, based on the original image, a display image of the lower layer includes:
Generating a colorless display image which is obtained based on the original image in the lower layer; or alternatively
Generating a display image which is copied based on the original image in the lower layer; the display color of the display image is the same as that of the original image.
In a possible implementation manner, the displaying the intersection image in the display layer with a display color opposite to the original image includes:
setting a solid image in the upper layer to a display color opposite to the original image;
In the display layer, a non-overlapping region of the display image and the coverage region of the solid image is displayed as a display color opposite to the solid image, and the intersection image is displayed as the same display color as the solid image.
In a possible implementation manner, the determining, according to the current progress of the progress bar, the coverage area of the solid image in the upper layer includes:
responding to the touch operation aiming at the progress bar area, and acquiring the position of a touch point of the touch operation;
and determining the current progress of the progress bar according to the position of the touch point, and determining the coverage area of the solid-color image according to the current progress of the progress bar.
In a third aspect, an embodiment of the present application provides a progress bar display device, including:
an acquisition unit for acquiring an original image displayed in an original layer of the progress bar area;
The creating unit is used for creating a display layer above the original layer of the progress bar area;
A generating unit, configured to generate an intersection image in the display layer based on an overlapping area of a coverage area of a current progress of a progress bar and the original image;
and the display unit is used for displaying the intersection image in the display layer by adopting a display color opposite to the original image.
In a possible embodiment, the generating unit is further configured to:
based on the original image, obtaining a display image of the lower image layer;
determining the coverage area of the solid-color image in the upper image layer according to the current progress of the progress bar;
The intersection image is generated based on an overlapping area of the coverage areas of the display image and the solid image.
In a possible manner, the generating unit is further configured to:
Generating a colorless display image which is obtained based on the original image in the lower layer; or alternatively
Generating a display image which is copied based on the original image in the lower layer; the display color of the display image is the same as that of the original image.
In a possible manner, the generating unit is further configured to:
setting a solid image in the upper layer to a display color opposite to the original image;
In the display layer, a non-overlapping region of the display image and the coverage region of the solid image is displayed as a display color opposite to the solid image, and the intersection image is displayed as the same display color as the solid image.
In a possible manner, the generating unit is further configured to:
responding to the touch operation aiming at the progress bar area, and acquiring the position of a touch point of the touch operation;
and determining the current progress of the progress bar according to the position of the touch point, and determining the coverage area of the solid-color image according to the current progress of the progress bar.
In a fourth aspect, an embodiment of the present application provides a computer readable storage medium, in which a computer program is stored, where the computer program, when executed by a processor, implements the steps of any one of the progress bar display methods in the second aspect.
The technical effects caused by any implementation manner of the second aspect to the fourth aspect may refer to the technical effects caused by the corresponding implementation manner of the first aspect, and are not described herein.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the description of the embodiments will be briefly described below, it will be apparent that the drawings in the following description are only some embodiments of the present application, and that other drawings can be obtained according to these drawings without inventive effort for a person skilled in the art.
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 according to an embodiment of the present application;
fig. 3 is a software architecture block diagram of a terminal device according to an embodiment of the present application;
fig. 4 is a schematic diagram of a conventional progress bar display on a terminal device with a water-ink screen according to the present application;
Fig. 5 is a flow chart of a progress bar display method according to an embodiment of the present application;
fig. 6 is a schematic diagram of a progress bar display on a terminal device with an ink screen according to an embodiment of the present application;
Fig. 7 is an operation schematic diagram of a progress bar display on a terminal device with an ink screen according to an embodiment of the present application;
FIG. 8 is a schematic diagram of a lateral progress bar display according to an embodiment of the present application;
FIG. 9 is a schematic diagram of a vertical progress bar display according to an embodiment of the present application;
fig. 10 is a schematic diagram of another progress bar display on a terminal device with an ink screen according to an embodiment of the present application;
Fig. 11 is a schematic structural diagram of a progress bar display 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 more apparent, the present application will be described in further detail below with reference to the accompanying drawings, and it is apparent that the described embodiments are only some embodiments of the present application, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
It should be noted that, the application scenario described in the following embodiments of the present application is for more clearly describing the technical solution of the embodiments of the present application, and does not constitute a limitation on the technical solution provided by the embodiments of the present application, and those skilled in the art can know that, with the appearance of the new application scenario, the technical solution provided by the embodiments of the present application is also applicable to similar technical problems.
At present, a terminal device using a water-ink screen as a display screen can only display a gray-scale image due to the influence of the physical characteristics of the water-ink screen, or corresponds to any point on the water-ink screen, and the color of the point is not black, namely white. Therefore, when the progress bar is used, the situation that images and texts are overlapped and in the same color can occur, and the original image can not be seen clearly in the display area of the progress bar.
As shown in fig. 1, when the current progress of the progress bar is close to zero, the background of the progress bar area is displayed in white and the original image of the progress bar area is displayed in black, wherein the original image may include text and graphics. When the user adjusts the progress of the progress bar, the coverage area of the current progress is displayed in a color opposite to the background, i.e., black. As the current progress of the progress bar increases, the black area may cover the original image of the progress bar area, resulting in the user not being able to see the original image in the progress bar at all.
In order to solve the above-mentioned drawbacks in the prior art, an embodiment of the present application provides a terminal device and a progress bar display method, where, when the terminal device displays a progress bar, an original image displayed in an original layer of a progress bar area is obtained, and a display layer is created above the original layer of the progress bar area; the display layer covers the progress bar area, generates an intersection image in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, and displays the intersection image in the display layer by adopting a display color opposite to the original image. That is, when the progress bar is adjusted, an intersection image is obtained based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, and the intersection image in the display layer is displayed by adopting a display color opposite to that of the original image. Therefore, the current progress of the progress bar is distinguished, the situation that the graphics and texts overlap and are in the same color is avoided, and the use experience of a user is improved.
Fig. 2 shows a schematic structural diagram of a terminal device 200 according to an embodiment of the present application. As shown in fig. 2, the terminal device 200 may include an ink screen 201, a memory 202, and a processor 203. The display device with the ink screen and the display function only can be used, and the display device can also be electronic devices such as a mobile phone or a tablet personal computer with the ink screen.
The ink screen 201 is used for displaying a display interface of ink style when the terminal device is running.
A memory 202 for storing data or program codes used when the terminal device 200 is operated. The memory 202 may store data or program codes required for at least one function, such as an application program of the interface display method.
The processor 203, i.e., a CPU module, may include one or more single-chip microprocessors, digital processing units, or the like. The processor 203 may implement the above-described progress bar display method when calling a computer program stored in the memory 202 of the terminal device 200. Such as: in the running process of the terminal equipment, acquiring an original image displayed in an original image layer of a progress bar area, and creating a display image layer above the original image layer of the progress bar area; the display layer covers the progress bar area, generates an intersection image in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, and displays the intersection image in the display layer by adopting a display color opposite to the original image.
The specific connection medium between the ink screen 201, the storage 202, and the processor 203 is not limited in the embodiment of the present application. In the embodiment of the present application, the ink screen 201, the storage 202 and the processor 203 are connected through the bus 204 in fig. 2, where the bus 204 is indicated by a thick line in fig. 2, and the connection manner between other components is only schematically illustrated, but not limited thereto. The bus 204 may be an address bus, a data bus, a control bus, or the like. For ease of illustration, only one thick line is shown in fig. 2, but not only one bus or one type of bus.
In some embodiments, the terminal device provided by the embodiment of the application may be a mobile phone with an ink screen. Illustratively, a hardware configuration block diagram of the terminal device 300 according to an embodiment is shown in fig. 3. As shown in fig. 3, the terminal device 300 includes: radio Frequency (RF) circuitry 310, processor 320, memory 330, display 340, audio circuitry 350, wireless fidelity (WIRELESS FIDELITY, wi-Fi) module 360, and sensor 370.
The RF circuit 310 may be configured to receive and transmit signals during a message or call, and may receive downlink data of a base station and then transmit the downlink data to the processor 320 for processing; uplink data may be sent to the base station. Typically, RF circuitry includes, but is not limited to, antennas, at least one amplifier, transceivers, couplers, low noise amplifiers, diplexers, and the like.
Memory 330 may be used to store data or program codes used by terminal device 300 when operating. The processor 330 performs various functions of the terminal device 300 and data processing by executing data or program codes stored in the memory 330. Memory 330 may include high-speed random access memory, but may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device. The memory 330 stores an operating system that enables the terminal device 300 to operate. The memory 330 may store an operating system and various application programs, and may also store codes for performing the methods according to the embodiments of the present application.
The display 340 may be used to receive input numeric or character information, generate signal inputs related to user settings and function controls of the terminal device 300, and in particular, the display 340 may include a touch screen 341 disposed on the front of the terminal device 300, may collect touch operations on or near the user, such as clicking buttons, dragging scroll boxes, and the like.
The display 340 may also be used to display information entered by a user or provided to a user as well as a graphical user interface (GRAPHICAL USER INTERFACE, GUI) of various menus of the terminal device 300. In particular, the display 340 may include an ink screen 342 disposed on a front side of the terminal device 300. The ink screen 342 is 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, and when we apply positive and negative voltages on one side, the charged liquid is attracted and repelled, respectively. Thus, each pixel can display white or black. The ink screen 342 is configured in this manner. The display 340 may be used to display an ink-wash style display interface when the terminal device is operating. Such as an original image of a displayed progress bar when the user adjusts the progress bar using the terminal device 300.
The touch screen 341 may cover the ink screen 342, or the touch screen 341 may be integrated with the ink screen 342 to implement the input and output functions of the terminal device 300, and the integrated touch screen may be simply referred to as a touch display screen.
The terminal device 300 may further comprise at least one sensor 370, such as an acceleration sensor 371, a distance sensor 372, a fingerprint sensor 373, a temperature sensor 374. The terminal device 300 may also be configured with other sensors such as gyroscopes, barometers, hygrometers, thermometers, infrared sensors, light sensors, motion sensors, and the like. For example, the fingerprint sensor 373 may be used to sense that a user clicks an icon of the operation interface of the terminal device 300.
Audio circuitry 350, speaker 351, microphone 352 can provide an audio interface between a user and terminal device 300. The audio circuit 350 may transmit the received electrical signal converted from audio data to the speaker 351, and convert the electrical signal into a sound signal by the speaker 351. The terminal device 300 may also be configured with a volume button for adjusting the volume of the sound signal.
Wi-Fi belongs to a short-range wireless transmission technology, and the terminal device 300 can help a user to send and receive e-mail, browse web pages, access streaming media and the like through the Wi-Fi module 360, so that wireless broadband internet access is provided for the user.
The processor 320 is a control center of the terminal device 300, connects various parts of the entire terminal using various interfaces and lines, and performs various functions of the terminal device 300 and processes data by running or executing software programs stored in the memory 330 and calling data stored in the memory 330. In some embodiments, processor 320 may include one or more processing units. The processor 320 may run an operating system, an application program, a user interface display, a touch response, and a progress bar display method according to the embodiments of the present application. In addition, the processor 320 is coupled to a display 340.
In the embodiment of the present application, during the operation of the terminal device 300, the processor 320 obtains an original image displayed in an original layer of the progress bar area, and creates a display layer above the original layer of the progress bar area; the display layer covers the progress bar area, generates an intersection image in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, and displays the intersection image in the display layer by adopting a display color opposite to the original image.
The method comprises the steps of creating a display image layer above an original image layer of a progress bar area, covering the progress bar area by the display image layer, generating an intersection image in the display image layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image, determining the intersection image in the display image layer, and displaying the intersection image in the display image layer by adopting a display color opposite to that of the original image, wherein the current progress of the progress bar is displayed as the intersection image, and the intersection image is distinguished from the original image, so that the phenomenon of overlapping with the image and the text of the original image can not occur, and the problem of completely covering the original image in the progress bar adjustment process can not occur.
In one possible embodiment, the display layers include an upper layer and a lower layer, and the processor performs the following operations, respectively: obtaining a display image of a lower layer based on the original image; and determining the coverage area of the solid-color image in the upper layer according to the current progress of the progress bar, and generating an intersection image based on the overlapping area of the coverage areas of the display image and the solid-color image.
And dividing an upper layer and a lower layer in the display layers, wherein the upper layer selects a solid-color image, determining a coverage area of the solid-color image in the upper layer according to the current progress of the progress bar, and generating an intersection image based on an overlapping area of the coverage areas of the display image and the solid-color image.
Wherein, the solid color image in the upper layer can be selected as black or white.
In one possible embodiment, a colorless display image based on the copy of the original image is generated in the lower layer, or a display image based on the copy of the original image is generated in the lower layer, the display color of the display image being the same as the original image.
The display image in the lower layer is duplicated based on the original image, and the display image has the same display content as the original image. However, the display image may be selected to be colorless, and the display image passing through the colorless lower layer may show the original image, and the same content may be seen.
In one possible embodiment, the solid image in the upper layer is set to a display color opposite to the original image, in the display layer, the non-overlapping areas of the covered areas of the display image and the solid image are displayed to a display color opposite to the solid image, and the intersection image is displayed to the same display color as the solid image.
Specifically, if the original image is black, the solid image is white. In this case, in the display layer, the intersection image is displayed in white, and the non-overlapping region is displayed in black. No matter how the progress bar is adjusted, the intersection image is opposite to the original image, the non-overlapping area is displayed in black, the intersection image is displayed in white, and the situation of color smoothness does not occur.
If the original image is white, the area except the original image in the original image layer is black, the pure-color image can be selected to be black, the intersection image is black, and the non-overlapping area is white. The same situation of color shifting does not occur.
In one possible embodiment, in response to a touch operation for a region of the progress bar, a position of a touch point of the touch operation is obtained, a current progress of the progress bar is determined according to the position of the touch point, and a coverage region of the solid-color image is determined according to the current progress of the progress bar.
The progress bar can be arranged transversely or longitudinally, and the current progress of the progress bar can be determined as long as the position of the touch point is acquired, so that the coverage area of the solid-color image can be determined.
Optionally, the terminal device 300 may further include a bluetooth module for exchanging information with other bluetooth devices having a bluetooth module through a bluetooth protocol. For example, the terminal device 300 may establish a bluetooth connection with other terminal devices (such as a tablet computer) that also have a bluetooth module through the bluetooth module, so as to perform data interaction.
The terminal device 300 may also include a camera for capturing still images or video. The camera can be one or a plurality of cameras. The object generates an optical image through the lens and projects the optical image onto the photosensitive element. The photosensitive element may be a charge coupled device (charge coupled device, CCD) or a Complementary Metal Oxide Semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, which is then transferred to the processor 320 for conversion into a digital image signal.
The terminal device 300 may further include a peripheral interface, such as the USB interface described above, for connecting a charging cord or other peripherals.
Fig. 4 is a software configuration block diagram of the terminal device 300 of the embodiment of the present application.
The layered architecture divides the software into several layers, each with distinct roles and branches. The layers communicate with each other through a software interface. In some embodiments, the Android system is divided into four layers, from top to bottom, an application layer, an application framework layer, an Zhuoyun rows (Android runtime) and system libraries, and a kernel layer, respectively.
The embodiment of the application provides a terminal device 300, which mainly aims at the problem that the coverage area of a progress bar overlaps with the original image and text and is in the same color when the terminal device 300 of a water-ink screen 342 adjusts certain progress bars.
The application layer may include a series of application packages. As shown in fig. 4, 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 300.
The application framework layer provides an application programming interface (application programming interface, API) and programming framework for the application of the application layer. The application framework layer includes a number of predefined functions.
As shown in fig. 4, the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.
The window manager is used for managing window programs. The window manager can acquire 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 such data accessible to applications. The data may include alarm clock data, video, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.
The view system may be used to build applications. The display interface may be composed of one or more views. For example, when the user adjusts the progress bar, the progress bar area displays an image.
The telephony manager is used to provide the communication functions of the terminal device 300. Such as the management of call status (including on, hung-up, etc.). The resource manager provides various resources for the application program, such as localization strings, icons, pictures, layout files, video files, and the like.
The notification manager allows the application to display notification information in a status bar, can be used to communicate notification type messages, can automatically disappear after a short dwell, and does not require user interaction. Such as notification manager is used to inform that the download is complete, message alerts, etc. The notification manager may also be a notification in the form of a chart or scroll bar text that appears on the system top status bar, 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, a text message is prompted in a status bar, a prompt tone is emitted, the terminal vibrates, and an indicator light blinks.
Android run time includes a core library and virtual machines. Android run is responsible for scheduling and management of the Android system.
The core library consists of 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. The virtual machine executes java files of the application program layer and the application program framework layer as binary files. The virtual machine is used for executing the functions of object life cycle management, stack management, thread management, security and exception management, garbage collection and the like.
The system library may include a plurality of functional modules. For example: surface manager (surface manager), media Libraries (Media Libraries), three-dimensional graphics processing Libraries (e.g., openGL ES), 2D graphics engines (e.g., SGL), etc. Wherein the three-dimensional graphics processing library and the 2D graphics engine both belong to a common camera resource.
The surface manager is used to manage the display subsystem and provides a fusion of 2D and 3D layers for multiple applications.
Media libraries support a variety of commonly used audio, video format playback and recording, still image files, and the like. The media library may support a variety of audio and video encoding formats, such as MPEG4, h.264, MP3, AAC, AMR, JPG, PNG, etc.
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.
Fig. 5 shows a flow chart of a progress bar display method according to an embodiment of the present application. Taking the method for executing on a mobile phone with a water ink screen as an example, as shown in fig. 5, the method comprises the following steps:
step S501: an original image displayed in an original layer of the progress bar area is acquired.
The progress bar in the embodiment of the application can be a progress bar for adjusting contrast, a progress bar for adjusting volume, and a progress bar for adjusting brightness. The following description will be given by taking a progress bar for adjusting contrast as an example.
The display interface of the progress bar may be a display interface with the whole screen of the mobile phone, or may be a progress display when the message notification interface of the mobile phone adjusts the progress bar. In the latter case, the progress bar display of contrast is only a small portion of the entire screen of the handset. As shown in fig. 10.
Step S502: above the original layer of the progress bar area, a display layer is created.
Specifically, when a user adjusts a progress bar on a mobile phone with an ink screen, the user usually adjusts the progress bar on an original image layer, but because the adjustment on the original image layer easily causes the problem of overlapping and following of images and texts, a new image layer, namely a display image layer, can be created above the original image layer. The display layer covers the progress bar area, and the original layer and the display layer can be Canvas layers. The original image here refers to the content such as icons and characters displayed in the progress bar coverage area.
Step S503: an intersection image is generated in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image.
In one possible implementation, a display image of a lower layer is obtained based on the original image, a coverage area of the solid image in the upper layer is determined according to the current progress of the progress bar, and an intersection image is generated based on an overlapping area of the display image and the coverage area of the solid image.
The display layers comprise an upper layer and a lower layer.
The length of the coverage area of the solid-color image is specifically adjusted according to the current progress of the progress bar, and the length of the solid-color image can be calculated by using the proportion of the current progress of the progress bar to the total length of the progress bar.
If the progress bar is a lateral progress bar, the length of the coverage area of the solid image= (current progress of progress bar/total length of progress bar) ×width of progress bar. When the progress bar covers the whole mobile phone display interface, the width of the progress bar can be equal to the width of the mobile phone display interface.
If the progress bar is a vertical progress bar, the length of the coverage area of the solid image= (current progress of progress bar/total length of progress bar) ×the height of progress bar. When the progress bar covers the whole mobile phone display interface, the height of the progress bar can be equal to the height of the mobile phone display interface.
In a possible embodiment, based on the original image, a display image of the lower layer is obtained, and contents such as icons and characters displayed in the display image may be the same as those in the original image, the colors may be the same, or the display image may be selected to be colorless.
And determining the coverage area of the solid-color image in the upper layer according to the current progress of the progress bar. If the progress bar is 0, the coverage area of the solid-color image is 0; if the current progress of the progress bar is half of the length of the whole progress bar, the coverage area of the solid-color image is also half of the length of the progress bar.
The solid image in the upper layer may be set to white or alternatively black.
And generating an intersection image according to the overlapping area of the coverage area of the display image and the solid-color image, wherein the intersection image is the overlapping part of the coverage area of the solid-color image and the display image. The display color of the intersection image and the display color of the pure-color image are the same, and are opposite to the display color of the original image, so that the current progress position of the progress bar can be distinguished, and the situation that the graphics and texts overlap and are in the same color can not occur. As shown in fig. 6, fig. 6 shows a schematic diagram of a progress bar display on a terminal device with an ink screen according to an embodiment of the present application.
In one possible embodiment, the colorless display image based on the original image copy is generated in the lower layer, or the display image based on the original image copy is generated in the lower layer.
The original image is copied to obtain a display image of the lower layer, and contents such as icons and characters displayed in the display image can be the same as the icons and characters in the original image, the colors can be the same, and the display image can be selected to be colorless.
Step S504: the intersection image in the display layer is displayed with a display color opposite to that of the original image.
The intersection image in the display image layer can ensure that the original image can not have the problem of picture-text overlapping and color following with the progress bar by adopting the display color opposite to the original image, thereby facilitating the viewing of icons and characters in the original image of the adjusted progress bar.
Illustratively, the solid image in the upper layer is set to a display color opposite to the original image, in the display layer, a non-overlapping area of the display image and the covered area of the solid image is displayed to a display color opposite to the solid image, and the intersection image is displayed to the same display color as the solid image.
In a possible embodiment, if the original image is black, and the other areas except for the original image in the coverage area of the progress bar are displayed as white, the display image in the lower layer is drawn in the display layer, the display image is also selected as black, and the content such as icons and characters is the same as the original image, and the areas except for the display image in the lower layer are also displayed as white. An upper layer is drawn above the lower layer, and the solid image in the upper layer may be selected to be white. The upper layer may be a Src (Source) image, and the display image in the lower layer may be a Dst (Destination) image.
When the white image in the upper image layer and the display image in the lower image layer intersect to form a new image, an overlapping area of the white image and the display image, namely an intersection image, is taken, only pixels of the white image in the intersection area are displayed in the intersection image, and the visual display effect is that the part, overlapped with the current progress of the progress bar, of the icons and the characters in the display image is displayed as white. The non-overlapping area of the coverage area of the display image and the white image is displayed as black. The effect of the specific presentation may be referred to the schematic diagram shown in fig. 6.
The process of intersecting the Src image with the Dst image and drawing only the white image pixels IN the upper layer may be implemented by setting the porterduff. Mode. Src_in layer blending mode (baud Du Futu layer blending mode) by using a brush.
If the transparency of the white image in the upper layer and the display image in the lower layer are both 1, in this mode, the overlapping portion of the white image in the upper layer and the display image in the lower layer, that is, the intersection image, only retains the pixels of the white image in the upper layer covering the overlapping area of the display image.
For example, if the white image and the display image are not overlapped, and there is no overlapping area, the current progress of the progress bar and the original image are not overlapped, and the coverage area of the white image is the non-overlapping area with the display image, which can be displayed in black. Fig. 7 is a schematic diagram showing several situations that may occur as the current progress of the progress bar increases during adjustment of the progress bar.
In another possible embodiment, if the copy of the original image is a colorless display image, the transparency of the display image can be set, so that the original image can be directly seen in the display layer, and the coverage area of the solid-color image in the upper layer is determined according to the current progress of the progress bar, so that the intersection image is obtained based on the coverage area of the solid-color image and the colorless display image.
The display color of the original image may be black, and the display color of the solid image may be white, so that after the intersection image is obtained, the intersection image is drawn to white, and can be distinguished from the original image, and a non-overlapping area of the coverage area of the colorless display image and the solid image is displayed as black. The intersection image and the non-overlapping region are integrally drawn to appear, and the effect diagram to be presented can also refer to the schematic diagram shown in fig. 6.
Based on the step S503, the coverage area of the solid image in the upper layer is determined according to the current progress of the progress bar, and the specific implementation manner may be: and responding to the touch operation aiming at the progress bar area, acquiring the position of a touch point of the touch operation, determining the current progress of the progress bar according to the position of the touch point, and determining the coverage area of the solid-color image according to the current progress of the progress bar.
In one possible embodiment, the touch screen may be used to detect a touch operation for the area of the progress bar, when the progress bar is not adjusted, the position of the progress bar is obtained, the position is set as an initial position, the process of performing the touch operation by the user is the process of adjusting the progress bar by the user, the user stops the touch operation, and then the end position of the touch point is obtained when the user stops the touch operation, and the end position is the current progress of the progress bar.
In one possible embodiment, if the progress bar uses the whole screen of the mobile phone as a display interface, the initial coordinate position may be considered as (0, 0), and the current progress of the progress bar is the position of the ending coordinate position, that is, the coverage area of the progress bar.
For example, if the progress bar is a horizontal progress bar, the abscissa of the ending coordinate position is subtracted from the abscissa of the initial coordinate position to obtain a specific area for progress bar adjustment. The specific area of the progress bar adjustment is the area covered by the progress bar, namely the coverage area of the solid-color image, and the abscissa of the ending coordinate position minus the abscissa of the initial coordinate position is the length of the coverage area of the solid-color image. Fig. 8 is a schematic diagram of a lateral progress bar according to an embodiment of the present application.
For example, if the progress bar is a vertical progress bar, the ordinate of the initial coordinate position is subtracted from the ordinate of the end coordinate position to obtain a specific area for adjustment of the progress bar. The specific area of the progress bar adjustment is the area covered by the progress bar, and is also the coverage area of the solid-color image, and the length of the coverage area of the solid-color image is subtracted from the ordinate of the ending coordinate position. Fig. 9 is a schematic diagram of a vertical progress bar display according to an embodiment of the present application.
In another possible embodiment, the current progress value of the progress bar can be directly obtained through an interface of a progress bar control in the mobile phone, and the interface is getProgress (X); the total progress of the progress bar can be set to be total length by the other interface of the progress bar control, and the interface is setMax (X).
The total progress of the progress bar and the current progress of the progress bar are known, and the coverage area of the solid image and the length of the coverage area of the solid image can be known.
Based on the same inventive concept, the embodiment of the present invention further provides a progress bar display device, as shown in fig. 11, where the progress bar display device includes:
An acquisition unit 1101 for acquiring an original image displayed in an original layer of a progress bar area;
A creating unit 1102, configured to create a display layer above an original layer of the progress bar area;
a generating unit 1103, configured to generate an intersection image in the display layer based on the overlapping area of the coverage area of the current progress of the progress bar and the original image;
A display unit 1104 for displaying the intersection image in the display layer with a display color opposite to the original image.
In a possible implementation manner, the generating unit 1103 is further configured to:
Obtaining a display image of a lower layer based on the original image;
determining the coverage area of the solid-color image in the upper layer according to the current progress of the progress bar;
an intersection image is generated based on the overlapping area of the coverage areas of the display image and the solid image.
In one possible manner, the generating unit 1103 is further configured to:
Generating a colorless display image based on the original image copy in the lower layer; or alternatively
Generating a display image based on the original image copy in the lower layer; the display color of the display image is the same as that of the original image.
In one possible manner, the generating unit 1103 is further configured to:
setting the solid image in the upper layer to a display color opposite to the original image;
in the display layer, a non-overlapping area of the coverage area of the display image and the solid image is displayed as a display color opposite to the solid image, and the intersection image is displayed as the same display color as the solid image.
In one possible manner, the generating unit 1103 is further configured to:
Responding to the touch operation aiming at the progress bar area, and acquiring the position of a touch point of the touch operation;
and determining the current progress of the progress bar according to the position of the touch point, and determining the coverage area of the solid-color image according to the current progress of the progress bar.
The embodiment of the application also provides a computer readable nonvolatile storage medium, which comprises program code, wherein when the program code runs on a computing terminal, the program code is used for enabling the computing terminal to execute the steps of any progress bar display method.
It will be appreciated by those skilled in the art that 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 flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations 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 modifications and variations can be made to the present application without departing from the spirit or scope of the application. Thus, it is intended that the present application also include such modifications and alterations insofar as they come within the scope of the appended claims or the equivalents thereof.

Claims (4)

1. A terminal device, comprising: shui Mobing, a memory, and a processor;
the water Mo Bing is configured to display an interface of the terminal device when operating;
the memory is configured to store data or program code used by the terminal device when operating;
The processor is configured to acquire an original image displayed in an original layer of a progress bar area in the operation process of the terminal equipment, and create a display layer above the original layer of the progress bar area; the display layer covers the progress bar area; the original image represents icons and text contents displayed in the progress bar area; the display layer comprises an upper layer and a lower layer; generating a colorless display image which is obtained based on the original image in the lower layer; or generating a display image which is copied based on the original image in the lower layer; the display color of the display image is the same as that of the original image; determining the coverage area of the solid-color image in the upper image layer according to the current progress of the progress bar; generating an intersection image based on an overlapping area of the coverage areas of the display image and the solid image; setting a solid image in the upper layer to a display color opposite to the original image; in the display layer, a non-overlapping region of the display image and the coverage region of the solid image is displayed as a display color opposite to the solid image, and the intersection image is displayed as the same display color as the solid image.
2. The terminal device of claim 1, wherein the processor is specifically configured to:
responding to the touch operation aiming at the progress bar area, and acquiring the position of a touch point of the touch operation;
and determining the current progress of the progress bar according to the position of the touch point, and determining the coverage area of the solid-color image according to the current progress of the progress bar.
3. A progress bar display method, characterized in that it is applied to a terminal device having a water-ink screen, the method comprising:
acquiring an original image displayed in an original image layer of a progress bar area;
creating a display layer above the original layer of the progress bar area; the display layer covers the progress bar area; the display layer comprises an upper layer and a lower layer;
Generating a colorless display image which is obtained based on the original image in the lower layer; or alternatively
Generating a display image which is copied based on the original image in the lower layer; the display color of the display image is the same as that of the original image;
determining the coverage area of the solid-color image in the upper image layer according to the current progress of the progress bar;
Generating an intersection image based on an overlapping area of the coverage areas of the display image and the solid image;
setting a solid image in the upper layer to a display color opposite to the original image;
In the display layer, a non-overlapping region of the display image and the coverage region of the solid image is displayed as a display color opposite to the solid image, and the intersection image is displayed as the same display color as the solid image.
4. A computer-readable storage medium having a computer program stored therein, characterized in that: which computer program, when being executed by a processor, implements the method of claim 3.
CN202111105372.7A 2021-09-22 Terminal equipment and progress bar display method Active CN113934340B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111105372.7A CN113934340B (en) 2021-09-22 Terminal equipment and progress bar display method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111105372.7A CN113934340B (en) 2021-09-22 Terminal equipment and progress bar display method

Publications (2)

Publication Number Publication Date
CN113934340A CN113934340A (en) 2022-01-14
CN113934340B true CN113934340B (en) 2024-04-19

Family

ID=

Citations (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6587118B1 (en) * 1999-03-31 2003-07-01 Sony Corporation Image displaying processing method, medium including an image displaying processing program stored thereon, and image displaying processing apparatus
US6934916B1 (en) * 1999-01-20 2005-08-23 Hewlett-Packard Development Company, L.P. Method and apparatus for improving a progress monitor during a long computer process
CN103823651A (en) * 2014-02-17 2014-05-28 联想(北京)有限公司 Information processing method and electronic equipment
CN105446647A (en) * 2015-12-25 2016-03-30 智慧方舟科技有限公司 E-ink book and reading note implementation method and device thereof
CN106814932A (en) * 2016-11-29 2017-06-09 深圳市金立通信设备有限公司 A kind of desktop wallpaper display methods and terminal
WO2018000629A1 (en) * 2016-06-30 2018-01-04 乐视控股(北京)有限公司 Brightness adjustment method and apparatus
JP2018180273A (en) * 2017-04-13 2018-11-15 大日本印刷株式会社 Display adjustment device, display adjustment method, program for display adjustment device, and display body
CN108989674A (en) * 2018-07-26 2018-12-11 努比亚技术有限公司 A kind of browsing video method, terminal and computer readable storage medium
CN110021257A (en) * 2019-04-02 2019-07-16 Oppo广东移动通信有限公司 Display brightness method of adjustment and relevant device
CN111508039A (en) * 2020-04-20 2020-08-07 青岛海信移动通信技术股份有限公司 Word processing method of ink screen and communication terminal
CN111596853A (en) * 2020-04-29 2020-08-28 五八有限公司 Method and device for realizing rolling indicator, electronic equipment and storage medium
CN111596998A (en) * 2020-05-13 2020-08-28 青岛海信移动通信技术股份有限公司 Page processing method of ink screen and terminal
CN111953899A (en) * 2020-08-04 2020-11-17 深圳市锐尔觅移动通信有限公司 Image generation method, image generation device, storage medium, and electronic apparatus
CN111984164A (en) * 2020-08-31 2020-11-24 Oppo广东移动通信有限公司 Wallpaper generation method, device, terminal and storage medium
WO2021135601A1 (en) * 2019-12-31 2021-07-08 华为技术有限公司 Auxiliary photographing method and apparatus, terminal device, and storage medium

Patent Citations (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6934916B1 (en) * 1999-01-20 2005-08-23 Hewlett-Packard Development Company, L.P. Method and apparatus for improving a progress monitor during a long computer process
US6587118B1 (en) * 1999-03-31 2003-07-01 Sony Corporation Image displaying processing method, medium including an image displaying processing program stored thereon, and image displaying processing apparatus
CN103823651A (en) * 2014-02-17 2014-05-28 联想(北京)有限公司 Information processing method and electronic equipment
CN105446647A (en) * 2015-12-25 2016-03-30 智慧方舟科技有限公司 E-ink book and reading note implementation method and device thereof
WO2018000629A1 (en) * 2016-06-30 2018-01-04 乐视控股(北京)有限公司 Brightness adjustment method and apparatus
CN106814932A (en) * 2016-11-29 2017-06-09 深圳市金立通信设备有限公司 A kind of desktop wallpaper display methods and terminal
JP2018180273A (en) * 2017-04-13 2018-11-15 大日本印刷株式会社 Display adjustment device, display adjustment method, program for display adjustment device, and display body
CN108989674A (en) * 2018-07-26 2018-12-11 努比亚技术有限公司 A kind of browsing video method, terminal and computer readable storage medium
CN110021257A (en) * 2019-04-02 2019-07-16 Oppo广东移动通信有限公司 Display brightness method of adjustment and relevant device
WO2021135601A1 (en) * 2019-12-31 2021-07-08 华为技术有限公司 Auxiliary photographing method and apparatus, terminal device, and storage medium
CN111508039A (en) * 2020-04-20 2020-08-07 青岛海信移动通信技术股份有限公司 Word processing method of ink screen and communication terminal
CN111596853A (en) * 2020-04-29 2020-08-28 五八有限公司 Method and device for realizing rolling indicator, electronic equipment and storage medium
CN111596998A (en) * 2020-05-13 2020-08-28 青岛海信移动通信技术股份有限公司 Page processing method of ink screen and terminal
CN111953899A (en) * 2020-08-04 2020-11-17 深圳市锐尔觅移动通信有限公司 Image generation method, image generation device, storage medium, and electronic apparatus
CN111984164A (en) * 2020-08-31 2020-11-24 Oppo广东移动通信有限公司 Wallpaper generation method, device, terminal and storage medium

Non-Patent Citations (5)

* Cited by examiner, † Cited by third party
Title
为标准键盘定制一组音量控制键;李斌;电脑编程技巧与维护;20131003;第19-22页 *
基于动态控件的进度指示器反显设计与实现;宋新爱等;电脑编程技巧与维护(第10期);第38-40页 *
基于超低功耗无线通信技术的电子墨水标签显示系统研究;赵威等;电力信息与通信技术;20180415;第16卷(第04期);第54-58页 *
有趣的图层蒙版;李素娟;电脑迷(第02期);第62-63页 *
浅谈蒙板、通道、选区的本质和联系;赵海燕;科技信息;20130105(第01期);第326页 *

Similar Documents

Publication Publication Date Title
CN109782976B (en) File processing method, device, terminal and storage medium
CN111508039B (en) Word processing method of ink screen and communication terminal
WO2021008334A1 (en) Data binding method, apparatus, and device of mini program, and storage medium
CN111597000B (en) Small window management method and terminal
WO2021008295A1 (en) Mini-program production method and apparatus, and terminal and storage medium
CN110874217A (en) Interface display method and device for fast application and storage medium
CN113223464A (en) Ink screen image display method and ink screen terminal
CN112184595B (en) Mobile terminal and image display method thereof
CN110865863B (en) Interface display method and device for fast application and storage medium
CN113038141B (en) Video frame processing method and electronic equipment
CN110968815A (en) Page refreshing method, device, terminal and storage medium
CN112925596B (en) Mobile terminal and display method of display object thereof
CN111031377B (en) Mobile terminal and video production method
CN113934340B (en) Terminal equipment and progress bar display method
CN114639358B (en) Ink screen refreshing method, terminal device, storage medium and program product
CN114449171B (en) Method for controlling camera, terminal device, storage medium and program product
CN113360122B (en) Mobile terminal and text display method thereof
CN114067758B (en) Mobile terminal and image display method thereof
CN114035870A (en) Terminal device, application resource control method and storage medium
CN113934340A (en) Terminal device and progress bar display method
CN109714474B (en) Content copying method, device, terminal and storage medium
CN115033199A (en) Mobile terminal and image display method thereof
CN113760164A (en) Display device and response method of control operation thereof
CN112363653A (en) Ink screen display method and terminal
CN114063945A (en) Mobile terminal and image display method thereof

Legal Events

Date Code Title Description
PB01 Publication
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Country or region after: China

Address after: 266071 Shandong city of Qingdao province Jiangxi City Road No. 11

Applicant after: Qingdao Hisense Mobile Communication Technology Co.,Ltd.

Address before: 266071 Shandong city of Qingdao province Jiangxi City Road No. 11

Applicant before: HISENSE MOBILE COMMUNICATIONS TECHNOLOGY Co.,Ltd.

Country or region before: China

GR01 Patent grant