Control display method and device and medium

Abstract

The invention provides a control display method and device and a medium, and relates to the technical field of computers. The method comprises the steps that the text width is calculated according to texts of target controls, the total text length is determined according to the text width, and the target controls corresponding to the total text length are displayed in the same row or the same column; control information corresponding to the total length of the text is obtained, if it is determined that a text exceeding condition is met according to the control information and the total length of the text, a target text to be subjected to line feed is obtained, and the control information comprises a layout length and a control interval; and displaying the target control based on the line feed result of the target text. According to the embodiment of the invention, the text line feed operation can be performed when the text exceeds the display area of the control, so that the text can be completely displayed, a user can conveniently check the text content, the reading and checking efficiency is improved, understanding errors are avoided, and the use experience is provided.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of computer, in particular, the present application relates to a control display method, device and medium. BACKGROUND

[0002] With the development of intelligent terminal, the communication and work and life between people more and more rely on network communication, such as sending text communication through QQ, wechat and other social software or using terminal office software (such as office) to process the files or data involved in work.

[0003] At present, the software of terminal such as social software and office software displays the icons of the controls owned by the software through the display interface, and displays the name or related information of the control in the icon in the form of text for the user to view. However, in order to reduce the occupied space of the icon and keep the display interface beautiful, the target is displayed in a small graph.

[0004] However, in order to meet the needs of users in different countries, many software will display the content of the text in different languages according to the needs of users, and when the text is displayed in different languages, the length of the text will change, but the icon is still displayed in a fixed size, so that the problem of too long text to be displayed completely appears. The existing technology generally uses the marquee method to display the content in the text control in a circular scrolling manner; or only displays a part of the text. By using the marquee method to display in a circular scrolling manner, the user cannot see all the content immediately, and if he misses a part, he can only see it when it comes back in a circular manner, which reduces the reading efficiency. The way of displaying only a part of the content makes it difficult for the user to understand the specific information of the text, and it is easy to make mistakes in understanding. SUMMARY

[0005] The embodiment of the present application provides a control display method, device and medium, which can solve the problem that the existing text display method affects the reading efficiency or is easy to make mistakes in understanding because the user cannot see all the text.

[0006] In order to achieve this object, the embodiment of the present application provides the following several schemes.

[0007] According to one aspect of the embodiment of the present application, a control display method is provided, and the method comprises: calculating the text width according to the text of the target control, determining the total length of the text according to the text width, and the target control corresponding to the total length of the text is displayed in the same row or the same column; obtaining the control information corresponding to the total length of the text, if it is determined that the text exceeds the condition according to the control information and the total length of the text, obtaining the target text to be wrapped, and the control information includes layout length and control interval; Display the target control based on the line breaking result of the target text.

[0008] In a possible implementation, the text width is calculated according to the text of the target control, comprising: Obtaining the text corresponding to the target control, calculating the width occupied by the text according to the display information of the text, and determining the width as the text width, wherein the display information comprises language type, font, and font size.

[0009] In a possible implementation, the total length of the text is determined according to the text width, comprising: Determining the row or column where the target control corresponding to the text width is located, and obtaining the text width corresponding to all target controls in the row or column; The sum of the text widths corresponding to the row or column is determined as the total length of the text.

[0010] In a possible implementation, the judgment of the text exceeding condition comprises: Obtaining the sum of the control intervals, and obtaining the addition result of the sum of the control intervals and the total length of the text; Obtaining the difference between the addition result and the layout length, and determining that the text exceeding condition is met if the difference is greater than zero.

[0011] In a possible implementation, the target text to be line broken is obtained, comprising: If the difference is greater than zero, the target text to be line broken is determined according to the difference and the size of the text width corresponding to each target control.

[0012] In a possible implementation, the judgment of the text exceeding condition comprises: If the difference is less than or equal to zero, it is determined that there is no target text to be line broken, and the layout of the target control is determined according to the size of the text width corresponding to each target control and the control interval.

