Picture display method and device, picture display platform, equipment and storage medium

Abstract

The invention relates to the technical field of computers and internet, and discloses a picture display method and device, a picture display platform, equipment and a storage medium, the method comprises the following steps: responding to a service request, reading a target picture corresponding to the service request from a picture server and loading the target picture to the local, the point 9 picture is stored in the picture server after being subjected to custom stroking and format conversion processing according to an original picture; and obtaining a bitmap of the target picture in the local, and rendering the target picture according to the bitmap type of the bitmap. Development implementation details do not need to be paid attention to, client performance is not lost, the APP does not need to be issued, the requirement for configuring diversified picture tags in product operation is met, and the method is particularly suitable for scenes of business marketing and promotion activities.

Description

Technical Field

[0001] The present invention relates to the field of computer and Internet technology, and in particular to a picture display method, device, picture display platform, equipment and storage medium. Background Art

[0002] At present, when Android APP displays .9 images (click 9 images), there are two general practices in the industry: one is that the developer gets the png image given by the designer, converts it into a .9 image using a tool, and then manually puts it in the image resource directory of the project. Finally, the control that displays the image loads this specific .9 image. This method requires the APP to be modified and re-released, which is very labor-intensive and has poor flexibility. The other method is that the png image is sent to the client in the background, and the client converts the downloaded png image into a .9 image when the local code is running. However, this process is time-consuming and affects performance when it is rendered on the client. Summary of the invention

[0003] The present invention provides a picture display method, apparatus, picture display platform, equipment and storage medium to overcome or at least partially overcome the deficiencies of the prior art.

[0004] In a first aspect, the present application provides a method for displaying an image, the method being executed by a client, the method comprising:

[0005] In response to the service request, the target image corresponding to the service request is read from the image server and loaded locally, wherein the image server stores a dot 9 image, which is processed by customizing the border and format conversion according to the original image and stored in the image server;

[0006] Obtain a bitmap of the target image locally, and render the target image according to the bitmap type of the bitmap.

[0007] In a second aspect, the present application further provides a picture display device, which is deployed on a client and includes:

[0008] a reading unit, configured to respond to a service request, read a target image corresponding to the service request from an image server and load the target image locally, wherein the image server stores a dot-9 image, and the dot-9 image is processed by customizing the border and format conversion according to the original image and stored in the image server;

[0009] The rendering unit is used to obtain the bitmap of the target image locally, and render the target image according to the bitmap type of the bitmap.

[0010] In a third aspect, the present application further provides a picture display platform, characterized in that the picture display platform comprises: at least one client and a picture server, each of the clients is communicatively linked to the picture server, and the client is deployed with the above-mentioned picture display device;

[0011] The picture server stores point 9 pictures.

[0012] In a fourth aspect, the present application also provides a computer device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the above-mentioned image display method when executing the computer program.

[0013] In a fifth aspect, a computer-readable storage medium is provided, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the above-mentioned image display method are implemented.

[0014] This application can at least achieve the following beneficial effects:

[0015] This application is provided with an image server. The staff can perform custom strokes and format conversion on the original image according to business needs to obtain a point 9 image, and then store the point 9 image on the image server. After receiving the business request, the client goes to the image server and downloads the target image corresponding to the business request to the client locally. By downloading it to the local client, the bitmap of the target image can be obtained and the bitmap type of the bitmap can be read. Finally, the client can render the target image according to the bitmap type of the bitmap. First, compared with the most original method, that is, the method of directly loading the preset .9 picture in the project, this application does not need to modify the APP, let alone re-release, which saves a lot of manpower and avoids the version risk caused by the release; second, the target point 9 picture rendered in this application is processed and converted, and the client does not need to process the png picture, which consumes little computing power, not only saves loading time, but also does not affect the client performance and fluency; third, the overall process of designing and cutting the original image, converting, uploading the image server, and pulling the display image by the client APP is automated, without paying attention to the details of the development implementation, and without losing the client performance. The APP does not need to be released, which meets the needs of product operation configuration of diversified image tags, and is especially suitable for business marketing and promotional activities. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings required for use in the description of the embodiments of the present invention will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative labor.

