WO2022016956A1

WO2022016956A1 - Fillet image display method and apparatus, electronic device and readable storage medium

Info

Publication number: WO2022016956A1
Application number: PCT/CN2021/092118
Authority: WO
Inventors: 谢润斌
Original assignee: Oppo广东移动通信有限公司
Priority date: 2020-07-20
Filing date: 2021-05-07
Publication date: 2022-01-27
Also published as: CN111857699A

Abstract

A fillet image display method, comprising: when a system interface application of a terminal is started up, obtaining an application code corresponding to the system interface application (202); obtaining a fillet image identifier from the application code (204); obtaining a fillet image corresponding to the fillet image identifier from a preset resource set, the fillet image matching the screen type of the terminal (206); and displaying the fillet image in an edge area on the screen of the terminal (208).

Description

Rounded-corner image display method, apparatus, electronic device, and readable storage medium

CROSS-REFERENCE TO RELATED APPLICATIONS

This application claims the priority of the Chinese patent application with the application number 2020106972731 and the invention title "Round-corner image display method, device, electronic device and readable storage medium" filed with the China Patent Office on July 20, 2020, all of which are The contents are incorporated herein by reference.

technical field

The present application relates to the field of computer technology, and in particular, to a method, apparatus, electronic device, and computer-readable storage medium for displaying images with rounded corners.

Background technique

With the development of computer technology, there are more and more screen types of terminals, such as full screen, notch screen, water drop screen, hole-digging screen, etc. The four corners of the terminal screen are all right angles. In order to make the terminal screen more beautiful, rounded images are often superimposed on the four right corners of the terminal screen to make the four corners of the terminal screen appear rounded.

However, the rounded image in the traditional method is often directly configured in the application code of the system, and the same application code can only be installed on a terminal with a specified screen type, and cannot be adapted to different types of screens.

SUMMARY OF THE INVENTION

Embodiments of the present application provide a method, apparatus, electronic device, and computer-readable storage medium for displaying a rounded-corner image, which can adapt to different screen types through the same set of application codes.

A method for displaying images with rounded corners, comprising:

When the system interface application of the terminal is started, obtain the application code corresponding to the system interface application;

Obtain the rounded image identifier from the application code;

Acquiring a rounded image corresponding to the rounded image identifier from a preset resource set, where the rounded image matches the screen type of the terminal; and

The rounded image is displayed in an edge area on the screen of the terminal.

A rounded image display device, comprising:

an application code module, configured to acquire an application code corresponding to the system interface application when the system interface application of the terminal is started;

an identification acquisition module, used for acquiring a rounded image identification from the application code;

a rounded image obtaining module, configured to obtain a rounded image corresponding to the rounded image identifier from a preset resource set, where the rounded image matches the screen type of the terminal; and

A display module, configured to display the rounded image in the edge area on the screen of the terminal.

A computer device includes a memory and a processor, the memory stores a computer program, and the processor implements the following operations when executing the computer program:

Obtain the rounded image identifier from the application code;

The rounded image is displayed in an edge area on the screen of the terminal.

A computer-readable storage medium on which a computer program is stored, and when the computer program is executed by a processor, realizes the following operations:

Obtain the rounded image identifier from the application code;

The rounded image is displayed in an edge area on the screen of the terminal.

In the foregoing method, apparatus, electronic device, and computer-readable storage medium for displaying a rounded image, in this embodiment, a rounded image matching the screen type of the terminal is pre-stored in the terminal. When the system interface application of the terminal is started, the application code corresponding to the system interface application is obtained, and the rounded image corresponding to the rounded image identifier is obtained from the preset resource set, thereby reducing the coupling between the rounded image and the system interface application and improving the system. performance and stability. Through the method for displaying images with rounded corners in this embodiment, terminals of different screen types can use the same application code, thereby reducing maintenance costs. Through the rounded image identification in the application code, the pre-stored and image rounded corners in the terminal can be called, so there is no need to judge the screen type of the terminal, and the startup efficiency of the system interface is improved. A rounded image is displayed on the edge area of the screen of the terminal, and the right-angle area on the edge of the screen and the edge area with burr can be set as the rounded corner effect, which makes the system interface more beautiful.

Description of drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the following briefly introduces the accompanying drawings required for the description of the embodiments or the prior art. Obviously, the drawings in the following description are only These are some embodiments of the present application. For those of ordinary skill in the art, the drawings of other embodiments can also be obtained according to these drawings without creative efforts.

FIG. 1 is an application environment diagram of a method for displaying images with rounded corners in one embodiment.

FIG. 2 is a flowchart of a method for displaying a rounded image in one embodiment.