[0013] In a possible implementation, the target text to be line broken is determined according to the difference and the size of the text width corresponding to each target control, comprising: The text width sorting is determined according to the size of the text width, and the target text to be line broken is determined based on the text width sorting and the difference.

[0014] In a possible implementation, the display of the target control based on the line breaking result of the target text comprises: The size of each target control is determined based on the line breaking result, and the display position of the text not line broken and the target text after line breaking is determined according to the size. display the text or the target text in the target control according to the display position.

[0015] According to an aspect of the embodiments of the present application, an electronic device is provided, comprising a memory, a processor and a computer program stored in the memory, the processor executes the computer program to implement the steps of the method as described above.

[0016] According to an aspect of the embodiments of the present application, a computer readable storage medium is provided, having a computer program stored thereon, the computer program is executed to implement the steps of the method as described above.

[0017] The technical scheme provided by the embodiments of the present application has the beneficial effects that: The control display method provided by the embodiments of the present application calculates the text width according to the text of the target control, determines the total length of the text according to the text width, and the target control corresponding to the total length of the text is displayed in the same row or the same column; obtains the control information corresponding to the total length of the text, and if it is determined that the text exceeds condition is met according to the control information and the total length of the text, obtains the target text to be wrapped, and the control information includes layout length and control interval; and displays the target control based on the wrapping result of the target text. The embodiments of the present application can perform text wrapping operation when the text exceeds the display area of the control, so that the text can be displayed completely, which is convenient for users to view the text content, improves the reading and viewing efficiency and avoids understanding errors, and provides a use experience. BRIEF DESCRIPTION OF DRAWINGS

[0018] 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 of the present application will be briefly introduced.

[0019] Figure 1 The flow chart of the control display method provided by the embodiments of the present application is provided. Figure 2 The layout diagram before text wrapping provided by the embodiments of the present application is provided. Figure 3 The layout diagram after text wrapping provided by the embodiments of the present application is provided. Figure 4 The structural diagram of the electronic device provided by the embodiments of the present application is provided. DETAILED DESCRIPTION

[0020] The embodiments of the present application will be described below in conjunction with the drawings in the present application. It should be understood that the embodiments described below in conjunction with the drawings are exemplary descriptions for explaining the technical solutions of the embodiments of the present application, and do not limit the technical solutions of the embodiments of the present application.

[0021] Those skilled in the art can understand that the singular forms "a," "an," and "the" used herein include plural forms unless otherwise stated. It should be further understood that the terms "include" and "contain" used in the embodiments of the present application mean that the corresponding features can be implemented as the presented features, information, data, steps, operations, elements and / or components, but do not exclude other features, information, data, steps, operations, elements, components and / or their combinations supported by the present technology. It should be understood that when we say that an element is "connected" or "coupled" to another element, the element can be directly connected or coupled to the other element, or it can mean that the element and the other element are connected through an intermediate element. In addition, "connected" or "coupled" used herein can include wireless connection or wireless coupling. The term "and / or" used herein means that at least one of the items defined by the term, for example, "A and / or B" means that "A" is implemented, or "A" is implemented, or "A and B" are implemented.

[0022] To make the purpose, technical solutions and advantages of the present application clearer, the embodiments of the present application will be further described in detail below with reference to the drawings.

[0023] The technical solutions of the embodiments of the present application and the technical effects produced by the technical solutions of the present application will be described below through the description of several exemplary embodiments. It should be noted that the following embodiments can be mutually referenced, borrowed or combined. For the same terms, similar features and similar implementation steps in different embodiments, they will not be described repeatedly.

[0024] The control display method, device and medium provided by the present application aim to solve at least one technical problem existing in the prior art.

[0025] A control display method is provided in the embodiments of the present application, as shown in the method can be used for computers, mobile phones, smart watches and other terminals capable of displaying controls. The terminal can perform the method of the present application to make the controls under different languages effectively display the translated text each time the language is switched. Figures 1-3

[0026] Optionally, the control of the present application can be displayed in the QT (a powerful, cross-platform C++ application development framework. It is used to develop applications with graphical user interfaces (GUI), and also used to develop non-GUI programs, such as command line tools and console services) interface, and the text total length calculation, target text line break and other operations are realized through the tools in QT.

