CN113934340A

CN113934340A - Terminal device and progress bar display method

Info

Publication number: CN113934340A
Application number: CN202111105372.7A
Authority: CN
Inventors: 解瑾; 刘薇; 夏文卓
Original assignee: Hisense Mobile Communications Technology Co Ltd
Current assignee: Hisense Mobile Communications Technology Co Ltd
Priority date: 2021-09-22
Filing date: 2021-09-22
Publication date: 2022-01-14
Anticipated expiration: 2041-09-22
Also published as: CN113934340B

Abstract

The embodiment of the application provides a terminal device and a progress bar display method, and relates to the technical field of computers, wherein the terminal device comprises: the system comprises an ink screen, a memory and a processor, wherein the ink screen displays an interface of the terminal equipment during operation; the memory stores data or program code used by the terminal device when operating; the method comprises the steps that a processor acquires an original image displayed in an original image layer of a progress bar area in the running process of the terminal device, and a display image layer is created above the original image layer of the progress bar area; and covering the progress bar area by the display 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, and displaying the intersection image in the display layer by adopting a display color opposite to that of the original image. Through the process, the coverage area and the original image of the current progress of the progress bar can be distinguished, the situation of image-text overlapping and color smoothing can not occur, and the use experience of a user is improved.

Description

Terminal device and progress bar display method

Technical Field

The application relates to the technical field of computers, in particular to a terminal device and a progress bar display method.

Background

With the development of science and technology, users have higher requirements on mobile phones and pay more attention to the use experience. The terminal equipment with the ink screen can protect eyes, and can experience the paper reading feeling on the terminal equipment, so that the ink screen terminal equipment becomes the primary choice of users.

However, the terminal device with the ink-water screen is affected by physical characteristics, and only gray-scale images can be displayed, when the progress bar is used, the image-text overlapping and color smoothing situation occurs, and in the terminal device with the ink-water screen, the display situation of the overlapping part cannot be distinguished by using colors with obvious contrast, so that how to solve the image-text overlapping and color smoothing situation occurring when the progress bar is displayed is an urgent problem to be solved.

Disclosure of Invention

In order to solve the problems in the prior art, embodiments of the present application provide a terminal device and a progress bar display method, which can solve the problem of overlapping and sequential images and texts occurring when the progress bar is adjusted.

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 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, obtain an original image displayed in an original image layer of a progress bar region, and create a display image layer above the original image layer of the progress bar region; and the display layer covers the progress bar area, an intersection image is generated 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 the intersection image in the display layer is displayed by adopting a display color opposite to that of the original image.

In the terminal device provided by the embodiment of the application, the processor responds to the operation of a user, obtains 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; and covering the progress bar area by the display 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, and displaying the intersection image in the display layer by adopting a display color opposite to that of the original image. The terminal equipment in the application can obtain the intersection image based on the overlapping area of the coverage area of the current progress of the progress bar and the original image when the progress bar is adjusted, and the intersection image in the display layer is displayed by adopting the display color opposite to that of the original image. Therefore, the current progress of the progress bar is distinguished, the situation of overlapping of the image and the text and the color can not occur, the user can see the current progress clearly, the original image of the progress bar area can be seen clearly, and the use experience of the user is improved.

In a possible implementation manner, the display layers include an upper layer and a lower layer; the treatment appliance is configured to:

obtaining a display image of the lower image layer based on the original image;

determining a coverage area of the pure-color image in the upper image layer according to the current progress of the progress bar;

generating the intersection image based on an overlapping area of the coverage areas of the display image and the solid image.

The terminal device in the embodiment provided by the application is divided into a lower layer and an upper layer in a display layer, a display image of the lower layer is obtained according to an original image, a coverage area of a pure color image in the upper layer is determined according to the current progress of a progress bar, and an intersection image is determined by using the coverage area of the pure color image in the upper layer and an overlapping area of the display image. The intersection image is determined in such a way that the display content of the original image in the original image layer is not influenced, the system setting of the mobile phone is not required to be changed, the intersection image acquisition steps are all carried out in the display image layer, and the visual field level can be reduced by completing the intersection image acquisition steps in the same image layer.