[0017] Figure 1 A schematic diagram of the structure of a picture display platform according to an embodiment of the present application is shown;

[0018] Figure 2 A schematic diagram of the structure of a picture display platform according to another embodiment of the present application is shown;

[0019] Figure 3 A schematic diagram showing a process of a picture display method according to an embodiment of the present application is shown;

[0020] Figure 4 A schematic diagram showing a flow chart of a method for displaying an image according to another embodiment of the present application is shown;

[0021] Figure 5 A schematic structural diagram of a picture display device according to an embodiment of the present application is shown;

[0022] Figure 6 is a schematic diagram of the structure of a computer device in one embodiment of the present invention;

[0023] Figure 7 It is a schematic diagram of the structure of a computer device in another embodiment of the present invention. DETAILED DESCRIPTION

[0024] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.

[0025] A Nine-Patch Image is a specific type of bitmap used primarily in Android application development. It allows developers to create background images that can adapt to different sizes, thus maintaining a consistent appearance across different devices and screen sizes.

[0026] Dot 9 images are particularly suitable for promotional scenarios during various festivals. The user interface (UI) usually needs to be replaced with a specific background image. In this case, dot 9 images can be used for display.

[0027] At present, a module of an Android APP displays a .9 image (.9 image). The general practice in the industry is that developers get the png image given by the designer, use tools to convert it into a .9 image, and then put it in the image resource directory of the project. Finally, the control that displays the image loads this specific .9 image. However, this method of loading specific .9 images preset in the project resources is not very flexible. If you want to display a variety of images, you need to modify the APP and re-release it, which consumes a lot of extra manpower costs. From the perspective of product business, we want to be flexible and be able to configure new .9 images in the background at any time during some important holidays (such as the Spring Festival). Figure 1 The key is sent to the APP end, which supports dynamic image configuration. Another way is to send the png image to the client in the background, and the client will convert the downloaded png image into .9 image when the local code is running. Although this method is slightly more flexible than the previous method, the client needs to process the original .9 image by itself and construct NinePatchDrawable according to the loading principle. This process is rendered on the client side, which will be slow and consume performance. When processing a large number of images, it is also a big disadvantage.

[0028] In this regard, the present application provides a method for displaying an image. The method of the present application can realize dynamic configuration of 9 images, which can meet the needs of flexible configuration of products in different scenarios and carry out business marketing and promotion activities. At the same time, the method will not damage the performance of the client APP.

[0029] Figure 1 A schematic diagram of the structure of a picture display platform according to an embodiment of the present application is shown. Figure 1 It can be seen that the picture display platform 100 includes at least one client 110 and a picture server 120. Each client 110 is connected to the picture server 120 in communication. The client 110 is equipped with a picture display device 111 ( Figure 5 ). Various pictures required for the business can be stored in the picture server 120, among which point 9 pictures are stored. The point 9 pictures can be obtained by the staff after processing according to the business requirements and stored in the picture server 120.

[0030] The image display method of the present application can be based on the above Figure 1 The picture shows the platform implementation, but is not limited to Figure 1 The displayed structure may be any system or architecture that can implement the business logic of the image display method of the present application.

[0031] For example, Figure 2 As shown, Figure 2 shows a schematic structural diagram of a picture display platform according to another embodiment of the present application, Figure 2 The structure shown in Figure 1 On the basis of the above, an image management platform 130 is added, and the image server 120 is connected to the image management platform 130. After the relevant staff customize the stroke and format conversion of the original image, it can be stored in the image management platform 130, and then the image management platform 130 synchronizes the point 9 image with the image server 120. The image management platform 130 is specifically used to manage images, while the image server 120 can focus on responding to requests. This setting can facilitate the operation of the staff on the one hand, and reduce the load of the image server 120 on the other hand.

[0032] Figure 3 A schematic diagram showing a flow chart of a method for displaying an image according to an embodiment of the present application is shown. Figure 3 It can be seen that this embodiment includes steps S310 to S320:

[0033] Step S310: In response to the service request, the target image corresponding to the service request is read from the image server and loaded locally, wherein the image server stores a dot 9 image, which is processed by customizing the border and format conversion according to the original image and stored in the image server.