[0027] Optionally, the control display method of the present application comprises: ​S101: Calculate the text width according to the text of the target control, and determine the total length of the text according to the text width.

[0028] Optionally, when it is determined that the condition for executing the method is met (for example, the language used by the text to be displayed is not the default language or it is detected that the control display interface corresponding to the currently used language is not stored), the arrangement information of the controls on the display interface is obtained, the controls located in the same row or column are obtained according to the arrangement information, and the controls are determined as the target controls.

[0029] Optionally, the text width is calculated according to the text of the target control, including: obtaining the text corresponding to the target control, calculating the width occupied by the text according to the display information of the text, and determining the width as the text width. The display information includes the language type, the font, and the font size. The text is displayed on the icon of the target control, and the function, name, and other information of the control are displayed through the text in the icon.

[0030] Optionally, a module or component with a translation function can be set, and after receiving a language conversion instruction or detecting that the country or region currently located changes, the module or component is used to perform a translation operation on the text corresponding to the control to obtain the translated text. The control display method of the present application is executed based on the translated text.

[0031] Optionally, the corresponding display information of the text in different languages can be pre-stored, and when the text needs to be displayed, the current language of the text is determined, and the corresponding font, font size, and other information are searched according to the language.

[0032] Optionally, after the language type in the display information is obtained, a preset translation module or component can be called to perform a translation operation on the text, or the text corresponding to different language types can be pre-stored, and the corresponding text is searched according to the language type in the display information, and the text is determined as the text to be displayed.

[0033] In one embodiment, the terminal displays the controls based on QT, and the controls located in the same row are determined as the target controls. After the target controls are determined according to the interface to be displayed and the positions of the controls, the text corresponding to the target controls is obtained, the information of the font and the font size corresponding to the text is determined (QFontMetrics or QFontInfo can be used to obtain the metric information of the current font and font size), the size of each character in the text is determined according to the information, and then the text width of each text is calculated based on the size of the character. After the text width is calculated, the text width corresponding to each control can be displayed on the QT interface.

[0034] Optionally, the icon range corresponding to each target control can be pre-stored. After obtaining the text width corresponding to each target control, it is determined whether the text width is within the corresponding target range. If not, the text corresponding to that text width can be determined as the text to be wrapped or the text to be reduced. For the text to be reduced, the font size can be gradually decreased until the text width is within the corresponding icon range.

[0035] Optionally, the target controls corresponding to the total text length are displayed in the same row or column. The total text length is determined based on the text width, including: determining the row or column where the target control corresponding to the text width is located, obtaining the text width corresponding to all target controls in the row or column; and the sum of the text widths corresponding to the row or column is determined as the total text length.

[0036] In one embodiment, after obtaining the text width of the text corresponding to each target control, the row or column where the target control is located can be obtained, and the text widths of all text in that row or column can be added together to obtain the total text length. Specifically, if the target controls are five buttons in the same row, when the language corresponding to the buttons is switched from the default language (such as Chinese) to another language, the text corresponding to that other language is determined, the text width of the text is obtained, and the five text widths are added together to obtain the total text length corresponding to the row where the five buttons are located.

[0037] S102: Obtain the control information corresponding to the total text length. If the text exceeds the limit based on the control information and the total text length, then obtain the target text to be wrapped.

[0038] Optionally, the control information includes layout length and control spacing. The layout length can be the distance from the side of the first control furthest from the second control to the tail of the last control. The control spacing can be the distance between two adjacent controls. This layout length and spacing can be set and adjusted according to user needs, or they can be default values.

[0039] In one embodiment, the target controls are arranged in a row, and the spacing between the leftmost position of the first control and the rightmost position of the last control is determined as the layout length. The spacing between different target controls can be the same or different. Different control spacing can be set according to the type or position of the controls to distinguish them.

[0040] Optionally, the text exceeding condition can be a judgment of the text exceeding condition, including: obtaining the sum of the control spacing, obtaining the sum of the control spacing and the total text length; obtaining the difference between the sum and the layout length (i.e., the sum minus the layout length), and if the difference is determined to be greater than zero, then the text exceeding condition is determined to be met.