In one possible implementation, the processor is further configured to:

generating a colorless display image obtained by copying based on the original image in the lower image layer; alternatively, the first and second electrodes may be,

generating a display image copied based on the original image in the lower image layer; the display color of the display image is the same as the original image.

In one possible implementation, the processor is further configured to:

setting the pure color image in the upper image layer as a display color opposite to the original image;

in the display layer, a non-overlapping area of the coverage areas of the display image and the pure color image is displayed as a display color opposite to that of the pure color image, and the intersection image is displayed as a display color identical to that of the pure color image.

The terminal equipment provided by the embodiment of the application displays the intersection image as the same display color as the pure color image on the upper image layer when the intersection image is acquired on the display image layer, displays the non-overlapping area as the display color opposite to the pure color image, and is more convenient to distinguish the intersection image and the original image, so that the progress bar is displayed more clearly.

In one possible embodiment, the treatment appliance is 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 pure-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 with an ink and water screen, and 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 overlapping area of the coverage area of the current progress of the progress bar and the original image;

and displaying the intersection image in the display layer by adopting a display color opposite to that of the original image.

In a possible implementation manner, the display layers include 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, wherein the overlapping area comprises:

obtaining a display image of the lower image layer based on the original image;

In a possible manner, the obtaining a display image of the lower layer based on the original image includes:

In a possible implementation manner, the displaying the intersection image in the display layer in an opposite display color to the original image includes:

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 image layer includes:

In a third aspect, an embodiment of the present application provides a progress bar display device, including:

the device comprises an acquisition unit, a display unit and a display unit, wherein the acquisition unit is used for acquiring an original image displayed in an original image layer of a progress bar area;

the creating unit is used for creating a display layer above the original layer of the progress bar area;

the generating unit is used for 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;

and the display unit is used for displaying the intersection image in the display layer by adopting a display color opposite to that of the original image.

In a possible implementation, the generating unit is further configured to:

obtaining a display image of the lower image layer based on the original image;

In a possible manner, the generating unit is further configured to:

In a fourth aspect, an embodiment of 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 progress bar 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 diagram of an existing progress bar display on a terminal device with an ink-water screen provided by the present application;

fig. 5 is a schematic flowchart of a method for displaying a progress bar according to an embodiment of the present disclosure;

fig. 6 is a schematic diagram of a progress bar display on a terminal device having an ink-water screen according to an embodiment of the present application;

fig. 7 is an operation diagram of a progress bar display on a terminal device having an ink-water screen according to an embodiment of the present application;

FIG. 8 is a schematic diagram of a horizontal progress bar display provided by an embodiment of the present application;

FIG. 9 is a schematic diagram of a vertical progress bar display provided by an embodiment of the present application;

FIG. 10 is a schematic diagram of another progress bar display on a terminal device with an ink-water 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 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.

At present, a terminal device using an ink screen as a display screen can only display a gray-scale image due to the influence of the physical characteristics of the ink screen, or, corresponding to any point on the ink screen, the color of the point is not black, i.e., white. Thus, when the progress bar is used, the images and texts are overlapped and are in a smooth color, so that 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 region is displayed in white and the original image of the progress bar region 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 that the user cannot see clearly, or even completely, the original image in the progress bar.

In order to solve the defects 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, the terminal device obtains an original image displayed in an original layer of a progress bar region, and creates a display layer above the original layer of the progress bar region; and covering the progress bar area by the display 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, and displaying the intersection image in the display layer by adopting a display color opposite to that of the original image. That is, when the progress bar is adjusted, an intersection image is obtained based on an 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 of overlapping and coloring of the pictures and the texts can not occur, 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-wash screen 201, a memory 202, and a processor 203. The display device with the ink screen only has the display function, and the display device can also be an electronic device such as a mobile phone or a tablet personal computer with the ink screen.

And the ink screen 201 is used for displaying an ink style display interface when the terminal equipment runs.

