CN110599899A - Label display method and device, electronic equipment and storage medium - Google Patents
Label display method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN110599899A CN110599899A CN201910888136.3A CN201910888136A CN110599899A CN 110599899 A CN110599899 A CN 110599899A CN 201910888136 A CN201910888136 A CN 201910888136A CN 110599899 A CN110599899 A CN 110599899A
- Authority
- CN
- China
- Prior art keywords
- width
- label
- distance
- display screen
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09F—DISPLAYING; ADVERTISING; SIGNS; LABELS OR NAME-PLATES; SEALS
- G09F9/00—Indicating arrangements for variable information in which the information is built-up on a support by selection or combination of individual elements
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a label display method and device, electronic equipment and a storage medium. The method comprises the following steps: the method comprises the steps of obtaining the content length of each label in all labels to be displayed side by side, determining the display width of each label based on the content length of each label, determining the sum of the display widths of all labels as a first width based on the display width of each label, calculating the difference value between the width of a display screen in the label arrangement direction and the first width to obtain a second width, calculating an equally-divided arrangement distance based on the second width, wherein the arrangement distance comprises the distance between every two adjacent labels and the edge distance between the label and the edge of the display screen in the label arrangement direction, and arranging and displaying all the labels according to the arrangement distance. According to the method and the device, the display width of the label is determined through the content length of the label, the arrangement distance is calculated according to the sum of the width of the display screen in the label arrangement direction and the display width of the label, the label is arranged and displayed, and the display effect and the visual experience are improved.
Description
Technical Field
The present application relates to the field of electronic device technologies, and in particular, to a method and an apparatus for displaying a tag, an electronic device, and a storage medium.
Background
With the development of science and technology, electronic equipment is more and more widely used and has more and more functions, and the electronic equipment becomes one of the necessary things in daily life of people. Currently, electronic devices are usually provided with a Tab bar, wherein the Tab bar, as a basic component of application design, plays a role of switching related content pages in the same hierarchical structure back and forth in the same window of an application end, for example, a music interface for classifying different types of music, a contact interface for dividing pages with different functions, and the like. However, the display mode and the length of each label on the Tab bar are fixed at present, the display effect is poor, and the user experience is greatly reduced.
Disclosure of Invention
In view of the above problems, the present application provides a label display method, apparatus, electronic device and storage medium to solve the above problems.
In a first aspect, an embodiment of the present application provides a tag display method, which is applied to an electronic device, where the electronic device includes a display screen, and the method includes: acquiring the content length of each label in all labels to be displayed side by side, and determining the display width of each label based on the content length of each label; determining the sum of the display widths of all the labels as a first width based on the display width of each label; calculating the difference value between the width of the display screen in the label arrangement direction and the first width to obtain a second width; calculating an equally divided arrangement distance based on the second width, wherein the arrangement distance comprises a distance between every two adjacent labels and an edge distance between the label and the edge of the display screen in the label arrangement direction; and arranging and displaying all the labels according to the arrangement distance.
In a second aspect, an embodiment of the present application provides a tag display apparatus, which is applied to an electronic device, where the electronic device includes a display screen, and the apparatus includes: the display width acquisition module is used for acquiring the content length of each label in all labels to be displayed side by side and determining the display width of each label based on the content length of each label; a first width obtaining module, configured to determine, based on the display width of each label, a sum of the display widths of all the labels as a first width; the second width obtaining module is used for calculating the difference value between the width of the display screen in the label arrangement direction and the first width to obtain a second width; the arrangement distance calculation module is used for calculating an equally-divided arrangement distance based on the second width, wherein the arrangement distance comprises the distance between every two adjacent labels and the edge distance between the label and the edge of the display screen in the label arrangement direction; and the label display module is used for arranging and displaying all the labels according to the arrangement distance.
In a third aspect, an embodiment of the present application provides an electronic device, which includes a display screen, a memory and a processor, wherein the display screen and the memory are coupled to the processor, and the memory stores instructions, and when the instructions are executed by the processor, the processor performs the above method.
In a fourth aspect, the present application provides a computer-readable storage medium, in which a program code is stored, and the program code can be called by a processor to execute the above method.
The label display method, the device, the electronic device and the storage medium provided by the embodiment of the application obtain the content length of each label in all labels to be displayed side by side, determine the display width of each label based on the content length of each label, determine the sum of the display widths of all labels as a first width based on the display width of each label, calculate the difference between the width of the display screen in the label arrangement direction and the first width, obtain a second width, calculate the equally-divided arrangement distance based on the second width, the arrangement distance comprises the distance between every two adjacent labels and the edge distance between the label and the edge of the display screen in the label arrangement direction, arrange and display all the labels according to the arrangement distance, thereby determine the display width of the label according to the content length of the label, calculate the arrangement distance according to the sum of the width of the display screen in the label arrangement direction and the display width of the label, and display the label, and the display effect and the visual experience are improved.
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 are 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 creative efforts.
Fig. 1 is a schematic flow chart illustrating a label display method according to an embodiment of the present application;
FIG. 2 is a schematic view illustrating a first interface of an electronic device according to an embodiment of the present disclosure;
FIG. 3 is a flow chart illustrating a label display method according to another embodiment of the present application;
FIG. 4 illustrates a flowchart of step S210 of the label display method illustrated in FIG. 3 of the present application;
FIG. 5 is a schematic diagram illustrating a second interface of an electronic device according to an embodiment of the present disclosure;
FIG. 6 is a block diagram of a tag display apparatus provided in an embodiment of the present application;
fig. 7 is a block diagram of an electronic device for executing a tag display method according to an embodiment of the present application;
fig. 8 illustrates a storage unit for storing or carrying a program code implementing a tag display method according to an embodiment of the present application.
Detailed Description
In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application.
The Tab bar set by the electronic device is generally a fixed Tab bar, that is, all the labels are displayed within a fixed screen width, and no more labels can be scrolled. The width of each label on the fixed Tab bar is determined by dividing the screen width by the number of labels, and the calculation formula is as follows: the label width is the screen width/the number of labels, that is, the width of each label on the Tab bar is the same, so when the description character corresponding to each label is placed in the middle of each label, if the description character corresponding to each label is different, the visual distance between the description characters is unequal, and the difference between the lengths of some characters is particularly obvious, in addition, when the language of the description character is switched, if some character strings are too long, the problem of incomplete display and the like can be caused, which can respond to the overall aesthetic property of the display interface of the electronic device, and greatly reduce the user experience.
In view of the above problems, the inventor finds and provides a label display method, a device, an electronic device, and a storage medium provided in the embodiments of the present application through long-term research, determines a display width of a label according to a content length of the label, and calculates a layout distance according to a sum of a width of a display screen in a label arrangement direction and the display width of the label to display the label in a layout manner, thereby improving a display effect and visual experience. Specific label display methods are explained in detail in the following embodiments.
Referring to fig. 1, fig. 1 is a schematic flow chart illustrating a tag display method according to an embodiment of the present application. The label display method is used for determining the display width of the label according to the content length of the label, calculating the arrangement distance according to the sum of the width of the display screen in the label arrangement direction and the display width of the label, and displaying the arrangement distance of the label, so that the display effect and the visual experience are improved. In a specific embodiment, the label display method is applied to the label display apparatus 200 shown in fig. 6 and the electronic device 100 (fig. 7) equipped with the label display apparatus 200. The specific process of the present embodiment will be described below by taking an electronic device as an example, and it is understood that the electronic device applied in the present embodiment may be a smart phone, a tablet computer, a wearable electronic device, and the like, which is not limited herein. The electronic device includes a display screen, and as will be described in detail below with respect to the flow shown in fig. 1, the tag display method may specifically include the following steps:
step S101: the method comprises the steps of obtaining the content length of each label in all labels to be displayed side by side, and determining the display width of each label based on the content length of each label.
In this embodiment, the Tab bar may include a plurality of tabs on the same page, and each Tab in the plurality of tabs corresponds to a different content page, where the plurality of tabs may be arranged in different rows, different columns, the same row, the same column, and the like. In some embodiments, all the labels to be displayed side by side may be obtained from a plurality of labels, that is, all the labels to be displayed in the same row or column may be obtained from a plurality of labels in the Tab bar, where all the labels to be displayed side by side may be a part of the labels in the Tab bar or all the labels in the Tab bar, and in addition, the number of all the labels to be displayed side by side may be two, three, four, and the like, which is not limited herein. For example, when the number of all the tags to be displayed side by side is two, and the two tags to be displayed side by side include a first tag and a second tag, it is characterized that the first tag and the second tag are to be arranged and displayed on the same row or the same column of the display screen of the electronic device.
In some embodiments, after determining all the tags to be displayed side by side, the content length of each of all the tags may be obtained, where the content length is used to characterize the length of the character displayed in each tag, for example, if the content displayed by a certain tag is "abc", the content length of the tag may be determined to be "L1", and if the content displayed by a certain tag is "abcdef", the content length of the tag may be determined to be "L2", where L2 > L1. For another example, if the content displayed on a certain label is "ballad", the content length of the certain label may be determined as "two character length", and if the content displayed on a certain label is "light music", the content length of the certain label may be determined as "three character length", where the three character length is greater than the two character length.
Further, after the content length of each of all the tags is obtained, the display width of each tag may be determined based on the content length of each tag, that is, in the present embodiment, the display width of each tag is determined by the content length of the content displayed by the tag, where the display width of each tag may be equal to the content length of the content displayed by the tag, that is, the display width is equal to the content length; the display width of each label may also be slightly greater than the content length of the content displayed by the label, that is, the display width > the content length, optionally, in this embodiment, the content length of each label is equal to the display width of the label, so as to improve the visual effect of the label when displaying the content. For example, if the content length of a certain tag is 312px, the display width of the tag may be determined to be 312px, and if the content length of a certain tag is 170px, the display width of the tag may be determined to be 170 px.
Step S102: determining a sum of the display widths of all the tags as a first width based on the display width of each tag.
In some embodiments, after obtaining the display width of each of all the tags to be displayed side by side, the sum of the display widths of all the tags may be determined based on the display width of each tag, and the sum of the display widths of all the tags is taken as the first width, that is, in the present embodiment, after obtaining the display width of each tag, the sum of the display widths of all the tags may be obtained by adding the display widths of each tag, and taken as the first width. For example, if the number of all the tags to be displayed side by side is two, namely, the first tag and the second tag, when the display width of the first tag is 312px and the display width of the second tag is 170px, the display width of all the tags is the sum of the display width of the first tag and the display width of the second tag, that is, 312px +170px is 482px, that is, the first width is 482 px.
Step S103: and calculating the difference value between the width of the display screen in the label arrangement direction and the first width to obtain a second width.
In this embodiment, the arrangement direction of all the tags on the display screen may be obtained, where the arrangement direction of all the tags on the display screen includes a width direction along the display screen and a length direction along the display screen, where when it is determined that the arrangement direction of all the tags on the display screen is the width direction along the display screen, the width of the display screen may be obtained as the width of the display screen in the tag arrangement direction, and when it is determined that the arrangement direction of all the tags on the display screen is the length direction along the display screen, the length of the display screen may be obtained as the width of the display screen in the tag arrangement direction. The length of the display screen and the width of the display screen can be added to the local of the electronic device when the electronic device is subjected to factory setting, so that the length of the display screen or the width of the display screen can be directly read from the local of the electronic device and taken as the width of the display screen in the tag arrangement direction, and the length and the width of the display screen are not repeated herein.
In some embodiments, after acquiring the width of the display screen in the tag arrangement direction and the first width, a difference between the width of the display screen in the tag arrangement direction and the first width may be calculated to obtain the second width, that is, in this embodiment, after acquiring the width of the display screen in the tag arrangement direction and the first width, the first width may be subtracted from the width of the display screen in the tag arrangement direction, and the calculated difference is used as the second width. For example, if the width of the display screen in the label alignment direction is 1080px and the first width is 482px, the second width is 1080px-482 px-598 px.
Step S104: and calculating an equally-divided arrangement distance based on the second width, wherein the arrangement distance comprises the distance between every two adjacent labels and the edge distance between the label and the edge of the display screen in the label arrangement direction.
In some embodiments, after obtaining the second width, an equally divided arrangement distance may be calculated based on the second width, wherein the arrangement distance includes a distance between every two adjacent tags and an edge distance between the tag and an edge of the display screen in the tag arrangement direction. In the present embodiment, the equally divided arrangement distance may be calculated based on D1 ═ D2- (D1+ D2+ … … dn))/(n +1), where D1 represents the arrangement distance, D2 represents the width of the display screen in the label arrangement direction, (D1+ D2+ … … dn) represents the first width, (D2- (D1+ D2+ … … dn)) represents the second width, and n represents the number of labels to be displayed side by side.
For example, in this embodiment, if all the tags to be displayed side by side include a first tag a and a second tag B, the display width of the first tag a is 312px, the display width of the second tag B is 170px, and the width of the display screen in the tag arrangement direction is 1080 px. It may be determined that D2 is 1080px, (D1+ D2+ … … dn) ═ 312px +170px, (n) 482px, and n is 2, and thus D1 ═ D2- (D1+ D2+ … … dn))/(n +1) — (1080- (312+170))/(2+1) — (253 px), and thus the arrangement distance of the divided parts obtained by calculation based on the second width is 253px, that is, the pitch between the first label a and the second label B is 253px, the edge distance between the first label a and the edge of the display screen on one side in the arrangement direction is 253px, and the edge distance between the second label B and the edge of the display screen on the other side in the arrangement direction is 253 px.
Step S105: and arranging and displaying all the labels according to the arrangement distance.
In some embodiments, after obtaining the arrangement distance, all the tags may be arranged and displayed at the arrangement distance, wherein, since the spacing between each tag is equally divided (equal), the user is not given an unbalanced visual sense by always being in the center of the screen in addition to all the tags as a whole. Meanwhile, the display width of each label is related to the content length of the label, so that the visual unbalance phenomenon caused by inconsistent content lengths is well solved, in addition, the display width of each label can be the content length of the label, and when different system languages are switched, the system can self-adaptively adjust the distance, so that the complete display of the content on the label is ensured, and the label is not cut.
Referring to fig. 2, fig. 2 shows an interface schematic diagram of an electronic device according to an embodiment of the present disclosure, as shown in fig. 2, a denotes a first label, B denotes a second label, C denotes a distance between the first label a and the second label B, D denotes an edge distance between the first label a and an edge of the display screen on one side of the arrangement direction, and E denotes an edge distance between the second label B and an edge of the display screen on the other side of the arrangement direction, where the first label a is L2, the second label B is L3, the distance between the first label a and the second label B is C L3, the edge distance between the first label a and the edge of the display screen on one side of the arrangement direction is D3, and the edge distance between the second label B and the edge of the display screen on the other side of the arrangement direction is E3.
The tag display method provided by one embodiment of the application obtains a content length of each tag in all tags to be displayed side by side, determines a display width of each tag based on the content length of each tag, determines a sum of the display widths of all tags as a first width based on the display width of each tag, calculates a difference between the width of a display screen in a tag arrangement direction and the first width, obtains a second width, calculates an equally-divided arrangement distance based on the second width, the arrangement distance includes a distance between every two adjacent tags and a margin between the tags and the edge of the display screen in the tag arrangement direction, arranges and displays all the tags according to the arrangement distance, thereby determining the display width of the tags according to the content length of the tags, and calculates the arrangement distance according to the sum of the width of the display screen in the tag arrangement direction and the display width of the tags to display the tags in an arrangement manner, and the display effect and the visual experience are improved.
Referring to fig. 3, fig. 3 is a schematic flow chart illustrating a tag display method according to another embodiment of the present application. The method is applied to the electronic device, the electronic device includes a display screen, and as will be described in detail with respect to the flow shown in fig. 3, the tag display method may specifically include the following steps:
step S201: the method comprises the steps of obtaining the content length of each label in all labels to be displayed side by side, and determining the display width of each label based on the content length of each label.
Step S202: determining a sum of the display widths of all the tags as a first width based on the display width of each tag.
For detailed description of steps S201 to S202, please refer to steps S101 to S102, which are not described herein again.
Step S203: and acquiring a preset minimum distance between every two adjacent labels and a preset minimum edge distance between the labels and the edge of the display screen in the label arrangement direction.
In some embodiments, in order to prevent the problem that the distance between every two adjacent tags is too small due to the excessively long content length (the excessively long display width) and the margin between the edges of the display screen in the tag arrangement direction is too small, which results in poor visual effect, in this embodiment, the minimum distance between every two adjacent tags may be preset and stored as the preset minimum distance, and the minimum margin between the edges of the display screen in the tag arrangement direction may be preset and stored as the preset minimum margin.
In this embodiment, the number of the spaces is related to the number of the tags, for example, when the number of the tags is two, the number of the spaces is one, and when the number of the tags is three, the number of the spaces is two, wherein when the number of the spaces is greater than or equal to two, the preset minimum space corresponding to each space is equal, and as one mode, the preset minimum space may be 48 px. The number of the margins between the label and the edge of the display screen in the label arrangement direction is two, and the preset minimum margin corresponding to each margin is equal, and as a mode, the preset minimum margin can be 72 px. As one mode, the preset minimum distance between every two adjacent tags and the preset minimum margin between the tags and the edge of the display screen in the tag arrangement direction may be read locally from the electronic device, and as another mode, the preset minimum distance between every two adjacent tags and the preset minimum margin between the tags and the edge of the display screen in the tag arrangement direction, which are input externally, may be received, which is not limited herein.
Step S204: and obtaining a third width based on the preset minimum distance between every two adjacent labels, the preset minimum margin between the labels and the edge of the display screen in the label arrangement direction and the first width.
In some embodiments, after obtaining the preset minimum distance between every two adjacent tags, the preset minimum margin between the tags and the edge of the display screen in the tag arrangement direction, and the first width, the third width may be obtained based on the preset minimum distance, the preset minimum margin, and the first width. In this embodiment, the first data may be obtained based on a product of the number of the pitches and the preset minimum pitch, the second data may be obtained based on a product of the number of the margins and the preset minimum margin, and the third width may be obtained by adding the first data, the second data, and the first width. For example, when the number of labels is two, the number of pitches is one, the data of the edge distance is two, and the third width is 1 × preset minimum pitch +2 × preset minimum edge distance + first width.
Step S205: and judging whether the third width is larger than the width of the display screen in the label arrangement direction.
In some embodiments, after obtaining the third width, the third width may be compared with a width of the display screen in the label arrangement direction to determine whether the third width is greater than the width of the display screen in the label arrangement direction, where when the determination result indicates that the third width is greater than the width of the display screen in the label arrangement direction, the indication indicates that the content of the label cannot be completely displayed under the condition that both the pitch and the margin are set to be minimum, that is, the length of the content of the label is too long; when the judgment result represents that the third width is not larger than the width of the display screen in the label arrangement direction, the content of the label can be completely displayed, namely the length of the content of the label is proper under the condition that the representation space and the margin are set to be minimum. It can be understood that, if the tag arrangement direction is the width direction of the display screen, it may be determined whether the third width is greater than the width of the display screen, and if the tag arrangement direction is the length direction of the display screen, it may be determined whether the third width is greater than the length of the display screen, which is not limited herein.
Step S206: and when the third width is not larger than the width of the display screen in the label arrangement direction, calculating the difference value between the width of the display screen in the label arrangement direction and the first width to obtain the second width.
When the judgment result indicates that the third width is not larger than the width of the display screen in the label arrangement direction and the content length of the representation label is proper, the difference value between the width of the display screen in the label arrangement direction and the first width can be calculated to obtain the second width.
Step S207: and when the third width is larger than the width of the display screen in the tag arrangement direction, reducing the font size of the content of each tag.
When the third width represented by the judgment result is larger than the width of the display screen in the tag arrangement direction, the length of the content of the representation tag is too long, so that the font size of the content of each tag can be reduced, and the length of the content of each tag is reduced in a manner of reducing the font size of the content of each tag, so that the display width of each tag is reduced. For example, in some embodiments, the font size of the content of each tag may be reduced to 42px, and in addition, the tag height may also be reduced to ensure the adaptation of the tag and the content in the tag, and so on.
Step S208: obtaining the corrected length of the content of each label, and determining the corrected width of each label based on the corrected length of the content of each label.
In some embodiments, after reducing the font size of the content of each label, a corrected length of each label in all the labels may be obtained, wherein the corrected length is used for representing the reduced length of the character displayed in each label. Further, after obtaining the corrected length of each of all the tags, the corrected width of each tag may be determined based on the corrected length of each tag, that is, in the present embodiment, the corrected width of each tag is determined by the corrected length of the content displayed by the tag, where the corrected width of each tag may be equal to the corrected length of the content displayed by the tag, that is, the corrected width is equal to the corrected length; the corrected width of each label may also be slightly greater than the corrected length of the content displayed by the label, that is, the corrected width > the corrected length, optionally, in this embodiment, the corrected length of each label is equal to the corrected width of the label, so as to improve the visual effect of the label when displaying the content. For example, if the modified length of a certain tag is 170px, the modified width of the certain tag may be determined to be 170px, and if the modified length of a certain tag is 150px, the modified width of the certain tag may be determined to be 150 px.
Step S209: determining a sum of the corrected widths of all the labels as a fourth width based on the corrected width of each label.
In some embodiments, after obtaining the corrected width of each of all the labels to be displayed side by side, the corrected width sum of all the labels may be determined based on the corrected width of each label, and the corrected width sum of all the labels may be used as the fourth width, that is, in the present embodiment, after obtaining the corrected width of each label, the corrected width sum of all the labels may be obtained by adding the corrected widths of each label as the fourth width. For example, if the number of all the labels to be displayed side by side is two, namely, the first label and the second label, when the corrected width of the first label is 170px and the corrected width of the second label is 150px, the corrected width of all the labels is the sum of the corrected width of the first label and the corrected width of the second label, that is, 170px +150px is 320px, that is, the fourth width is 320 px.
Step S210: and calculating the difference value between the width of the display screen in the label arrangement direction and the fourth width to obtain a fifth width.
In some embodiments, after the width of the display screen in the tag arrangement direction and the fourth width are obtained, the difference between the width of the display screen in the tag arrangement direction and the fourth width may be calculated to obtain the fifth width, that is, in this embodiment, after the width of the display screen in the tag arrangement direction and the fourth width are obtained, the fourth width may be subtracted from the width of the display screen in the tag arrangement direction, and the calculated difference is used as the fifth width. For example, if the width of the display screen in the label alignment direction is 1080px and the fourth width is 320px, the fifth width is 1080px-320 px-760 px.
Referring to fig. 4, fig. 4 is a schematic flowchart illustrating a step S210 of the label display method shown in fig. 3 of the present application, and the method may specifically include the following steps, which will be described in detail with reference to the flowchart shown in fig. 4:
step S2101: and obtaining a sixth width based on the preset minimum distance between every two adjacent labels, the preset minimum margin between the labels and the edge of the display screen in the label arrangement direction and the fourth width.
In some embodiments, after obtaining the preset minimum distance between every two adjacent tags, the preset minimum margin between the tags and the edge of the display screen in the tag arrangement direction, and the fourth width, the sixth width may be obtained based on the preset minimum distance, the preset minimum margin, and the fourth width. In this embodiment, the first data may be obtained based on a product of the number of the pitches and the preset minimum pitch, the second data may be obtained based on a product of the number of the margins and the preset minimum margin, and the sixth width may be obtained by adding the first data, the second data, and the fourth width. For example, when the number of labels is two, the number of pitches is one, the data of the margins is two, and the sixth width is 1 × preset minimum pitch +2 × preset minimum margin + the fourth width.
Step S2102: and judging whether the sixth width is larger than the width of the display screen in the label arrangement direction.
In some embodiments, after obtaining the sixth width, the sixth width may be compared with the width of the display screen in the label arrangement direction to determine whether the sixth width is greater than the width of the display screen in the label arrangement direction, where when the determination result indicates that the sixth width is greater than the width of the display screen in the label arrangement direction, if the interval and the margin are both set to be minimum and the font of the content in the label is reduced, the content in the label cannot be completely displayed, that is, the modified length of the label is still too long; when the sixth width represented by the judgment result is not more than the width of the display screen in the label arrangement direction, the content of the label can be completely displayed, namely the correction length of the label is proper under the condition that the representation space and the margin are set to be minimum and the font of the content in the label is reduced.
Step S2103: and when the sixth width is not larger than the width of the display screen in the label arrangement direction, calculating the difference value between the width of the display screen in the label arrangement direction and the fourth width to obtain the fifth width.
When the judgment result indicates that the sixth width is not larger than the width of the display screen in the label arrangement direction and the correction length of the representation label is proper, the difference value between the width of the display screen in the label arrangement direction and the fourth width can be calculated to obtain the fifth width.
Step S2104: and when the sixth width is larger than the width of the display screen in the label arrangement direction, acquiring the label with the corrected width exceeding the preset maximum label width as a target label.
When the sixth width represented by the judgment result is larger than the width of the display screen in the label arrangement direction, the correction width of the representation label is too long, that is, the representation cannot effectively solve the problem of too large display width of the label by reducing the font size of the content in the label. In this embodiment, the maximum width of a single label may be preset, and the preset maximum width of the single label is used as a preset maximum label width, which is used as a judgment basis for the display width of each label, where the preset maximum label width may be 384 px. In one embodiment, the preset maximum tag width may be read locally from the electronic device, or may be received from an external input, which is not limited herein.
In this embodiment, the corrected width of each tag may be obtained, and the corrected width of each tag may be compared with a preset maximum tag width to determine whether the corrected width is greater than the preset maximum tag width, where when the corrected width is greater than the preset maximum tag width, a tag corresponding to the corrected width may be obtained, and the tag may be used as a target tag.
Step S2105: and slidably arranging the content of the target label on the target label, and adding a mask in the edge area of the content of the target label in the length direction.
In some embodiments, since the modified length of the content in the target tag is greater than the preset maximum tag width, if the content of the target tag is directly displayed in the target tag, the content of the target tag may not be completely displayed or may be missing. Therefore, as shown in fig. 5, fig. 5 shows a second interface schematic diagram of the electronic device according to the embodiment of the present application, in this embodiment, the content of the target tag a may be slidably disposed on the target tag, and a portion exceeding the display width of the target tag may be marked by a "dotting", and it can be understood that, when the sliding operation acting on the target tag a is detected, the content displayed on the target tag a may be hidden or displayed in response to the sliding operation, so as to improve the display effect of the target tag. Meanwhile, in this embodiment, a mask may be further added to an edge region in the length direction of the content of the target tag to further improve the display effect of the target tag, where the width of the mask may be 12dp, which is not limited herein.
Fig. 5 shows a second interface schematic diagram of the electronic device according to the embodiment of the present application, where as shown in fig. 5, a denotes a first label (target label), B denotes a second label, C denotes an interval between the first label a and the second label B, D denotes an edge distance between the first label a and an edge of the display screen on one side of the arrangement direction, and E denotes an edge distance between the second label B and an edge of the display screen on the other side of the arrangement direction, where the first label a is L6, the second label B is L7, the edge distance between the first label a and the edge of the display screen on one side of the arrangement direction is L4, and the edge distance between the second label B and the edge of the display screen on the other side of the arrangement direction is L4, and then, the interval C between the first label a and the second label B is L5.
Step S211: and calculating an equally-divided arrangement distance based on the second width or the fifth width, wherein the arrangement distance comprises a distance between every two adjacent labels and an edge distance between the label and the edge of the display screen in the label arrangement direction.
For detailed description of step S211, please refer to step S104, which is not described herein again.
Step S212: and judging whether the arrangement distance is greater than the preset minimum edge distance.
In some embodiments, after obtaining the arrangement distance, the electronic device may compare the arrangement distance with a preset minimum edge distance to determine whether the arrangement distance is greater than the preset minimum edge distance. For example, if the preset minimum edge distance is 72px, after the calculation to obtain the equally divided arrangement distance, the arrangement distance may be compared with 72px to determine whether the arrangement distance is greater than 72px, it may be understood that, when the arrangement distance is greater than 72px, the arrangement distance may be determined to be greater than the preset minimum edge distance, and when the arrangement distance is not greater than 72px, the arrangement distance may be determined to be not greater than the preset minimum edge distance.
Step S213: and when the arrangement distance is larger than the preset minimum edge distance, arranging and displaying all the labels according to the arrangement distance.
When the judgment result represents that the arrangement distance is greater than the preset minimum edge distance, all the labels can be arranged and displayed according to the arrangement distance obtained by calculation.
Step S214: and when the arrangement distance is not more than the preset minimum edge distance, determining the edge distance between the label and the edge of the display screen in the label arrangement direction as the preset minimum edge distance.
When the arrangement distance is not greater than the preset minimum edge distance, the edge distance between the label and the edge of the display screen in the label arrangement direction can be determined as the preset minimum edge distance, so that the size of the edge distance between the label and the edge of the display screen in the label arrangement direction is determined first, and the influence on the display effect is reduced. For example, if the preset minimum margin is 72px, the margin between the label and the edge of the display screen in the label arrangement direction may be determined as 72 px.
Step S215: and calculating the width of the display screen in the label arrangement direction and the difference between the first width and the preset minimum edge distance to obtain a seventh width.
In some embodiments, after obtaining the width of the display screen in the tag arrangement direction, the first width, and (the margin between the tag and the edge of the display screen in the tag arrangement direction) the preset minimum margin, a difference between the width of the display screen in the tag arrangement direction and the first width and the preset minimum margin may be calculated to obtain a seventh width, that is, in this embodiment, after obtaining the width of the display screen in the tag arrangement direction, the first width, and the preset minimum margin, the first width and the preset minimum margin may be subtracted from the width of the display screen in the tag arrangement direction, and the calculated difference is used as the seventh width.
Step S216: calculating an equally divided arrangement pitch including a pitch between every two adjacent tags based on the seventh width.
Since the seventh width is a difference between the width of the display screen in the tag arrangement direction and the first width and the preset minimum margin, that is, the seventh width represents a total width of all the spaces, in some embodiments, after the seventh width is obtained, an equally divided arrangement space may be calculated based on the seventh width, where the arrangement space includes a space between every two adjacent tags.
Step S217: and arranging and displaying all the labels according to the arrangement distance and the preset minimum margin.
In this embodiment, after the arrangement distance and the preset minimum margin are obtained, all the tags may be arranged and displayed according to the arrangement distance and the preset minimum margin. For example, if the first label is 500px, the second label is 300px, the distance between the first label and the edge of the display screen on one side in the arrangement direction is 72px, and the distance between the second label and the edge of the display screen on the other side in the arrangement direction is 72px, the distance C between the first label and the second label is 136 px.
In another embodiment of the present application, a method for displaying labels includes obtaining a content length of each label in labels to be displayed side by side, determining a display width of each label based on the content length of each label, determining a total of the display widths of all labels as a first width based on the display width of each label, obtaining a preset minimum distance between every two adjacent labels, and obtaining a third width based on the preset minimum distance between every two adjacent labels, the preset minimum distance between the label and the edge of the display screen in the label arrangement direction, and the first width. Judging whether the third width is larger than the width of the display screen in the label arrangement direction, when the third width is not larger than the width of the display screen in the label arrangement direction, calculating the difference value between the width of the display screen in the label arrangement direction and the first width, obtaining the second width, when the third width is larger than the width of the display screen in the label arrangement direction, reducing the font size of the content of each label, obtaining the correction length of the content of each label, determining the correction width of each label based on the correction length of the content of each label, and determining the sum of the correction widths of all labels as a fourth width based on the correction width of each label. And calculating the difference value between the width of the display screen in the label arrangement direction and the fourth width to obtain a fifth width. Calculating the equally-divided arrangement distance based on the second width or the fifth width, wherein the arrangement distance comprises the distance between every two adjacent labels, and the edge distance between the label and the edge of the display screen in the label arrangement direction, judging whether the arrangement distance is greater than the preset minimum edge distance, when the arrangement distance is greater than the preset minimum edge distance, arranging and displaying all the labels according to the arrangement distance, and when the arrangement distance is not greater than the preset minimum edge distance, determining the edge distance between the label and the edge of the display screen in the label arrangement direction as the preset minimum edge distance. Calculating the width of the display screen in the label arrangement direction and the difference between the first width and the preset minimum edge distance to obtain a seventh width, calculating an equally-divided arrangement interval based on the seventh width, wherein the arrangement interval comprises the interval between every two adjacent labels, and arranging and displaying all the labels according to the arrangement interval and the preset minimum edge distance. Compared with the label display method shown in fig. 1, the embodiment further determines different label display modes according to the relationship between the label width and the width of the display screen in the label arrangement direction, determines different label display methods according to the relationship between the arrangement distance and the preset minimum edge distance, and improves the rationality and the visual effect of label display.
Referring to fig. 6, fig. 6 is a block diagram illustrating a tag display apparatus 200 according to an embodiment of the present disclosure. The tag display apparatus 200 is applied to the electronic device, which includes a display screen. As will be explained below with respect to the block diagram shown in fig. 6, the label display apparatus 200 includes: a display width obtaining module 210, a first width obtaining module 220, a second width obtaining module 230, an arrangement distance calculating module 240, and a label displaying module 250, wherein:
a display width obtaining module 210, configured to obtain a content length of each of all tags to be displayed side by side, and determine a display width of each tag based on the content length of each tag.
A first width obtaining module 220, configured to determine a sum of the display widths of all the tags as a first width based on the display width of each tag.
The second width obtaining module 230 is configured to calculate a difference between a width of the display screen in the tag arrangement direction and the first width, so as to obtain a second width. Further, the second width obtaining module 230 includes: a preset minimum distance obtaining submodule, a third width judging submodule, a second width obtaining submodule, a font reducing submodule, a correction width obtaining submodule, a fourth width obtaining submodule and a fifth width obtaining submodule, wherein:
and the preset minimum distance acquisition submodule is used for acquiring a preset minimum distance between every two adjacent labels and a preset minimum edge distance between the label and the edge of the display screen in the label arrangement direction.
And the third width obtaining submodule is used for obtaining a third width based on the preset minimum distance between every two adjacent labels, the preset minimum edge distance between the label and the edge of the display screen in the label arrangement direction and the first width.
And the third width judgment submodule is used for judging whether the third width is larger than the width of the display screen in the label arrangement direction.
And the second width obtaining submodule is used for calculating the difference value between the width of the display screen in the label arrangement direction and the first width when the third width is not larger than the width of the display screen in the label arrangement direction, so as to obtain the second width.
And the font reducing submodule is used for reducing the font size of the content of each label when the third width is larger than the width of the display screen in the label arrangement direction.
And the correction width acquisition submodule is used for acquiring the correction length of the content of each label and determining the correction width of each label based on the correction length of the content of each label.
A fourth width obtaining submodule, configured to determine a sum of the corrected widths of all the tags as a fourth width based on the corrected width of each tag.
And the fifth width obtaining submodule is used for calculating the difference value between the width of the display screen in the label arrangement direction and the fourth width to obtain a fifth width. Further, the fifth width obtaining submodule includes:
a sixth width obtaining unit, a sixth width judging unit, a fifth width obtaining unit, a target label obtaining unit and a target label displaying unit, wherein:
and the sixth width acquisition unit is used for acquiring a sixth width based on the preset minimum distance between every two adjacent labels, the preset minimum margin between the label and the edge of the display screen in the label arrangement direction and the fourth width.
And the sixth width judging unit is used for judging whether the sixth width is larger than the width of the display screen in the label arrangement direction.
And the fifth width acquisition unit is used for calculating the difference value between the width of the display screen in the label arrangement direction and the fourth width to obtain the fifth width when the sixth width is not larger than the width of the display screen in the label arrangement direction.
And the target label obtaining unit is used for obtaining the label of which the corrected width exceeds the preset maximum label width as the target label when the sixth width is larger than the width of the display screen in the label arrangement direction.
And the target label display unit is used for slidably arranging the content of the target label on the target label and adding a mask in the edge area of the content of the target label in the length direction.
And an arrangement distance calculation module 240, configured to calculate an equally-divided arrangement distance based on the second width, where the arrangement distance includes a distance between every two adjacent tags and an edge distance between a tag and an edge of the display screen in a tag arrangement direction.
And a label display module 250, configured to arrange and display all the labels according to the arrangement distance. Further, the tag display module 250 includes: the system comprises a distribution distance judgment submodule, a first label display submodule, a margin determination submodule, a seventh width acquisition submodule, a distribution distance calculation submodule and a second label display submodule, wherein:
and the arrangement distance judgment submodule is used for judging whether the arrangement distance is greater than the preset minimum edge distance.
And the first label display submodule is used for arranging and displaying all the labels according to the arrangement distance when the arrangement distance is greater than the preset minimum edge distance.
And the edge distance determining submodule is used for determining the edge distance between the label and the edge of the display screen in the label arrangement direction as the preset minimum edge distance when the arrangement distance is not greater than the preset minimum edge distance.
And the seventh width obtaining submodule is used for calculating the width of the display screen in the label arrangement direction and the difference value between the first width and the preset minimum edge distance to obtain a seventh width.
And the arrangement pitch calculation submodule is used for calculating an equally divided arrangement pitch based on the seventh width, and the arrangement pitch comprises a pitch between every two adjacent labels.
And the second label display submodule is used for arranging and displaying all the labels according to the arrangement distance and the preset minimum margin.
It can be clearly understood by those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described apparatuses and modules may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
In the several embodiments provided in the present application, the coupling between the modules may be electrical, mechanical or other type of coupling.
In addition, functional modules in the embodiments of the present application may be integrated into one processing module, or each of the modules may exist alone physically, or two or more modules are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode.
Referring to fig. 7, a block diagram of an electronic device 100 according to an embodiment of the present disclosure is shown. The electronic device 100 may be a smart phone, a tablet computer, an electronic book, or other electronic devices capable of running an application. The electronic device 100 in the present application may include one or more of the following components: a processor 110, a memory 120, a display 130, and one or more applications, wherein the one or more applications may be stored in the memory 120 and configured to be executed by the one or more processors 110, the one or more programs configured to perform the methods as described in the aforementioned method embodiments.
Processor 110 may include one or more processing cores, among other things. The processor 110 connects various parts within the overall electronic device 100 using various interfaces and lines, and performs various functions of the electronic device 100 and processes data by executing or executing instructions, programs, code sets, or instruction sets stored in the memory 120 and calling data stored in the memory 120. Alternatively, the processor 110 may be implemented in hardware using at least one of Digital Signal Processing (DSP), Field-Programmable Gate Array (FPGA), and Programmable Logic Array (PLA). The processor 110 may integrate one or more of a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), a modem, and the like. Wherein, the CPU mainly processes an operating system, a user interface, an application program and the like; the GPU is used for rendering and drawing the content to be displayed; the modem is used to handle wireless communications. It is understood that the modem may not be integrated into the processor 110, but may be implemented by a communication chip.
The Memory 120 may include a Random Access Memory (RAM) or a Read-Only Memory (Read-Only Memory). The memory 120 may be used to store instructions, programs, code sets, or instruction sets. The memory 120 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playing function, an image playing function, etc.), instructions for implementing various method embodiments described below, and the like. The storage data area may also store data created by the terminal 100 in use, such as a phonebook, audio-video data, chat log data, and the like.
The Display 130 is used for displaying information input by a user, information provided to the user, and various graphical user interfaces of the electronic device 100, which may be formed by graphics, text, icons, numbers, videos, and any combination thereof, and in one example, the Display 130 may be a Liquid Crystal Display (LCD) or an Organic Light-Emitting Diode (OLED), which is not limited herein.
Referring to fig. 8, a block diagram of a computer-readable storage medium according to an embodiment of the present application is shown. The computer-readable medium 300 has stored therein a program code that can be called by a processor to execute the method described in the above-described method embodiments.
The computer-readable storage medium 300 may be an electronic memory such as a flash memory, an EEPROM (electrically erasable programmable read only memory), an EPROM, a hard disk, or a ROM. Alternatively, the computer-readable storage medium 300 includes a non-volatile computer-readable storage medium. The computer readable storage medium 300 has storage space for program code 310 for performing any of the method steps of the method described above. The program code can be read from or written to one or more computer program products. The program code 310 may be compressed, for example, in a suitable form.
To sum up, the tag display method, the tag display apparatus, the electronic device, and the storage medium according to the embodiments of the present application obtain a content length of each tag in all tags to be displayed side by side, determine a display width of each tag based on the content length of each tag, determine a total display width of all tags as a first width based on the display width of each tag, calculate a difference between a width of a display screen in a tag arrangement direction and the first width, obtain a second width, calculate an equally-divided arrangement distance based on the second width, the arrangement distance includes a distance between every two adjacent tags and a margin between the tags and an edge of the display screen in the tag arrangement direction, arrange and display all tags according to the arrangement distance, thereby determine the display width of the tags according to the content length of the tags, and calculate the arrangement distance according to the total width of the display screen in the tag arrangement direction and the display width of the tags, and the display effect and the visual experience are improved.
Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present application, and not to limit the same; although the present application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; such modifications and substitutions do not necessarily depart from the spirit and scope of the corresponding technical solutions in the embodiments of the present application.
Claims (12)
1. A label display method is applied to an electronic device, the electronic device comprises a display screen, and the method comprises the following steps:
acquiring the content length of each label in all labels to be displayed side by side, and determining the display width of each label based on the content length of each label;
determining the sum of the display widths of all the labels as a first width based on the display width of each label;
calculating the difference value between the width of the display screen in the label arrangement direction and the first width to obtain a second width;
calculating an equally divided arrangement distance based on the second width, wherein the arrangement distance comprises a distance between every two adjacent labels and an edge distance between the label and the edge of the display screen in the label arrangement direction;
and arranging and displaying all the labels according to the arrangement distance.
2. The method of claim 1, wherein calculating the difference between the width of the display screen and the first width to obtain a second width comprises:
acquiring a preset minimum distance between every two adjacent labels and a preset minimum edge distance between the labels and the edge of the display screen in the label arrangement direction;
obtaining a third width based on the preset minimum distance between every two adjacent labels, the preset minimum edge distance between the labels and the edge of the display screen in the label arrangement direction and the first width;
judging whether the third width is larger than the width of the display screen in the label arrangement direction;
and when the third width is not larger than the width of the display screen in the label arrangement direction, calculating the difference value between the width of the display screen in the label arrangement direction and the first width to obtain the second width.
3. The method of claim 2, further comprising:
when the third width is larger than the width of the display screen in the tag arrangement direction, reducing the font size of the content of each tag;
acquiring the corrected length of the content of each label, and determining the corrected width of each label based on the corrected length of the content of each label;
determining a corrected width sum of all the labels as a fourth width based on the corrected width of each label;
and calculating the difference value between the width of the display screen in the label arrangement direction and the fourth width to obtain a fifth width.
4. The method of claim 3, wherein calculating the difference between the width of the display screen in the label alignment direction and the fourth width to obtain a fifth width comprises:
obtaining a sixth width based on the preset minimum distance between every two adjacent labels, the preset minimum margin between the labels and the edge of the display screen in the label arrangement direction and the fourth width;
judging whether the sixth width is larger than the width of the display screen in the label arrangement direction;
and when the sixth width is not larger than the width of the display screen in the label arrangement direction, calculating the difference value between the width of the display screen in the label arrangement direction and the fourth width to obtain the fifth width.
5. The method of claim 4, further comprising:
when the sixth width is larger than the width of the display screen in the label arrangement direction, acquiring a label with the corrected width exceeding the preset maximum label width as a target label;
and slidably arranging the content of the target label on the target label, and adding a mask in the edge area of the content of the target label in the length direction.
6. The method of any of claims 2-5, wherein said arranging and displaying all of said labels at said arrangement distance comprises:
judging whether the arrangement distance is greater than the preset minimum edge distance;
and when the arrangement distance is larger than the preset minimum edge distance, arranging and displaying all the labels according to the arrangement distance.
7. The method of claim 6, further comprising:
when the arrangement distance is not larger than the preset minimum edge distance, determining the edge distance between the label and the edge of the display screen in the label arrangement direction as the preset minimum edge distance;
calculating the width of the display screen in the label arrangement direction and the difference between the first width and the preset minimum edge distance to obtain a seventh width;
calculating an equally divided arrangement pitch including a pitch between every two adjacent labels based on the seventh width;
and arranging and displaying all the labels according to the arrangement distance and the preset minimum margin.
8. The method of claim 1, wherein the content length of each tag is equal to the display width of each tag.
9. The method according to any one of claims 1-5, wherein calculating the equally-divided packing distance based on the second width comprises:
the arrangement distance of the equal division is calculated based on D1 ═ D2- (D1+ D2+ … … dn))/(n +1), where D1 represents the arrangement distance, D2 represents the width of the display screen in the tag arrangement direction, (D1+ D2+ … … dn) represents the first width, and n represents the number of tags to be displayed side by side.
10. A label display device, applied to an electronic apparatus including a display screen, the device comprising:
the display width acquisition module is used for acquiring the content length of each label in all labels to be displayed side by side and determining the display width of each label based on the content length of each label;
a first width obtaining module, configured to determine, based on the display width of each label, a sum of the display widths of all the labels as a first width;
the second width obtaining module is used for calculating the difference value between the width of the display screen in the label arrangement direction and the first width to obtain a second width;
the arrangement distance calculation module is used for calculating an equally-divided arrangement distance based on the second width, wherein the arrangement distance comprises the distance between every two adjacent labels and the edge distance between the label and the edge of the display screen in the label arrangement direction;
and the label display module is used for arranging and displaying all the labels according to the arrangement distance.
11. An electronic device comprising a display screen, a memory, and a processor, the display screen and the memory coupled to the processor, the memory storing instructions that, when executed by the processor, the processor performs the method of any of claims 1-9.
12. A computer-readable storage medium, having stored thereon program code that can be invoked by a processor to perform the method according to any one of claims 1 to 9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910888136.3A CN110599899A (en) | 2019-09-19 | 2019-09-19 | Label display method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910888136.3A CN110599899A (en) | 2019-09-19 | 2019-09-19 | Label display method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110599899A true CN110599899A (en) | 2019-12-20 |
Family
ID=68861307
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910888136.3A Pending CN110599899A (en) | 2019-09-19 | 2019-09-19 | Label display method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110599899A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111459371A (en) * | 2020-03-31 | 2020-07-28 | 北京奇艺世纪科技有限公司 | View switching method and device, electronic equipment and storage medium |
| CN113687809A (en) * | 2020-05-18 | 2021-11-23 | 北京沃东天骏信息技术有限公司 | Information display method and device, electronic equipment and readable storage medium |
| CN114385052A (en) * | 2020-10-19 | 2022-04-22 | 聚好看科技股份有限公司 | Dynamic display method of Tab bar and three-dimensional display equipment |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102239490A (en) * | 2008-12-09 | 2011-11-09 | 高通股份有限公司 | Method and apparatus for adjusting the length of text strings to fit display sizes |
| CN106095374A (en) * | 2016-06-23 | 2016-11-09 | Tcl集团股份有限公司 | The method and system that a kind of word size adaptation various countries language shows |
| CN106873925A (en) * | 2015-12-10 | 2017-06-20 | 北京国双科技有限公司 | The display methods and device of label text |
| CN108108364A (en) * | 2016-11-23 | 2018-06-01 | 珠海金山办公软件有限公司 | A kind of tag displaying method and device |
| CN108153575A (en) * | 2018-01-19 | 2018-06-12 | 深圳市富途网络科技有限公司 | A kind of adaptive distribution method of button control for variable-width software interface |
| CN108958633A (en) * | 2018-07-11 | 2018-12-07 | Oppo广东移动通信有限公司 | Multi-screen display method, device, storage medium and electronic equipment |
| CN109325215A (en) * | 2018-12-04 | 2019-02-12 | 万兴科技股份有限公司 | The output method and device of Word text |
| CN109408162A (en) * | 2018-09-03 | 2019-03-01 | 平安普惠企业管理有限公司 | A kind of method and terminal showing the page |
| CN109976450A (en) * | 2019-03-15 | 2019-07-05 | Oppo广东移动通信有限公司 | Screen calibration method, device, electronic equipment and storage medium |
-
2019
- 2019-09-19 CN CN201910888136.3A patent/CN110599899A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102239490A (en) * | 2008-12-09 | 2011-11-09 | 高通股份有限公司 | Method and apparatus for adjusting the length of text strings to fit display sizes |
| CN106873925A (en) * | 2015-12-10 | 2017-06-20 | 北京国双科技有限公司 | The display methods and device of label text |
| CN106095374A (en) * | 2016-06-23 | 2016-11-09 | Tcl集团股份有限公司 | The method and system that a kind of word size adaptation various countries language shows |
| CN108108364A (en) * | 2016-11-23 | 2018-06-01 | 珠海金山办公软件有限公司 | A kind of tag displaying method and device |
| CN108153575A (en) * | 2018-01-19 | 2018-06-12 | 深圳市富途网络科技有限公司 | A kind of adaptive distribution method of button control for variable-width software interface |
| CN108958633A (en) * | 2018-07-11 | 2018-12-07 | Oppo广东移动通信有限公司 | Multi-screen display method, device, storage medium and electronic equipment |
| CN109408162A (en) * | 2018-09-03 | 2019-03-01 | 平安普惠企业管理有限公司 | A kind of method and terminal showing the page |
| CN109325215A (en) * | 2018-12-04 | 2019-02-12 | 万兴科技股份有限公司 | The output method and device of Word text |
| CN109976450A (en) * | 2019-03-15 | 2019-07-05 | Oppo广东移动通信有限公司 | Screen calibration method, device, electronic equipment and storage medium |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111459371A (en) * | 2020-03-31 | 2020-07-28 | 北京奇艺世纪科技有限公司 | View switching method and device, electronic equipment and storage medium |
| CN111459371B (en) * | 2020-03-31 | 2021-09-28 | 北京奇艺世纪科技有限公司 | View switching method and device, electronic equipment and storage medium |
| CN113687809A (en) * | 2020-05-18 | 2021-11-23 | 北京沃东天骏信息技术有限公司 | Information display method and device, electronic equipment and readable storage medium |
| CN114385052A (en) * | 2020-10-19 | 2022-04-22 | 聚好看科技股份有限公司 | Dynamic display method of Tab bar and three-dimensional display equipment |
| CN114385052B (en) * | 2020-10-19 | 2023-10-20 | 聚好看科技股份有限公司 | Dynamic display method of Tab column and three-dimensional display device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107168712B (en) | Interface drawing method, mobile terminal and computer readable storage medium | |
| CN110599899A (en) | Label display method and device, electronic equipment and storage medium | |
| CN103064920B (en) | Method and device for scaling page fonts in mobile terminal | |
| US8910073B2 (en) | Enhancing visual continuity in scrolling operations | |
| CN109062653B (en) | Long image-text information display method, computer device and computer readable storage medium | |
| CN106325687B (en) | Method and terminal for calling program | |
| CN106557237B (en) | method and terminal for selecting copy text information | |
| CN102841790A (en) | Web application interface dynamic adapting method for heterogeneous terminal | |
| US20130268854A1 (en) | Utilizing drawing guides in determining the display of smart guides in a drawing program | |
| CN103455242A (en) | Screen frame cropping method and screen frame cropping apparatus | |
| CN105528200A (en) | Browser tab display method and device | |
| US20240143898A1 (en) | Content typesetting method and apparatus, computer device, and storage medium | |
| US20120154298A1 (en) | Method for Adjusting Touch Positions of Software Keyboard, Non-Transitory Computer Readable Storage Medium for Storing Thereof and Touch Screen Electrical Device Applying Thereof | |
| CN111143731B (en) | Display method and device for webpage interface zooming and terminal equipment | |
| US20140258899A1 (en) | Modifying numeric values | |
| CN111783007B (en) | Display rendering method and device, electronic equipment and storage medium | |
| CN107340886B (en) | Soft keyboard state determination method, device, medium and terminal | |
| CN113742612A (en) | Data rendering method and device, electronic equipment and storage medium | |
| CN113268949B (en) | Form display method and device based on dynamic fields, computer equipment and medium | |
| CN112861504A (en) | Text interaction method, device, equipment, storage medium and program product | |
| CN110908570B (en) | Image processing method, device, terminal and storage medium | |
| CN110187881B (en) | Special-shaped window creation method, system, device and computer storage medium | |
| CN113934339A (en) | Method and device for page self-adaptive layout based on rem | |
| CN111523288B (en) | Display method and device for aerial view of PDF document | |
| US9892097B2 (en) | Enabling absolute positioning with publishable HTML code |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191220 |
|
| RJ01 | Rejection of invention patent application after publication |