[0034] The dot 9 image has a stretchable area. The four corners of the dot 9 image will not be stretched, while the edges and the middle part can be stretched as needed, which allows the image to be expanded to the desired size while maintaining the shape of the corners; and it has a defined area: developers can define which areas are stretchable and which are fixed by adding a line with a specific color (usually black) to the border of the image; in addition, touch areas can also be defined to enable better user interaction in the application.

[0035] Relevant staff can process the original images into point 9 images according to business needs in advance, and keep them purely in the image server.

[0036] For example, for an original image in PNG format, you can use a custom stroke method to add a black border as a defined area, and then convert it into a point 9 image and store it in the image server.

[0037] Specifically, in some embodiments, the dot 9 image is obtained by the following method: in response to manual stroke processing of the original image according to horizontal and vertical stretching rules in a drawing tool, a black border is added to the original image to obtain a preprocessed image; using an image format conversion tool, the preprocessed image is converted into a dot 9 image; and the obtained dot 9 image is stored in the image server.

[0038] In actual scenarios, relevant staff use drawing tools such as PS according to business needs to draw black borders on the original image according to horizontal and vertical stretching rules, thereby adding black borders to the original image as a defined area. The image obtained in this step is recorded as a preprocessed image.

[0039] Then, a picture format conversion tool is used to convert the preprocessed pictures into point 9 pictures. Specifically, in some embodiments, the use of the picture format conversion tool to convert the preprocessed pictures into point 9 pictures includes: using the aapt tool of the Android system to batch convert the preprocessed pictures into point 9 pictures of point 9 type, and storing them in a designated folder.

[0040] For example, using the aapt script tool of the Android system, the original image with black borders added, that is, the preprocessed image, is batch converted to obtain the point 9 image.

[0041] aapt (Android Asset Packaging Tool) is a command-line tool in the Android development tools for processing resources and files related to Android application packages (APK).

[0042] Use the aapt tool that comes with the Android SDK for conversion. You can use the command aapt cvS.-C.\9out to execute, where . represents the current directory and . / 9out represents the target directory. That is, the pre-processed image with black lines is converted and placed in the 9out folder under the current directory. Under this command, the 9out folder will be automatically created.

[0043] The point 9 picture is obtained and can be stored in the picture server.

[0044] In actual scenarios, the image server can store not only point 9 images, but also other types of images required for the business, which is not limited in this application.

[0045] When a user operates an APP on the client, the request generated is recorded as a business request. Based on the business request, if the business request contains data for the requested image, the client requests the image server for the image corresponding to the business request, which is recorded as the target image.

[0046] The present application does not limit the way in which the client responds to the service request, and it can be any one of the existing technologies, such as synchronous request, asynchronous request, polling, etc.

[0047] After reading the target image, the client saves it locally. The saving method may be, but is not limited to, caching or downloading.

[0048] Step S320: Obtain a bitmap of the target image locally, and render the target image according to the bitmap type of the bitmap.

[0049] By downloading the local file of the target image, you can get the bitmap of the target image. Bitmap is a digital graphic format used to store and represent images. It divides the image into small square cells, and each cell (pixel) stores color information to display the image. Then you can render the target image according to the type of bitmap to display the target image.

[0050] Specifically, in some embodiments, the target image is rendered according to the bitmap type of the bitmap, including: if the bitmap type of the bitmap is a dot-9 type, then a resource directory of the dot-9 type is constructed, and the resource directory is set to the background of the display control to achieve the rendering of the target image; if the bitmap type of the bitmap is not a dot-9 type, then other types of resource directories are constructed, and the resource directory is set to the background of the display control to achieve the rendering of the target image.

[0051] After obtaining the bitmap of the target image, determine the type of the bitmap. If the bitmap type of the target image is a dot-9 image, create a resource directory (drawable) of the dot-9 type, and then set the resource directory drawable to the background (background) of the display control (view). In this way, the dot-9 image can be displayed as the background of the APP's user interface (UI).

[0052] Similarly, if the bitmap type of the bitmap is other types, that is, non-point 9 type, then a resource directory of other types is constructed, and the resource directory is set to the background of the display control to achieve the rendering of the target image.