A memory 202 for storing data or program codes used in the operation of the terminal device 200. The memory 202 may store data or program code required for at least one function, such as an application program of an interface display method.

The processor 203, i.e., the CPU module, may include one or more single-chip microcomputers, 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 operation 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; and covering the progress bar area by the display 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, and displaying the intersection image in the display layer by adopting a display color opposite to that of the original image.

The specific connection medium among the ink-wash screen 201, the storage 202 and the processor 203 is not limited in the embodiments of the present application. In the embodiment of the present application, the ink screen 201, the storage 202, and the processor 203 are connected by a bus 204 in fig. 2, the bus 204 is indicated by a thick line in fig. 2, and the connection manner between other components is merely schematic and is not limited. The bus 204 may be an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown in FIG. 2, but it is not intended that there be only one bus or one type of bus.

In some embodiments, the terminal device provided by the embodiments of the present application may be a mobile phone having an ink screen. Exemplarily, a hardware configuration block diagram of a 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 (Wi-Fi) module 360, and sensors 370.

The RF circuit 310 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 320 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.

Memory 330 may be used to store data or program codes used in the operation of terminal device 300. 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. The memory 330 may include high speed random access memory and 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 described in the embodiments of the present application.

The display 340 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 300, and particularly, the display 340 may include a touch screen 341 disposed on the front surface of the terminal device 300 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 340 may also be used to display a Graphical User Interface (GUI) for displaying information input by or provided to the user and various menus of the terminal apparatus 300. Specifically, the display 340 may include an ink-in-water screen 342 disposed on a front side of the terminal device 300. The ink screen 342 is mainly composed of a plurality of fine microcapsules, each of which contains positively charged white particles and negatively charged black particles suspended in a clear liquid, and when a positive or negative voltage is applied to one side, the charged liquid is attracted and repelled, respectively. Thus, each pixel can display white or black. The ink-and-water screen 342 is configured according to this manner. Display 340 may be used to display an ink-wash style display interface while the terminal device is running. Such as an original image of the progress bar displayed 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 and the ink screen 342 may be integrated to implement the input and output functions of the terminal device 300, and after the integration, the touch screen may be referred to as a touch display screen for short.

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 a gyroscope, barometer, hygrometer, thermometer, infrared sensor, light sensor, motion sensor, and the like. For example, the fingerprint sensor 373 may be used to sense that the user clicks on an icon of the operation interface of the terminal device 300.

The audio circuitry 350, speaker 351, microphone 352 may provide an audio interface between a user and the terminal device 300. The audio circuit 350 may transmit the electrical signal converted from the received audio data to the speaker 351, and convert the electrical signal into a sound signal by the speaker 351 and output the sound signal. The terminal device 300 may be further provided with a volume button for adjusting the volume of the sound signal.

Wi-Fi belongs to a short-distance wireless transmission technology, and the terminal device 300 can help a user to receive and send e-mails, browse webpages, access streaming media and the like through the Wi-Fi module 360, and provides wireless broadband internet access for the user.

The processor 320 is a control center of the terminal device 300, connects various parts of the entire terminal device 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. In the present application, 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 this embodiment of the present application, in the operation process of the terminal device 300, the processor 320 obtains an original image displayed in an original layer of the progress bar region, and creates a display layer above the original layer of the progress bar region; and covering the progress bar area by the display 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, and displaying the intersection image in the display layer by adopting a display color opposite to that of the original image.

The method comprises the steps of establishing a display layer above an original layer of a progress bar area, enabling the display layer to cover the progress bar area, 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 an original image, determining the intersection image in the display layer, and displaying the intersection image in the display layer by adopting a display color opposite to that of the original image, so that the current progress of the progress bar is displayed as the intersection image, the intersection image is distinguished from the original image, the phenomenon of overlapping with the original image and text cannot occur, and the problem of complete coverage of the original image cannot occur in the process of progress bar adjustment.