[0041] Optionally, after determining that the text exceeds the limit, a prompt message indicating that the current text length is too long can be displayed, and a text modification instruction input by the user can be obtained. Based on the instruction, the text to be displayed can be modified so that the modified text does not exceed the text exceed the limit.

[0042] Optionally, after determining that the text exceeds the limit, it can also be determined whether the difference is less than the sum of the control spacings. If so, the control spacing can be reduced based on the difference between the sum of the control spacings and the difference, so that the sum of the adjusted control spacings and the total text length is not greater than the layout length, thereby avoiding the need for text wrapping.

[0043] Optionally, the determination of text exceeding the condition includes: if the difference is determined to be less than or equal to zero, then it is determined that there is no target text to be wrapped, and the layout of the target controls is determined based on the text width of each target control and the control spacing. Specifically, the size of the target control's icon can be determined based on the text width of the target control, and the target control's icon can be displayed on the display interface based on the control spacing.

[0044] In one embodiment, when the method of this application is used in QT, if the difference is not greater than zero, it is determined that the text exceedance condition is not met, and the size (such as the width) of the icon corresponding to the target space is calculated by calling the control layout function built into QT according to the text width corresponding to the target control.

[0045] Optionally, obtaining the target text to be wrapped includes: if the difference is determined to be greater than zero, determining the target text to be wrapped based on the difference and the text width corresponding to each target control. Wrapping the target text to be wrapped ensures that the new difference can be less than or equal to zero.

[0046] Optionally, the text width after line breaks for each text can be calculated, and the line break reduction value (i.e., the text width that can be reduced) corresponding to each text can be determined based on the difference between the line break width and the original text width. After obtaining the difference, one or more texts can be selected as target texts based on the difference (the sum of the line break reduction values ​​of these target texts is equal to or greater than the difference). When selecting target texts, the selection can also be combined with the control type or control priority corresponding to the text.

[0047] Optionally, the target text to be wrapped is determined based on the difference and the text width corresponding to each target control, including: determining the text width sorting based on the text width, and determining the target text to be wrapped based on the text width sorting and the difference. Specifically, the longest target text can be selected first based on the text width sorting, and a line wrapping operation is performed on this target text. The total length of the wrapped text and the new difference corresponding to this total text length are obtained. If the difference is less than or equal to zero, the text wrapping is stopped. If the new difference is still greater than zero, the above target text selection process is repeated to obtain new target text and perform line wrapping operations on the new target text until the latest obtained difference is not greater than zero, thus completing the selection and wrapping of the target text.

[0048] In one embodiment, there are five target controls. The sum of the text widths of the five target controls and the sum of the control spacing, minus the length of the entire layout, gives the excess portion. Then, the text with the longest length is wrapped, and its length is halved. This process is repeated. If there is still excess, the longest text is wrapped again, and the process continues until no excess is found. Specifically, text in Qt is represented as a string. The line break position of this string is calculated, and a newline character is added at that position to achieve text wrapping.

[0049] Alternatively, the text overflow condition can also be that the total text length is greater than the layout length. In this case, the total text length can be subtracted from the layout length. If the difference is greater than zero, the text overflow condition is satisfied. After the condition is satisfied, text wrapping is performed based on the difference and the text width of each text element.

[0050] Optionally, after determining that the text is wrapping, the size of the icon corresponding to each target control can be calculated based on the current text width and the control spacing information (each icon can correspond to the text), and the target control can be displayed based on this size.

[0051] S103: Display the target control based on the line break result of the target text.

[0052] Optionally, displaying the target control based on the line break result of the target text includes: determining the size of each target control based on the line break result, determining the display position of the un-lined text and the line-broken target text according to the size, and displaying the text or target text on the target control according to the display position.

[0053] Optionally, after determining the size of the target control, the midpoint of the target control (which can be the midpoint of the target control along its length) can be calculated. The text can then be placed and displayed based on this midpoint.