FIG. 3 is a schematic diagram of an image with rounded corners in one embodiment.

FIG. 4 is a schematic diagram of an interface in which a rounded image is displayed in an edge area of a screen in an embodiment.

FIG. 5 is a schematic diagram of a method for displaying images with rounded corners in one embodiment.

FIG. 6 is a structural block diagram of an image display device with rounded corners in one embodiment.

FIG. 7 is an internal structure diagram of an electronic device in one embodiment.

detailed description

In order to facilitate understanding of the present application, the present application will be described more fully below with reference to the related drawings. The preferred embodiments of the present application are shown in the accompanying drawings. However, the application may be implemented in many different forms and is not limited to the embodiments described herein. Rather, these embodiments are provided so that a thorough and complete understanding of the disclosure of this application is provided.

FIG. 1 is a schematic diagram of an application environment of a method for displaying images with rounded corners in one embodiment. As shown in FIG. 1 , the application environment includes a terminal 110 and a server 120 . When the system interface application of the terminal 110 is started, the terminal 110 may obtain the application code corresponding to the system interface application from the server 120 . The terminal 110 obtains the rounded image identifier from the application code. Next, the terminal 110 acquires a rounded image corresponding to the rounded image identifier from the preset resource set, where the rounded image matches the screen type of the terminal. Next, the terminal 110 displays a rounded image in an edge area on the screen of the terminal. The terminal 110 communicates with the server 120 through the network. The terminal 110 can be, but is not limited to, various personal computers, notebook computers, smart phones, tablet computers and portable wearable devices, and the server 120 can be implemented by an independent server or a server cluster composed of multiple servers.

FIG. 2 is a flowchart of a method for displaying a rounded image in one embodiment. The method for displaying images with rounded corners in this embodiment is described by taking running on the terminal in FIG. 1 as an example. As shown in FIG. 2 , the method for displaying images with rounded corners includes operations 202 to 208 .

In operation 202, when the system interface application of the terminal is started, an application code corresponding to the system interface application is acquired.

The system interface application is the SystemUI application, and the SystemUI application provides system-level information for the user and is displayed as a system interface that interacts with the user. The system interface displays information such as the lock screen, the status bar, the bottom navigation bar, and the list of recently used applications.

Specifically, when the terminal is powered on, a system interface application of the terminal is started to display the system interface. When the terminal receives the instruction for starting the system interface application, the terminal can obtain the application code corresponding to the system interface application. The system interface application is started by running the application code to display the system interface of the terminal.

In operation 204, the rounded-corner image identifier is obtained from the application code.

The rounded image refers to an image with radians, and the rounded image can be superimposed on the terminal screen, so that the terminal screen presents a pattern with a rounded effect. The rounded image identifier is used to mark different rounded images, and the rounded image identifier can be the name of the rounded image, the characteristics of the rounded image, and the like.

As shown in FIG. 3 , it is a rounded image with a screen type of a hole-digging screen, and is a rounded image of the hole-digging screen in the upper left corner. The size and shape of the rounded image and the size of the round hole match the edge area of the upper left corner of the hole-digging screen.

Specifically, if there is a rounded image identifier in the application code corresponding to the system interface application, the terminal can obtain the rounded image identifier from the application code. Further, there may be multiple different rounded image identifiers in the application code, and the terminal may acquire the multiple different rounded image identifiers from the application code. The multiple is at least two, for example, there are five different rounded image identifiers in the application code.

In operation 206, a rounded image corresponding to the rounded image identifier is obtained from a preset resource set, where the rounded image matches the screen type of the terminal.

Among them, the screen types of the terminal include but are not limited to full screen, notch screen, water drop screen, hole-digging screen, etc. The preset resource centrally stores images that match the screen type of the terminal. For example, for a terminal whose screen type is Liu Haiping, the preset resource of the terminal centrally stores rounded images matching Liu Haiping, so that the edge area of Liu Haiping is set as rounded corners. For a terminal whose screen type is a water drop screen, the preset resources of the terminal collectively store rounded images that match the water drop screen.

Specifically, the terminal may detect whether a preset resource set exists in the terminal. When a preset resource set exists in the terminal, a rounded image with the same identifier as the rounded image identifier is obtained from the preset resource set.

In this embodiment, multiple rounded images may exist in the preset resource set, and each rounded image has a unique identifier, that is, a rounded image identifier. When the terminal acquires the multiple different rounded image identifiers from the application code, the terminal can acquire from the preset resource set the rounded images with the same rounded image identifier.

In operation 208, an image with rounded corners is displayed on the edge area of the screen of the terminal.