In a possible embodiment, the display layers include an upper layer and a lower layer, and the processor performs the following operations: obtaining a display image of a lower layer based on the original image; and determining the coverage area of the pure color image in the upper image 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 pure color image.

And on the basis of the overlapping area of the coverage areas of the display image and the pure color image, generating an intersection image.

The pure color image in the upper image layer can be selected to be black or white.

In one possible embodiment, a colorless display image copied based on the original image is generated in the lower layer, or a display image copied based on the original image is generated in the lower layer, and the display color of the display image is the same as that of the original image.

The display image in the lower layer is obtained by copying based on the original image, and the display content of the display image is the same as that of the original image. However, the display image may be colorless, and the display image passing through the colorless lower layer may display the original image or may see the same content.

In one possible embodiment, the solid image in the upper layer is set to the display color opposite to that of the original image, and in the display layer, the non-overlapping area of the coverage areas of the display image and the solid image is displayed as the display color opposite to that of the solid image, and the intersection image is displayed as the same display color as that of 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 area 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 as black, the intersection image is displayed as white, and the situation of color smoothing can not occur.

If the original image is white, the area of the original image layer except the original image is black, the pure color image can be selected to be black, the intersection image is black, and the non-overlapping area is white. No color-feathering occurs as well.

In one possible embodiment, in response to a touch operation on the progress bar area, the position of a touch point of the touch operation is acquired, the current progress of the progress bar is determined according to the position of the touch point, and the coverage area of the solid 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 obtained, so that the coverage area of the pure-color image can be determined.