[0053] Depend on Figure 3It can be seen from the method shown that: the present application is provided with an image server, and the staff can perform custom strokes and format conversion on the original image according to business needs to obtain a point 9 image, and then store the point 9 image on the image server. After receiving the business request, the client goes to the image server and downloads the target image corresponding to the business request to the client locally. By downloading it to the local, the bitmap of the target image can be obtained and the bitmap type of the bitmap can be read. Finally, the client can render the target image according to the bitmap type of the bitmap. First, compared with the most original method, that is, the method of directly loading the preset .9 picture in the project, this application does not need to modify the APP, let alone re-release, which saves a lot of manpower and avoids the version risk caused by the release; second, the target point 9 picture rendered in this application is processed and converted, and the client does not need to process the png picture, which consumes little computing power, not only saves loading time, but also does not affect the client performance and fluency; third, the overall process of designing and cutting the original image, converting, uploading the image server, and pulling the display image by the client APP is automated, without paying attention to the details of the development implementation, and without losing the client performance. The APP does not need to be released, which meets the needs of product operation configuration of diversified image tags, and is especially suitable for business marketing and promotional activities.

[0054] Figure 4 A schematic diagram showing a flow chart of a picture display method according to another embodiment of the present application is shown. The embodiment is executed by a client. Figure 4 It can be seen that this embodiment includes:

[0055] Relevant staff members design an original picture, draw black edges on the original picture, and obtain a pre-processed picture.

[0056] The pre-processed images are batch converted into point 9 images using the aapt tool and stored in the image management platform.

[0057] The picture management platform synchronizes point 9 pictures to the picture server.

[0058] After receiving the service request for image data, the client sends the request to the image server.

[0059] After the client obtains the target image, it caches it as a local file, and obtains the bitmap of the target image through the local file of the target image.

[0060] The client determines whether the bitmap type of the bitmap is dot 9. If so, it creates a resource directory of the dot 9 type and then sets the resource directory to the background of the display control; if not, it creates a resource directory of other types and then sets the resource directory to the background of the display control.

[0061] Figure 5 A schematic diagram of the structure of a picture display device according to an embodiment of the present application is shown, wherein the device is deployed on a client. Figure 5 It can be seen that the picture display device 111 includes:

[0062] The reading unit 111-1 is used to respond to the service request, read the target image corresponding to the service request from the image server and load it locally, wherein the image server stores a dot-9 image, and the dot-9 image is processed by customizing the border and format conversion according to the original image and stored in the image server;

[0063] The rendering unit 111 - 2 is used to obtain a bitmap of the target image locally, and render the target image according to a bitmap type of the bitmap.

[0064] In some embodiments of the present application, in the above-mentioned device, the rendering unit 111-2 is used to construct a resource directory of the point 9 type if the bitmap type of the bitmap is the point 9 type, and set the resource directory to the background of the display control to achieve the rendering of the target image.

[0065] In some embodiments of the present application, in the above-mentioned device, the rendering unit 111-2 is also used to construct a resource directory of other types if the bitmap type of the bitmap is non-point 9 type, and set the resource directory to the background of the display control to achieve the rendering of the target image.

[0066] In some embodiments of the present application, in the above-mentioned device, the dot 9 picture is obtained by the following method: in response to manual stroke processing of the original picture according to horizontal and vertical stretching rules in a drawing tool, a black border is added to the original picture to obtain a preprocessed picture; using an image format conversion tool, the preprocessed picture is converted into a dot 9 picture; and the obtained dot 9 picture is stored in the image server.

[0067] In some embodiments of the present application, in the above-mentioned device, the point 9 pictures are converted into point 9 type point 9 pictures in batches by using the aapt tool of the Android system, and are stored in a designated folder.

[0068] It should be noted that the above-mentioned picture display devices can implement the above-mentioned picture display methods one by one, which will not be described in detail here.

[0069] In one embodiment, a computer device is provided. The computer device may be a server, and its internal structure diagram may be as follows: Figure 6As shown. The computer device includes a processor, a memory, a network interface and a database connected via a system bus. The processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile and / or volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external client via a network connection. When the computer program is executed by the processor, the functions or steps of a picture display method are implemented.