Among them, the edge area on the screen refers to the four right angles of the edge of the screen and the area with holes on the screen. For example, if there is a hole in the middle of the upper edge of the screen of the water drop screen, a rounded image needs to be displayed in the area with the hole, and the rounded image also has holes of the same shape and size. If there is a hole in the upper left area of the screen edge of the hole-digging screen, a rounded image needs to be displayed in the upper left area with the hole, and the rounded image also has holes of the same shape and size.

Specifically, the terminal may display the rounded image obtained from the preset resource set on the edge area of the terminal screen. Further, when the terminal acquires multiple rounded images from the preset resource set, the corresponding relationship between each rounded image and each edge area on the screen is determined. Then, the terminal may display each rounded image in the corresponding edge area.

In the traditional rounded image display method, the rounded image is directly configured into the application code of the system interface. Once the installation package of the application code is compiled and generated, the rounded image in it cannot be changed, so that the installation package of the application code can only be installed on a terminal with a specified screen type, and cannot be adapted to different types of screens.

In this embodiment, a rounded image matching the screen type of the terminal is pre-stored in the terminal. When the system interface application of the terminal is started, the application code corresponding to the system interface application is obtained, and the rounded image corresponding to the rounded image identifier is obtained from the preset resource set, thereby reducing the coupling between the rounded image and the system interface application and improving the system. performance and stability. Through the method for displaying images with rounded corners in this embodiment, terminals of different screen types can use the same application code, thereby reducing maintenance costs. Through the rounded image identification in the application code, the pre-stored and image rounded corners in the terminal can be called, so there is no need to judge the screen type of the terminal, and the startup efficiency of the system interface is improved. A rounded image is displayed on the edge area of the screen of the terminal, and the right-angle area on the edge of the screen and the edge area with burr can be set as the rounded corner effect, which makes the system interface more beautiful.

In one embodiment, at least one preset resource set may exist in the terminal system. The terminal may determine the type of the current screen, and determine the corresponding preset resource set according to the type of the screen. Next, the terminal may acquire the rounded image corresponding to the rounded image identifier from the preset resource set corresponding to the screen type.

In one embodiment, obtaining a rounded image corresponding to a rounded image identifier from a preset resource set includes:

The rounded image corresponding to the rounded image identifier is obtained from the preset resource set of the preset path; the preset path is different from the storage path of the system interface application.

Specifically, when the terminal receives the startup instruction of the system interface application, the application code is obtained from the storage path of the system interface application. Next, the terminal obtains the rounded image identifier from the application code.

Next, the terminal may detect whether a preset path exists in the system, and determine whether a preset resource set exists in the preset path. When a preset path exists in the terminal system and a preset resource set exists in the preset path, a rounded image with the same identifier as the rounded image identifier is acquired from the preset resource set. The preset path is different from the storage path of the system interface application of the terminal. The preset path is different from the storage path of the application code applied by the system interface of the terminal.

In this embodiment, the rounded image is stored in a preset path of the terminal system that is different from the storage path of the system interface application, so that the rounded image and the system interface application can be decoupled, and the reduction of the rounded image and the system interface can be achieved. The coupling degree of the application enables terminals of different screen types to use the application code of the same set of system interface applications.

In one embodiment, displaying a rounded image in an edge area on the screen of the terminal includes: determining a mapping relationship between each acquired rounded image and each edge area on the screen of the terminal; in each edge area of the screen Displays an image with rounded corners mapped.

Specifically, the terminal acquires each rounded image identifier from the application code, and acquires the rounded image corresponding to each rounded image identifier from a preset resource set. Next, the terminal may determine the orientation of each edge area on the screen of the terminal on the screen, and determine the image identification of each rounded image and the mapping relationship of each orientation. Then, the terminal may display the rounded image in the edge area corresponding to the orientation having the mapping relationship with the rounded image identifier, so as to display each rounded image in the corresponding edge area.

In this embodiment, the mapping relationship between each rounded image and each edge region on the screen of the terminal is used to quickly and accurately determine in which edge region each rounded image is displayed, so as to quickly and accurately map each edge region of the screen of the terminal. Sets the rounded corner effect for the edge area.

In one embodiment, the rounded corner image is identified as an orientation name of the rounded corner image; determining the mapping relationship between each of the acquired rounded corner images and each edge region on the screen of the terminal includes:

Determine the orientation on the screen of each edge area on the screen of the terminal; determine the mapping relationship between each rounded image and each edge area according to the acquired orientation name of each rounded image and the orientation of each edge area.