Optionally, the terminal device 300 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 300 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 300 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 320 for conversion into digital image signals.

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 block diagram of a software configuration of the terminal device 300 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 300, which mainly aims at the problem that when the terminal device 300 of an ink-water screen 342 adjusts some progress bars, the coverage area of the progress bars is overlapped with the original image text and the original image text.

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 (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. 4, 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 the user adjusts the progress bar, the progress bar region displays an image.

The phone manager is used to provide the communication function of the terminal device 300. 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.

Fig. 5 is a flowchart illustrating a progress bar display method according to an embodiment of the present application. Taking as an example the implementation of the method on a mobile phone with an ink-and-water screen, as shown in fig. 5, the method comprises the following steps:

step S501: and acquiring an original image displayed in an original image layer of the progress bar area.

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 made by taking a progress bar for adjusting contrast as an example.

For example, when the progress bar is adjusted, the display interface of the progress bar may be the entire screen of the mobile phone as the display interface, or may be the progress display when the progress bar is adjusted on the message notification interface of the mobile phone. In this latter case, the progress bar display of the contrast takes up only a small portion of the entire screen of the handset. As shown in fig. 10.

Step S502: and creating a display layer above the original layer of the progress bar area.

Specifically, on a mobile phone with a wash ink screen, when a user adjusts a progress bar, the user usually adjusts the progress bar on an original layer, but since the adjustment on the original layer is prone to a problem of overlapping and sequential colors of pictures and texts, a new layer, that is, a display layer, may be created above the original layer. The display layer covers the progress bar area, and both the original layer and the display layer may be Canvas layers. The original image here refers to the content of icons and characters displayed in the progress bar coverage area.

Step S503: and 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.

In a possible implementation manner, a display image of a lower layer is obtained based on an original image, a coverage area of a solid image in an upper layer is determined according to the current progress of a progress bar, and an intersection image is generated based on an overlapping area of the coverage areas of the display image and the solid image.

The display layer comprises an upper layer and a lower layer.

The length of the coverage area of the pure color image is specifically adjusted according to the current progress of the progress bar, and the length of the pure color image can be calculated by utilizing the proportion of the current progress of the progress bar to the total length of the progress bar.

If the progress bar is a horizontal progress bar, the length of the coverage area of the solid image is (current progress of the progress bar/total length of the progress bar) × the width of the progress bar. When the progress bar covers the whole mobile phone display interface, the width of the progress bar can be equal to that of the mobile phone display interface.

If the progress bar is a longitudinal progress bar, the length of the coverage area of the solid image is (the current progress of the progress bar/the total length of the progress bar) and the height of the progress bar. When the progress bar covers the entire mobile phone display interface, the height of the progress bar may 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 the content displayed in the display image, such as icons and characters, may be the same as the icons and characters in the original image, and may also be the same in color, or the display image may be selected to be colorless.

And determining the coverage area of the pure-color image in the upper image layer according to the current progress of the progress bar. If the progress bar is 0, the coverage area of the pure-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 pure-color image is also half of the length of the progress bar.

The solid color image in the upper image layer can be set to be white or black.

And generating an intersection image according to the overlapping area of the covering areas of the display image and the pure color image, wherein the intersection image is the overlapping part of the covering area of the pure color image and the display image. The display color of the intersection image and the display color of the pure color image can be the same and are opposite to the display color of the original image, so that the position of the current progress of the progress bar can be distinguished, and the situation of overlapping of pictures and texts and natural color can not occur. As shown in fig. 6, fig. 6 is a schematic diagram illustrating a progress bar display on a terminal device having an ink-water screen according to an embodiment of the present application.

In one possible embodiment, a colorless display image copied based on the original image is generated in the lower layer, or a display image copied based on the original image is generated in the lower layer.

The original image is copied to obtain a display image of the lower layer, and the content displayed in the display image, such as icons and characters, may be the same as the icons and characters in the original image, and may also be the same in color, or the display image may be selected to be colorless.

Step S504: and displaying the intersection image in the display layer by adopting a display color opposite to that of the original image.

By adopting the display color opposite to the original image, the intersection image in the display layer is displayed, so that the problem that the original image and the progress bar cannot be overlapped in image-text and in the same color can be solved, and the icons and the characters in the original image of the adjusted progress bar can be conveniently checked.

Illustratively, the solid image in the upper layer is set to a display color opposite to that of the original image, and in the display layer, the non-overlapping area of the coverage areas of the display image and the solid image is displayed as a display color opposite to that of the solid image, and the intersection image is displayed as the same display color as that of the solid image.

In a possible embodiment, if the original image is black, and the other areas except the original image in the progress bar coverage area 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 of the icons, the characters and the like is the same as that of the original image, and the areas except the display image in the lower layer are also displayed as white. And drawing an upper layer above the lower layer, wherein the pure color image in the upper layer can be selected to be white. Here, 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 is intersected with the display image in the lower image layer to form a new image, the overlapping area of the white image and the display image is taken, namely the intersection image, only the pixels of the white image in the intersection area are displayed in the intersection image, and the visually presented effect is that the part of the icons and the characters in the display image, which is overlapped with the current progress of the progress bar, is displayed in white. The non-overlapping area of the coverage area of the display image and the white image is displayed in black. The effect of the specific presentation can refer to the schematic diagram shown in fig. 6.

The process of taking intersection of the Src image and the Dst image and drawing only the white image pixel IN the upper layer can be realized by setting porterduff.

If the transparency of the white image in the upper layer and the transparency of the display image in the lower layer are both 1, in this mode, the overlapped 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 overlapped area where the white image in the upper layer covers the display image.

For example, if the white image and the display image are not overlapped and there is no overlapping area, it indicates that the current progress of the progress bar is not overlapped with the original image, and the covered area of the white image is the non-overlapping area with the display image and can be displayed as black. Fig. 7 is a schematic diagram showing several situations that may occur as the current progress of the progress bar is continuously increased in adjusting the progress bar.

In another possible embodiment, if the colorless display image obtained based on the original image by copying may be realized by setting the transparency of the display image, the displayed effect is that the original image may be directly seen in the display layer, the coverage area of the solid image in the upper layer is determined according to the current progress of the progress bar, and the intersection image is obtained based on the coverage area of the solid image and the colorless display image.

Here, the display color of the original image may be black, and the display color of the pure color image may be white, so that after the intersection image is obtained, the intersection image may be rendered to be white to be distinguished from the original image, and the non-overlapping area of the coverage areas of the colorless display image and the pure color image is displayed to be black. The intersection image and the non-overlapping region are integrally drawn to appear, and the presented effect graph can refer to the schematic diagram shown in fig. 6.

Based on step S503, determining the coverage area of the solid image in the upper layer according to the current progress of the progress bar, where a specific implementation manner may be: 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 pure-color image according to the current progress of the progress bar.

In a possible embodiment, a touch screen may be used to detect a touch operation for a progress bar region, and when the progress bar is not adjusted, a position of the progress bar is obtained and set as an initial position, a process of the user performing the touch operation is a process of the user adjusting the progress bar, and when the user stops the touch operation, an end position of a touch point is obtained, and the end position is a current progress of the progress bar.

In a possible embodiment, if the progress bar uses the whole screen of the mobile phone as the display interface, it may be considered that the initial coordinate position is (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.

Illustratively, if the progress bar is a horizontal progress bar, the horizontal coordinate of the initial coordinate position is subtracted from the horizontal coordinate of the ending coordinate position, so as to obtain a specific area of the progress bar adjustment. The specific area of the progress bar adjustment is the area covered by the progress bar, and is also the covered area of the pure color image, and the length of the covered area of the pure color image is obtained by subtracting the abscissa of the initial coordinate position from the abscissa of the end coordinate position. Fig. 8 is a schematic diagram of a horizontal progress bar display provided in an embodiment of the present application.

Illustratively, if the progress bar is a longitudinal progress bar, the longitudinal coordinate of the initial coordinate position is subtracted from the longitudinal coordinate of the ending coordinate position, so as to obtain a specific area of the progress bar adjustment. The specific area of the progress bar adjustment is the area covered by the progress bar, and is also the covered area of the pure-color image, and the length of the covered area of the pure-color image on the ordinate of the initial coordinate position is subtracted from the ordinate of the end coordinate position. Fig. 9 is a schematic diagram of a vertical progress bar display provided in 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, where the interface is getprogress (x); the total progress of the progress bar can be set to the total length by itself through another interface of the progress bar control, and the interface is setmax (x).

The length of the coverage area of the pure color image and the length of the coverage area of the pure color image can be known through the known total progress of the progress bar and the current progress of the progress bar.

Based on the same inventive concept, an embodiment of the present invention further provides a progress bar display apparatus, as shown in fig. 11, the progress bar display apparatus includes:

an acquisition unit 1101 configured to acquire an original image displayed in an original layer of a progress bar region;

a creating unit 1102, configured to create a display layer above an original layer in the progress bar region;

a generating unit 1103, configured to generate an intersection image in the display layer based on an overlapping area of the coverage area of the current progress of the progress bar and the original image;

and the display unit 1104 is used for displaying the intersection image in the display layer by adopting a display color opposite to that of the original image.

In a possible implementation, 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 pure-color image in the upper image layer according to the current progress of the progress bar;

based on the overlapping area of the coverage areas of the display image and the solid image, an intersection image is generated.

In one possible approach, the generating unit 1103 is further configured to:

in the display layer, a non-overlapping area of the coverage areas 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 approach, the generating unit 1103 is further configured to:

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 above-mentioned progress bar 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

1. A terminal device, comprising: ink screen, memory and processor;

2. The terminal device according to claim 1, wherein the display layer comprises an upper layer and a lower layer; the treatment appliance is configured to:

obtaining a display image of the lower image layer based on the original image;

3. The terminal device of claim 2, wherein the processor is further configured to:

4. The terminal device of claim 3, wherein the processor is further configured to:

5. The terminal device of claim 1, wherein the processor is configured to:

6. A progress bar display method is applied to a terminal device with an ink-water screen, and comprises the following steps:

7. The method of claim 6, wherein the display layers comprise 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, wherein the overlapping area comprises:

obtaining a display image of the lower image layer based on the original image;

8. The method according to claim 7, wherein the obtaining the display image of the lower layer based on the original image comprises:

9. The method of claim 8, wherein the displaying the intersection image in the display layer in an opposite display color from the original image comprises:

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.