[0054] In one embodiment, the control before a line break is as follows: Figure 2 The target controls are sorted from left to right (they can be numbered 1, 2, 3, ...). The center point of each target control is determined based on its starting point, size, and spacing. Text is displayed based on this center point to ensure it is centered within the target control, improving display quality. Furthermore, the text is displayed with line breaks, as shown below. Figure 3 As shown, compared to Figure 2 , Figure 3 The text in the document can be displayed completely.

[0055] The control display method of this application calculates the text width based on the text of the target control, determines the total text length based on the text width, and displays the target controls corresponding to the total text length in the same row or column; it obtains the control information corresponding to the total text length; if the text exceeds the limit based on the control information and the total text length, it obtains the target text to be wrapped, and the control information includes layout length and control spacing; and it displays the target control based on the wrapping result of the target text. This application embodiment can perform text wrapping operations when the text exceeds the display area of ​​the control, thereby ensuring that all text is displayed, facilitating user viewing of text content, improving reading efficiency, avoiding misunderstandings, and enhancing the user experience.

[0056] Based on the same inventive concept, embodiments of this application provide an electronic device, such as... Figure 4 As shown, Figure 4 The illustrated electronic device 2000 includes a processor 2001 and a memory 2003. The processor 2001 and the memory 2003 are communicatively connected, for example, via a bus 2002.

[0057] Processor 2001 may be a CPU (Central Processing Unit), a general-purpose processor, a DSP (Digital Signal Processor), an ASIC (Application Specific Integrated Circuit), an FPGA (Field-Programmable Gate Array), or other programmable logic devices, transistor logic devices, hardware components, or any combination thereof. It can implement or execute the various exemplary logic blocks, modules, and circuits described in conjunction with the disclosure of this application. Processor 2001 may also be a combination that implements computing functions, such as including one or more microprocessor combinations, a combination of a DSP and a microprocessor, etc.

[0058] Bus 2002 may include a pathway for transmitting information between the aforementioned components. Bus 2002 may be a PCI (Peripheral Component Interconnect) bus or an EISA (Extended Industry Standard Architecture) bus, etc. Bus 2002 can be divided into address bus, data bus, control bus, etc. For ease of illustration, only one thick line is used to represent it in the figure, but this does not indicate that there is only one bus or one type of bus.

[0059] The memory 2003 may be ROM (Read-Only Memory) or other types of static storage devices capable of storing static information and instructions, RAM (Random Access Memory) or other types of dynamic storage devices capable of storing information and instructions, or EEPROM (Electrically Erasable Programmable Read Only Memory), CD-ROM (Compact Disc Read-Only Memory) or other optical disc storage, optical disc storage (including compressed optical discs, laser discs, optical discs, digital universal optical discs, Blu-ray discs, etc.), magnetic disk storage media or other magnetic storage devices, or any other medium capable of carrying or storing desired program code in the form of instructions or data structures and accessible by a computer, but not limited thereto.

[0060] Optionally, the electronic device 2000 may also include a communication unit 2004. The communication unit 2004 can be used for receiving and transmitting signals. The communication unit 2004 allows the electronic device 2000 to communicate wirelessly or wiredly with other devices to exchange data. It should be noted that in practical applications, the communication unit 2004 is not limited to one.

[0061] Optionally, the electronic device 2000 may further include an input unit 2005. The input unit 2005 can be used to receive input numbers, characters, images, and / or sound information, or to generate key signal inputs related to user settings and function control of the electronic device 2000. The input unit 2005 may include, but is not limited to, one or more of the following: a touchscreen, a physical keyboard, function keys (such as volume control buttons, power buttons, etc.), a trackball, a mouse, a joystick, a camera, a microphone, etc.

[0062] Optionally, the electronic device 2000 may also include an output unit 2006. The output unit 2006 can be used to output or display information processed by the processor 2001. The output unit 2006 may include, but is not limited to, one or more of a display device, a speaker, a vibration device, etc.

[0063] Although the electronic device 2000 with various devices is shown in the figure, it should be understood that it is not required to implement or have all the devices shown. More or fewer devices may be implemented or have alternatively.