The azimuth name of the rounded image refers to using the azimuth as the name of the rounded image, for example, the azimuth name of the rounded image is "upper left", "upper right" and so on. The orientation name can be based on the vertical screen or horizontal screen of the screen.

Specifically, the rounded image is identified as an orientation name of the rounded image. The terminal obtains the azimuth name of each rounded image from the application code, and obtains the rounded image with the same name as the azimuth name of each rounded image from the preset resource set. Then, the terminal can determine the orientation of each edge area on the screen of the terminal based on the vertical screen of the terminal, and compare the orientation name of each rounded image with the orientation of each edge area on the screen. If the orientation name is the same as the orientation on the screen, it means that the rounded image corresponding to the orientation name has a mapping relationship with the edge area corresponding to the orientation. According to the same processing method, the edge area on the terminal screen that has a mapping relationship with each rounded image can be determined.

In this embodiment, the name of the rounded image is named with the orientation, and the orientation name can directly determine which edge area of the screen the corresponding rounded image should be displayed on, so as to quickly and accurately set each edge area of the screen of the terminal as a circle corner effect.

As shown in FIG. 4 , in one embodiment, each rounded image is displayed on each edge area of the screen. The terminal screen is based on the vertical screen to determine the orientation of each edge area. The terminal obtains the orientation name of each rounded image from the application code, such as "upper left", "upper middle", "upper right", "lower left" and "lower right" as shown in the figure. The terminal obtains the rounded image with the orientation name from the preset resource set according to the orientation name. Then, the terminal moves the rounded image to each edge area of the screen according to the name of each position, so that each rounded image fits the edge area of the corresponding position, so that the rounded corner effect is displayed on the system interface.

In one embodiment, the method further includes: when the screen of the terminal is rotated, determining the rotation angle and the rotation direction; rotating the rounded images displayed in each edge area of the terminal according to the rotation angle and the rotation direction, and Each edge area of the rotated screen displays a corresponding rotated image with rounded corners.

Specifically, when the screen of the terminal is rotated, the terminal determines the rotation angle and rotation direction of the screen. Then, the terminal may rotate each rounded image displayed on the terminal screen by the same angle according to the rotation direction to obtain each rotated rounded image. Next, the terminal displays each rotated rounded image on the edge area of each rotated screen. For example, when the terminal is rotated 90 degrees counterclockwise, the physical hardware punching position of the screen is also turned to the lower left corner, and the angle is also rotated 90 degrees counterclockwise, so each rounded image needs to be rotated 90 degrees counterclockwise. Makes the image with rounded corners fit to the edge areas of the screen.

In this embodiment, when the screen of the terminal is rotated, the rotation angle and the rotation direction are determined. Rotate the rounded image displayed in each edge area of the terminal according to the rotation angle and rotation direction, so that the rounded image can be rotated with the screen, and the rotated rounded image can fit each edge area.

In one embodiment, when the system interface application of the terminal is started, before acquiring the application code corresponding to the system interface application, the method further includes: determining the screen type of the terminal, and acquiring a rounded image matching the screen type; adding in the terminal Preset asset set, and save rounded image to preset asset set.

Specifically, the terminal determines the type of the screen used, and obtains an image with rounded corners that matches the screen type. Further, the terminal may acquire a preset number of matching rounded images according to the screen type. For example, when the screen type of the terminal is a water drop screen, obtain 5 rounded images matching the water drop screen. If the screen type of the terminal is full screen, four rounded images matching the full screen are obtained.

Next, the terminal adds a preset resource set to the system, and stores the acquired rounded image in the preset resource set. Wherein, the storage path of the preset resource set is different from the storage path of the application code of the system interface application of the terminal.

In this embodiment, the terminal may add a preset path in the system, and add a preset resource set to the preset path, and store the acquired rounded image in the preset resource set of the preset path of the system. The preset path is different from the storage path of the system interface application of the terminal. The preset path is different from the storage path of the application code applied by the system interface of the terminal.

In this embodiment, by determining the screen type of the terminal and obtaining a rounded image matching the screen type, the rounded image matching the screen type can be obtained in advance. A preset resource set is added to the terminal, and the rounded corner image is stored in the preset resource set, so that the obtained rounded corner image can be stored in a specific location of the terminal system for the system interface application to call. Also, storing it in a specific location on the system prevents rounded images from being removed by other applications. The storage path of the preset resource set is different from the storage path of the application code of the system interface application of the terminal, so that the resource decoupling of the rounded image and the system interface application is realized, so that the application code of a set of system interface applications can be stored in different terminals. You can directly call the rounded image in the terminal without judging the screen type.