[0070] In one embodiment, a computer device is provided. The computer device may be a client, and its internal structure diagram may be as follows: Figure 7 As shown. The computer device includes a processor, a memory, a network interface, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external server through a network connection. When the computer program is executed by the processor, it implements the functions or steps of a picture display method

[0071] In one embodiment, a computer device is provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the following steps when executing the computer program:

[0072] In response to the service request, the target image corresponding to the service request is read from the image server and loaded locally, wherein the image server stores a dot 9 image, which is processed by customizing the border and format conversion according to the original image and stored in the image server;

[0073] Obtain a bitmap of the target image locally, and render the target image according to the bitmap type of the bitmap.

[0074] In one embodiment, a computer readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0075] In response to the service request, the target image corresponding to the service request is read from the image server and loaded locally, wherein the image server stores a dot 9 image, which is processed by customizing the border and format conversion according to the original image and stored in the image server;

[0076] Obtain a bitmap of the target image locally, and render the target image according to the bitmap type of the bitmap.

[0077] It should be noted that the above functions or steps that can be implemented by the computer-readable storage medium or computer device can refer to the relevant description in the aforementioned method embodiment. In order to avoid repetition, they will not be described one by one here.

[0078] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

[0079] Those skilled in the art can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional units and modules is used as an example. In actual applications, the above-mentioned functions can be distributed and completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above.

[0080] The embodiments described above are only used to illustrate the technical solutions of the present invention, rather than to limit the same. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that the technical solutions described in the aforementioned embodiments may still be modified, or some of the technical features may be replaced by equivalents. Such modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention, and should all be included in the protection scope of the present invention.

Claims

1. A method for displaying an image, characterized in that: The method is executed by a client, and includes: In response to the service request, the target image corresponding to the service request is read from the image server and loaded locally, wherein the image server stores a dot 9 image, which is processed by customizing the border and format conversion according to the original image and stored in the image server; Obtain a bitmap of the target image locally, and render the target image according to the bitmap type of the bitmap.

2. The method according to claim 1, characterized in that The rendering of the target image according to the bitmap type of the bitmap includes: If the bitmap type of the bitmap is a point 9 type, a resource directory of the point 9 type is constructed, and the resource directory is set to the background of the display control to achieve rendering of the target image.

3. The method according to claim 2, characterized in that The rendering of the target image according to the bitmap type of the bitmap further includes: If the bitmap type of the bitmap is non-dot 9 type, then a resource directory of other types is constructed, and the resource directory is set to the background of the display control to achieve rendering of the target image.

4. The method according to claim 1, characterized in that The point 9 image is obtained by processing in the following way: In response to manual border processing of the original image in a drawing tool according to horizontal and vertical stretching rules, a black border is added to the original image to obtain a pre-processed image; Use an image format conversion tool to convert the pre-processed image into a point 9 image; The obtained point 9 picture is stored in the picture server.

5. The method according to claim 4, characterized in that The use of an image format conversion tool to convert the pre-processed image into a point 9 image includes: The aapt tool of the Android system is used to batch convert the pre-processed images into point-9 images of the point-9 type and store them in a designated folder.

6. A picture display device, characterized in that: The device is deployed on a client and includes: a reading unit, configured to respond to a service request, read a target image corresponding to the service request from an image server and load the target image to a local computer, wherein the image server stores a dot-9 image, and the dot-9 image is processed by customizing the border and format conversion according to the original image and is stored in the image server; The rendering unit is used to obtain the bitmap of the target image locally, and render the target image according to the bitmap type of the bitmap.

7. A picture display platform, characterized in that: The picture display platform comprises: at least one client and a picture server, each of the clients is communicatively linked to the picture server, and the client is equipped with the picture display device according to claim 7; The picture server stores point 9 pictures.

8. The picture display platform according to claim 7, characterized in that: The picture display platform further includes: a picture management platform, and the picture server is communicatively linked to the picture management platform; The point 9 picture is processed according to the original picture after customized stroke and format conversion, and is stored in the picture management platform. The picture management platform synchronizes the point 9 picture with the picture server.

9. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the computer program, the steps of the picture display method according to any one of claims 1 to 5 are implemented.

10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the steps of the picture display method according to any one of claims 1 to 5 are implemented.

Images