[0064] Optionally, the memory 2003 is used to store a computer program for executing the scheme of this application, and its execution is controlled by the processor 2001. The processor 2001 is used to execute the computer program stored in the memory 2003 to implement the steps of any of the methods provided in the embodiments of this application.

[0065] Based on the same inventive concept, embodiments of this application provide a computer-readable storage medium storing a computer program that, when executed by an electronic device / processor, implements the steps of any method provided in this application or the steps of various optional implementations of the method provided in this application.

[0066] The terms "first," "second," "third," "fourth," "1," "2," etc. (if present) in the specification, claims, and accompanying drawings of this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this application described herein can be implemented in a sequence other than that shown in the illustrations or text descriptions.

[0067] It should be understood that although arrows indicate various operation steps in the flowcharts of this application's embodiments, the order in which these steps are implemented is not limited to the order indicated by the arrows. Unless explicitly stated herein, in some implementation scenarios of this application's embodiments, the implementation steps in each flowchart can be executed in other orders as required. Furthermore, some or all steps in each flowchart, based on the actual implementation scenario, may include multiple sub-steps or multiple stages. Some or all of these sub-steps or stages can be executed at the same time, and each sub-step or stage can also be executed at different times. In scenarios where execution times differ, the execution order of these sub-steps or stages can be flexibly configured according to requirements, and this application's embodiments do not limit this.

[0068] The above description is only an optional implementation method for some implementation scenarios of this application. It should be noted that for those skilled in the art, other similar implementation methods based on the technical concept of this application without departing from the technical concept of this application also fall within the protection scope of the embodiments of this application.

Claims

1. A method for displaying a control, characterized in that, The method includes: The text width is calculated based on the text of the target control, and the total text length is determined based on the text width. The target controls corresponding to the total text length are displayed in the same row or column. Obtain the control information corresponding to the total length of the text. If the text exceeds the limit based on the control information and the total length of the text, then obtain the target text to be wrapped. The control information includes the layout length and control spacing. The target control is displayed based on the line breaks in the target text.

2. The control display method according to claim 1, characterized in that, The step of calculating the text width based on the text of the target control includes: Obtain the text corresponding to the target control, calculate the width occupied by the text based on the display information of the text, and determine the width as the text width. The display information includes language type, font, and font size.

3. The control display method according to claim 1, characterized in that, The step of determining the total text length based on the text width includes: Determine the row or column where the target control corresponding to the text width is located, and obtain the text width corresponding to all target controls in the row or column; The sum of the text widths corresponding to the rows or columns is determined as the total text length.

4. The control display method according to claim 1, characterized in that, The determination of whether the text exceeds the conditions includes: Get the sum of the control intervals, and then add the sum of the control intervals to the total length of the text. Obtain the difference between the sum and the layout length. If the difference is greater than zero, then the text exceedance condition is satisfied.

5. The control display method according to claim 4, characterized in that, The process of obtaining the target text to be replaced includes: If the difference is determined to be greater than zero, the target text to be wrapped is determined based on the difference and the text width corresponding to each target control.

6. The control display method according to claim 4, characterized in that, The determination of whether the text exceeds the conditions includes: If the difference is determined to be less than or equal to zero, then it is determined that there is no target text to be wrapped, and the layout of the target control is determined according to the text width of each target control and the control spacing.

7. The control display method according to claim 5, characterized in that, The step of determining the target text to be wrapped based on the difference and the text width corresponding to each target control includes: The text width is sorted according to the text width, and the target text to be wrapped is determined based on the text width sort and the difference.

8. The control display method according to claim 1, characterized in that, The step of displaying the target control based on the line break result of the target text includes: The size of each target control is determined based on the line break result, and the display positions of the un-lined text and the line-break target text are determined according to the size. The text or target text is displayed on the target control according to the display position.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory, characterized in that, The processor executes the computer program to implement the steps of the method as described in any one of claims 1-8.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed, it implements the steps of the method as described in any one of claims 1-8.

Images