In one embodiment, the method further includes: when a preset resource set does not exist in the terminal, obtaining a default resource set; obtaining a default rounded image corresponding to a rounded image identifier from the default resource set; an edge on the screen of the terminal The area displays a rounded image, including: displaying a default rounded image in the edge area on the screen of the terminal.

Specifically, the terminal detects whether a preset resource set exists in the system. When a preset resource set exists in the terminal system, a rounded image corresponding to the rounded image identifier is obtained from the preset resource set. When the preset resource set does not exist in the terminal system, a default resource set is determined, and a rounded image corresponding to the rounded image identifier is obtained from the default resource set.

Then, the terminal may display the rounded image obtained from the default resource set on the edge area of the terminal screen. Further, when the terminal acquires multiple rounded corner images from the default resource set, the corresponding relationship between each rounded corner image and each edge region on the screen is determined. Then, the terminal may display each default rounded corner image in the corresponding edge area.

In this embodiment, the terminal may detect whether a preset path exists in the system, and when a preset path exists in the terminal system, obtain a rounded image corresponding to a rounded image identifier from a preset resource set of the preset path. When the preset path does not exist in the terminal system, the default path is obtained, and the default rounded image corresponding to the rounded image identifier is obtained from the default resource set of the default path.

In this embodiment, when the preset resource set does not exist in the terminal, the default rounded image corresponding to the rounded image identifier is obtained from the default resource set, so as to avoid an error in calling the rounded image by the system interface application. The default rounded image is displayed on the edge area of the screen of the terminal, and the right-angle area on the edge of the screen and the edge area with burrs can be set as the rounded corner effect, which makes the system interface more beautiful.

In one embodiment, the number of rounded images in the preset resource set is less than or equal to the default number of rounded images in the default resource set.

Specifically, the rounded image in the preset resource set is an image matching the screen type of the terminal. The number of rounded images matched by different screen types is not the same. For example, a hole-punch screen with a hole at the top left of the screen, that is, the hole is located at the top left of the screen edge, then the four right-angle areas on the screen edge need to be configured for each. An image with rounded corners, the four right-angled areas are the upper left, upper right, lower left and lower right areas. Then there are four rounded images in the preset resource set of the knockout screen, and the rounded image displayed on the upper left needs to be opened. For the terminal screen of Liu Haiping, the opening is in the middle of the top of the screen, then a rounded image needs to be set in the middle, and a rounded image needs to be configured in each of the four right-angle areas on the edge of the screen, then the preset resource of Liu Haiping Collect 5 rounded images that match the screen type of the terminal.

There is a preset number of default rounded images in the default resource set, such as 5 images. Then the number of rounded images in the preset resource set is less than or equal to the default number of rounded images in the default resource set. The default resource sets of terminals in different screen types store the same default rounded images and the same number of stored default rounded images.

In this embodiment, the number of rounded images in the preset resource set is equal to the default number of rounded images in the default resource set. The name of each rounded image in the preset resource set of the terminal system is the same as the name of the rounded image in the default resource set. For example, the rounded images in the preset resource set are: Image A, Image B, Image C, Image D, and Image E, then the names of the rounded images in the default resource set are: Image A, Image B, Image C, Image D and image E.

When the number of rounded images in the preset resource set is less than the default number of rounded images in the default resource set. The rounded images in the preset resource set all correspond to a rounded resource image with the same name in the default resource set. For example, the rounded images in the preset resource set are: upper left, upper right, lower left and lower right, then the names of the rounded images in the default resource set are: upper left, upper middle, upper right, lower left and right below.

As shown in FIG. 5 , it is a schematic diagram of a method for displaying images with rounded corners in one embodiment. The corresponding rounded corner images are set in advance according to various types of screens. A preset resource set is added in each terminal system, and a rounded image corresponding to the screen type of the terminal exists in the preset resource set. For example, an overlay is added in the terminal system, and the overlay of each terminal is stored in a rounded image that matches the screen type. In addition, the rounded image identifiers in the overlay of each terminal are the same, and the application code of the system interface application used by each terminal is the same. For any terminal, when the system interface application of the terminal is started, the rounded image identifier is obtained from the application code. Next, the terminal detects whether a preset resource set exists in the system. When a preset resource set exists in the terminal system, a rounded image corresponding to the rounded image identifier is obtained from the preset resource set. When the preset resource set does not exist in the terminal system, a default resource set is determined, and a rounded image corresponding to the rounded image identifier is obtained from the default resource set. Then, each rounded image may be displayed on each edge area of the terminal screen through a runtime resource overlay (RRO for short) technology, so as to realize a rounded corner effect in each edge area.

In one embodiment, a method for displaying images with rounded corners is provided, comprising:

The terminal determines the screen type of the terminal, and obtains a rounded image matching the screen type.

Next, the terminal adds a preset resource set to the system, and stores the rounded image in the preset resource set.

When the system interface application of the terminal is started, the terminal obtains the storage path of the system interface application to obtain the corresponding application code.

Next, the terminal obtains the orientation name of the rounded image from the application code.

Further, the rounded image corresponding to the orientation name of the rounded image is obtained from the preset resource set of the preset path.

Next, the terminal determines the mapping relationship between each rounded image and each edge region on the screen of the terminal according to the orientation name of each rounded image.

Next, the terminal displays a rounded image with a mapping relationship on each edge area of the screen.

Further, when the screen of the terminal is rotated, the rotation angle and the rotation direction are determined.

Next, the terminal will display the rounded image on each edge area of the terminal, rotate according to the rotation angle and the rotation direction, and display the corresponding rotated rounded image on each edge area of the rotated screen.

Optionally, when the preset resource set does not exist in the terminal, the terminal obtains the default resource set.

Next, the terminal acquires the default rounded image corresponding to the orientation name of the rounded image from the default resource set.

Next, the terminal displays a corresponding default rounded corner image in each edge area on the screen of the terminal.

In this embodiment, a rounded image matching the screen type of the terminal is pre-stored in the terminal, and the orientation is used as the name of the rounded image, so that the terminal can specify the edge displayed by the rounded image according to the name of the rounded image. area.

When the system interface application of the terminal is started, the application code corresponding to the system interface application is obtained, and the rounded image corresponding to the orientation name of the rounded image is obtained from the preset resource set, thereby reducing the coupling between the rounded image and the system interface application. Improve system performance and stability. Through the method for displaying images with rounded corners in this embodiment, terminals of different screen types can use the same application code, thereby reducing maintenance costs. Through the orientation name of the rounded image in the application code, the pre-stored and image rounded corners in the terminal can be called, so there is no need to judge the screen type of the terminal, and the startup efficiency of the system interface is improved.

When the preset resource set does not exist in the terminal, the default rounded image corresponding to the orientation name of the rounded image is obtained from the default resource set, so as to avoid errors in calling the rounded image by the system interface application. A rounded image is displayed on the edge area of the screen of the terminal, and the right-angle area on the edge of the screen and the edge area with burr can be set as the rounded corner effect, which makes the system interface more beautiful.

It should be understood that although the respective operations in the flowcharts of FIG. 2 and FIG. 5 are displayed in sequence according to the arrows, these operations are not necessarily executed in the sequence indicated by the arrows. Unless otherwise specified herein, the execution of these operations is not strictly limited in order, and these operations may be performed in other orders. Moreover, at least a part of the operations in FIG. 2 and FIG. 5 may include multiple sub-operations or multiple stages. These sub-operations or stages are not necessarily executed and completed at the same time, but may be executed at different times. These sub-operations or The order of execution of the stages is also not necessarily sequential, but may be performed alternately or alternately with other operations or sub-operations of other operations or at least a portion of a stage.

FIG. 6 is a structural block diagram of an image display device with rounded corners according to an embodiment. As shown in FIG. 6 , the apparatus includes: an application code module 602 , an identification acquisition module 604 , a rounded image acquisition module 606 and a display module 608 . in,

The application code module 602 is configured to acquire the application code corresponding to the system interface application when the system interface application of the terminal is started.

The identification obtaining module 604 is configured to obtain the rounded image identification from the application code.

A rounded image obtaining module 606 is configured to obtain a rounded image corresponding to a rounded image identifier from a preset resource set, where the rounded image matches the screen type of the terminal.

The display module 608 is configured to display a rounded image in the edge area on the screen of the terminal.

In this embodiment, a rounded image matching the screen type of the terminal is pre-stored in the terminal. When the system interface application of the terminal is started, the application code corresponding to the system interface application is obtained, and the rounded image corresponding to the rounded image identifier is obtained from the preset resource set, thereby reducing the coupling between the rounded image and the system interface application and improving the system. performance and stability. With the image display device with rounded corners in this embodiment, terminals of different screen types can use the same application code, thereby reducing maintenance costs. Through the rounded image identification in the application code, the pre-stored and image rounded corners in the terminal can be called, so there is no need to judge the screen type of the terminal, and the startup efficiency of the system interface is improved. A rounded image is displayed on the edge area of the screen of the terminal, and the right-angle area on the edge of the screen and the edge area with burr can be set as the rounded corner effect, which makes the system interface more beautiful.

In one embodiment, the rounded image obtaining module 606 is further configured to: obtain a rounded image corresponding to a rounded image identifier from a preset resource set of a preset path; the preset path is different from the storage path of the system interface application.

In one embodiment, the display module 608 is further configured to: determine the mapping relationship between the acquired rounded corner images and each edge region on the screen of the terminal; display the rounded corners with the mapping relationship on each edge region of the screen image.

In one embodiment, the rounded image is identified as an orientation name of the rounded image; the display module 608 is further configured to: determine the orientation on the screen of each edge region on the screen of the terminal; according to the acquired rounded images and the orientation of each edge area to determine the mapping relationship between each rounded image and each edge area.

In one embodiment, the display module 608 is further configured to: determine the rotation angle and the rotation direction when the screen of the terminal is rotated; and rotate the rounded images displayed on each edge area of the terminal according to the rotation angle and the rotation direction , and display the corresponding rotated image with rounded corners on each edge area of the rotated screen.

In one embodiment, the apparatus further includes: an addition module. The adding module is used to: determine the screen type of the terminal, and obtain a rounded image matching the screen type; add a preset resource set in the terminal, and store the rounded image into the preset resource set.

In one embodiment, the rounded image obtaining module 606 is further configured to: when the preset resource set does not exist in the terminal, obtain a default resource set; obtain a default rounded image corresponding to the rounded image identifier from the default resource set;

The display module 608 is further configured to: display a default rounded image in the edge area of the screen of the terminal.

The division of each module in the above-mentioned round-corner image display device is only used for illustration. In other embodiments, the round-corner image display device can be divided into different modules as required, so as to complete all or part of the above-mentioned round-corner image display device Features.

For the specific limitation of the round-corner image display device, reference may be made to the above-mentioned limitations on the round-corner image display method, which will not be repeated here. Each module in the above-mentioned round-corner image display device may be implemented in whole or in part by software, hardware and combinations thereof. The above modules can be embedded in or independent of the processor in the computer device in the form of hardware, or stored in the memory in the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.

FIG. 7 is a schematic diagram of an internal structure of a terminal in an embodiment. As shown in Figure 7, the terminal includes a processor and a memory connected through a system bus. Among them, the processor is used to provide computing and control capabilities to support the operation of the entire electronic device. When the system interface application of the terminal is started, the terminal can obtain the application code corresponding to the system interface application through the processor, and obtain the rounded image identifier from the application code. The processor obtains the rounded image corresponding to the rounded image identifier from the preset resource set, and the rounded image matches the screen type of the terminal; the processor displays the rounded image in the edge area of the screen of the terminal. The memory may include non-volatile storage media and internal memory. The nonvolatile storage medium stores an operating system and a computer program. The memory stores the application code corresponding to the system interface application and the image with rounded corners. The computer program can be executed by the processor to implement a method for displaying images with rounded corners provided by the following embodiments. Internal memory provides a cached execution environment for operating system computer programs in non-volatile storage media. The electronic device may be any terminal device such as a mobile phone, a tablet computer, a PDA (Personal Digital Assistant), a POS (Point of Sales, a sales terminal), a vehicle-mounted computer, a wearable device, and the like.

The implementation of each module in the round-corner image display device provided in the embodiments of the present application may be in the form of a computer program. The computer program can be run on a terminal or server. The program modules constituted by the computer program can be stored on the memory of the electronic device. When the computer program is executed by the processor, the operations of the methods described in the embodiments of the present application are implemented.

Embodiments of the present application also provide a computer-readable storage medium. One or more non-volatile computer-readable storage media containing computer-executable instructions that, when executed by one or more processors, cause the processors to perform the operations of the method for displaying rounded corners images .

A computer program product containing instructions, when run on a computer, causes the computer to perform a method for displaying rounded corner images.

Any reference to a memory, storage, database, or other medium as used herein may include non-volatile and/or volatile memory. Nonvolatile memory may include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory may include random access memory (RAM), which acts as external cache memory. By way of illustration and not limitation, RAM is available in various forms such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), 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).

The technical features of the above-described embodiments can be combined arbitrarily. For the sake of brevity, all possible combinations of the technical features in the above-described embodiments are not described. However, as long as there is no contradiction between the combinations of these technical features, All should be regarded as the scope described in this specification.

The above-mentioned embodiments only represent several embodiments of the present application, and the descriptions thereof are specific and detailed, but should not be construed as a limitation on the scope of the invention patent. It should be pointed out that for those skilled in the art, without departing from the concept of the present application, several modifications and improvements can be made, which all belong to the protection scope of the present application. Therefore, the scope of protection of the patent of the present application shall be subject to the appended claims.

Claims

A method for displaying images with rounded corners, comprising:

When the system interface application of the terminal is started, obtain the application code corresponding to the system interface application;

Obtain the rounded image identifier from the application code;

Acquiring a rounded image corresponding to the rounded image identifier from a preset resource set, where the rounded image matches the screen type of the terminal; and

The rounded image is displayed in an edge area on the screen of the terminal.
The method according to claim 1, wherein the obtaining the rounded image corresponding to the rounded image identifier from a preset resource set comprises:

The rounded image corresponding to the rounded image identifier is obtained from a preset resource set of a preset path; the preset path is different from the storage path of the system interface application.
The method according to claim 1, wherein the displaying the rounded image in an edge area on the screen of the terminal comprises:

determining the mapping relationship between the acquired rounded corner images and the edge regions on the screen of the terminal; and

A rounded image with a mapping relationship is displayed on each edge area of the screen.
The method according to claim 3, wherein the rounded image is identified as an orientation name of the rounded image; the determining of the distance between each of the obtained rounded images and each edge area on the screen of the terminal The mapping relationship, including:

determining the orientation on the screen of each edge region on the screen of the terminal; and

The mapping relationship between each rounded image and each edge region is determined according to the acquired orientation name of each rounded image and the orientation of each edge region.
The method according to claim 1, wherein the method further comprises:

When the screen of the terminal is rotated, determine the rotation angle and the rotation direction; and

The rounded image displayed on each edge area of the terminal is rotated according to the rotation angle and the rotation direction, and the corresponding rotated rounded image is displayed on each edge area of the rotated screen.
The method according to any one of claims 1 to 5, wherein, when the system interface application of the terminal is started, before acquiring the application code corresponding to the system interface application, the method further comprises:

Determine the screen type of the terminal, and obtain a rounded image matching the screen type; and

A preset resource set is added in the terminal, and the rounded image is stored in the preset resource set.
The method according to claim 1, wherein the method further comprises:

When the preset resource set does not exist in the terminal, acquiring a default resource set;

Obtaining a default rounded image corresponding to the rounded image identifier from the default resource set; and

The displaying of the rounded image in the edge area on the screen of the terminal includes:

The default rounded corner image is displayed in an edge area on the screen of the terminal.
A rounded image display device, characterized in that it includes:

an application code module, configured to acquire an application code corresponding to the system interface application when the system interface application of the terminal is started;

an identification acquisition module, used for acquiring a rounded image identification from the application code;

a rounded image obtaining module, configured to obtain a rounded image corresponding to the rounded image identifier from a preset resource set, where the rounded image matches the screen type of the terminal; and

A display module, configured to display the rounded image in the edge area on the screen of the terminal.
The device according to claim 8, wherein the rounded image obtaining module is further configured to obtain the rounded image corresponding to the rounded image identifier from a preset resource set of a preset path; the preset The path is different from the storage path of the system interface application.
The device according to claim 8, wherein the display module is further configured to determine a mapping relationship between each of the acquired rounded corner images and each edge region on the screen of the terminal; Each edge area of the screen displays a rounded image with a mapping relationship.
The device according to claim 10, wherein the rounded image is identified as an orientation name of the rounded image; the display module is further configured to determine that each edge area on the screen of the terminal is on the screen and determining the mapping relationship between each rounded image and each edge region according to the acquired orientation name of each rounded image and the orientation of each edge region.
The device according to claim 8, wherein the display module is further configured to determine the rotation angle and the rotation direction when the screen of the terminal is rotated; The rounded image is rotated according to the rotation angle and the rotation direction, and a corresponding rotated rounded image is displayed in each edge area of the rotated screen.
The device according to any one of claims 8 to 12, wherein the device further comprises an adding module; the adding module is configured to acquire the system when the system interface application of the terminal is started Before applying the corresponding application code to the interface, determine the screen type of the terminal, and obtain a rounded image matching the screen type; and add a preset resource set in the terminal, and store the rounded image in the Preset asset set.
The apparatus according to claim 8, wherein the rounded image acquisition module is further configured to acquire a default resource set when the preset resource set does not exist in the terminal; from the default resource set obtaining a default rounded image corresponding to the rounded image identifier; and

The display module is further configured to display the default rounded corner image in an edge area on the screen of the terminal.
An electronic device, comprising a memory and a processor, wherein a computer program is stored in the memory, and when the computer program is executed by the processor, the processor executes the process according to any one of claims 1 to 7 method of operation.
A computer-readable storage medium on which a computer program is stored, characterized in that, when the computer program is executed by a processor, the operation of the method according to any one of claims 1 to 7 is implemented.