CN107368236B - Method and device for displaying titles in information directory - Google Patents
Method and device for displaying titles in information directory Download PDFInfo
- Publication number
- CN107368236B CN107368236B CN201710258295.6A CN201710258295A CN107368236B CN 107368236 B CN107368236 B CN 107368236B CN 201710258295 A CN201710258295 A CN 201710258295A CN 107368236 B CN107368236 B CN 107368236B
- Authority
- CN
- China
- Prior art keywords
- title
- characters
- information
- preset
- navigation area
- 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.)
- Active
Links
Images
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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/189—Automatic justification
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the application discloses a method and a device for displaying titles in an information directory. The method comprises the following steps: determining characters of each title in a directory of information; according to the characters of the titles, determining the size of each preset graph corresponding to each title and the display position of each preset graph in a navigation area when the characters are displayed in the preset graphs; and when a graph display condition is triggered, displaying each preset graph in the navigation area of the information according to the size and the display position of each preset graph.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a method and an apparatus for displaying titles in an information directory.
Background
In work and study life, a user can acquire various information according to needs, such as reading technical documents and literary works, listening to music, watching videos and the like.
When information is displayed, two display areas are often provided, one is a navigation area, and the other is a content area, so that specific content of the information can be displayed in the content area as the name suggests, for example, when the information is a document, the specific content of the document can be displayed in the content area; the navigation area can be used to quickly locate the content of the information, such as for a document, the titles in the document directory can be presented in the navigation area. In the prior art, characters of each title are usually directly displayed, as shown in fig. 1, which is a common existing document display method, a content area is on the right side, and specific content of a document can be displayed; the navigation area is arranged on the left side, characters of all titles in the catalogue can be displayed, titles with different grades can be shown through indentation, and corresponding contents are displayed in the content area after a click command for the characters of the titles is received.
However, in the prior art, characters of the titles in the directory are directly displayed in the navigation area, which causes visual interference to the content area to a certain extent. For example, when a user acquires a desired character from a document as shown in fig. 1, the user needs to concentrate on the content area, but the navigation area also has characters of each title, and the characters have strong correlation with the content area, which causes visual interference to the content area to some extent, thereby distracting the user and further affecting the efficiency of acquiring information by the user.
Disclosure of Invention
The embodiment of the application aims to provide a method for displaying titles in an information directory, so that the titles in the directory are displayed, the visual interference on a content area is reduced to a certain extent, the dispersion of the attention of a user is reduced, and the efficiency of the user for acquiring information is improved.
In order to solve the above technical problem, the embodiment of the present application is implemented as follows:
the embodiment of the application adopts the following technical scheme:
a method for displaying titles in an information directory comprises the following steps:
determining characters of each title in a directory of information;
according to the characters of the titles, determining the size of each preset graph corresponding to each title and the display position of each preset graph in a navigation area when the characters are displayed in the preset graphs;
and when a graph display condition is triggered, displaying each preset graph in the navigation area of the information according to the size and the display position of each preset graph.
Preferably, the method further comprises:
and when a character display condition is triggered, displaying the characters of each title in the navigation area of the information according to the display position determined for the characters of each title.
Preferably, determining the size of each preset figure corresponding to each title and the display position of each preset figure in the navigation area according to the characters of each title includes:
and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the number of the characters of each title.
Preferably, determining the size of each preset figure corresponding to each title and the display position of each preset figure in the navigation area according to the characters of each title includes:
and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the grade corresponding to the characters of each title.
Preferably, the triggering of the graphical representation condition comprises:
when the information is turned on; or
The information is in an on state and the pointer position is outside the navigation area.
Preferably, the trigger character expression condition includes:
the information is in an on state and the pointer position is within the navigation area.
Preferably, displaying each preset graphic in the navigation area of the information includes:
displaying each preset graph in the navigation area of the information, and adding a first display effect to the preset graph corresponding to the information in the content area; then
Displaying the characters of each title in the navigation area of the information, comprising:
and displaying the characters of each title in the navigation area of the information, and adding a second display effect to the characters of the title corresponding to the information in the content area.
Preferably, determining the characters of each title in the directory of information comprises:
when the information is turned on, the characters of the titles in the directory are determined.
Preferably, the information comprises a document.
Preferably, the preset pattern comprises straight line segments.
An apparatus for displaying titles in an information directory, comprising: a first determining unit, a second determining unit and a first presenting unit, wherein,
the first determining unit is used for determining characters of each title in a directory of information;
the second determining unit determines the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area when the characters are displayed in the preset graphs according to the characters of each title;
and the first display unit displays each preset graph in the navigation area of the information according to the size and the display position of each preset graph when a graph display condition is triggered.
Preferably, the device further comprises a second display unit,
and when a character display condition is triggered, displaying the characters of each title in the navigation area of the information according to the display position determined for the characters of each title.
Preferably, the second determination unit determines, based on the first determination result,
and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the number of the characters of each title.
Preferably, the second determination unit determines, based on the first determination result,
and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the grade corresponding to the characters of each title.
Preferably, the first display unit is a display unit,
displaying each preset graph in the navigation area of the information, and adding a first display effect to the preset graph corresponding to the information in the content area; then
And the second display unit displays the characters of each title in the navigation area of the information and adds a second display effect to the characters of the title corresponding to the information in the content area.
Preferably, the first determination unit determines, based on the first determination result,
when the information is turned on, the characters of the titles in the directory are determined.
According to the technical scheme provided by the embodiment of the application, after the characters of the titles in the directory of the determined information are determined, when the characters are displayed by the preset graphics, the size of each preset graphic corresponding to each title and the display position of each preset graphic in the navigation area are determined, and when the graphic display condition is triggered, each determined preset graphic is displayed in the navigation area of the information. When a user browses information, the title in the directory is displayed in a graphical directory mode, visual interference on a content area is reduced to a certain extent, dispersion of attention of the user is relieved, and information acquisition efficiency of the user is improved. In addition, when the character display condition is triggered, the characters of each title in the directory are displayed in the navigation area of the information according to the display position determined for the characters of each title, so that the user is not influenced to quickly jump to acquire the information under a certain title through the title.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, it is obvious that the drawings in the following description are only some embodiments described in the present application, and for those skilled in the art, other drawings can be obtained according to the drawings without any creative effort.
FIG. 1 is a diagram illustrating the prior art showing the titles in a directory in a navigation area;
FIG. 2 is a flowchart illustrating a method for displaying titles in an information directory according to the present application;
FIG. 3 is a flow chart illustrating graphically displaying titles in a directory in a navigation area according to the present application;
FIG. 4 is a flow chart illustrating graphically displaying titles in a directory in a navigation area according to the present application;
FIG. 5 is a schematic flow chart illustrating graphically displaying titles in a directory in a navigation area when a graphical display condition is triggered according to the present application;
FIG. 6 is a schematic flow chart illustrating graphically displaying titles in a directory in a navigation area when a character display condition is triggered according to the present application;
FIG. 7 is a schematic flow chart illustrating graphically displaying titles in a directory in a navigation area when a character display condition is triggered according to the present application;
FIG. 8 is a flowchart illustrating a method for displaying titles in a document directory according to the present application;
fig. 9 is a schematic structural diagram of a device for displaying titles in an information directory according to the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the technical solutions of the present application will be described in detail and completely with reference to the following specific embodiments of the present application and the accompanying drawings. It should be apparent that the described embodiments are only some of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The technical solutions provided by the embodiments of the present application are described in detail below with reference to the accompanying drawings.
Example 1
As mentioned above, the prior art generally displays characters of each title directly in the navigation area. For example, as shown in fig. 1, characters of each title in a directory of a document are directly displayed in the navigation area, and when browsing specific content in the content area, a user is easily distracted by the characters in the navigation area to some extent, for example, when the information is a document or a video, characters of each title in a directory of a document or a video are directly displayed in the navigation area, and when browsing a document or watching a video, the user may unconsciously pay attention to the characters of each title and ignore the specific content in the content area. Therefore, in the prior art, characters of the title in the directory are directly displayed in the navigation area, and visual interference is caused to the content area to a certain extent, so that the attention of the user is dispersed, and the efficiency of the user for acquiring information is influenced. Based on the above defects, the embodiments of the present application provide a method for displaying titles in an information directory, so as to reduce visual interference to a content area to a certain extent while displaying titles in the directory, reduce distraction to user attention, and improve efficiency of obtaining information by a user. The flow of the method is shown in fig. 2, and comprises the following steps:
step 11: the characters of each title in the directory of information are determined.
The core idea of the method is that characters of each title displayed in a navigation area in the prior art are replaced by being displayed in a graphic mode, so that the characters of each title in a directory of information can be determined in the step. For example, for a document shown in fig. 1, a directory is created in advance for the document, where the directory includes multiple titles, and each title corresponds to a string of characters, specifically, "tails entry," "tails layout and view rendering" in fig. 1; for another example, for a video, a directory is created in advance for the video, where the directory includes a plurality of titles, and each title may correspond to a time point on the time axis of the video and a string of characters; for example, for an audio containing a plurality of single songs, a directory may be created in advance for the audio, where the directory contains a plurality of titles, each title corresponding to the beginning of each single song in the audio and a string of characters (song names). In this step, the default information already exists in a created directory. The determined characters of the titles in the directory can be displayed in a graphic mode. It should be noted that the above-mentioned information such as documents, videos, and audios may be internet information that is viewed, browsed, and played online through the internet, or may be local information that is downloaded and viewed, browsed, and played locally.
Step 12: and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area when the characters are displayed in the preset graphs according to the characters of each title.
As mentioned above, the method replaces the characters of each title displayed in the navigation area with the characters displayed in the form of graphics, and this step can determine how to display the titles through the graphics. Specifically, when the character is displayed as a graph, it is first determined what graph is to be displayed, that is, it is determined that the character is displayed as a preset graph, for example, the preset graph may be a straight line segment, a wavy line segment, a rectangle, or the like. Secondly, after the preset graphs are determined, the display size of each preset graph corresponding to each title can be determined, specifically, a fixed size can be preset, for example, for a straight line segment, a straight line segment with a fixed pixel length can be set for each title; as another example for rectangles, a (hollow or solid) rectangle of fixed pixel length and width may be set for each header. After the size of each preset graphic corresponding to each title is determined, the display position of each preset graphic in the navigation area may be determined, for example, the navigation area is on the left side or the right side, each preset graphic corresponding to each title may be vertically arranged, or the navigation area is on the upper side or the lower side, each preset graphic corresponding to each title may be horizontally arranged, and specifically, the display position may be determined through coordinates.
In practical application, the number of characters of each title is different, and in order to improve the display effect of graphic display, different sizes matched with the number of characters of each title can be determined when a preset graphic is determined for each title. Therefore, in one embodiment, the step may comprise: and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the number of the characters of each title. Specifically, for example, 1 character may occupy 4 pixel widths, so that the pixel width occupied by one title is the number of characters multiplied by 4. The number of characters may be determined according to a preset rule, for example, a chinese character is counted as 1 character, and an english character, a symbol, or the like is counted as 0.5 character. Specifically, for example, the "Rails entry" in fig. 1 includes "Rails" english characters, 1 space, and 2 chinese characters, and the counted number of the characters is 2.5+0.5+2 — 5. Accordingly, the header occupies 20 pixels in width, and if the predetermined pattern is a straight line segment, the straight line segment of 20 pixels in width can be finally displayed. The display position can also be determined after the size of each preset graph corresponding to each title is determined, and similar to the above description, the display position can be determined through coordinates.
In practical applications, there may be a relationship between the titles in upper and lower levels, for example, as shown in fig. 1, a "primary course" is a first-level title, a "Rails on Rack" is a second-level title, and a "Rails plug-in entry" is a third-level title, so in order to further improve the display effect of the graphic display, in an embodiment, the step may include: and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the grade corresponding to the characters of each title. Specifically, the size of the preset graph corresponding to each level header may be determined according to the relationship of the levels, specifically, for example, a straight line segment of a first level header occupies a width of 20 pixels, a straight line segment of a second level header occupies a width of 30 pixels, and the like. Different grades can be embodied through the position relation of the preset graph, and specifically, for example, when the preset graph is a straight line segment and the straight line segments corresponding to the titles are vertically arranged in a manner shown in fig. 1, the grade relation can be embodied by setting different transverse retraction amounts for the titles of different grades; or when the titles are horizontally arranged, the hierarchical relationship can be embodied by setting different longitudinal retraction amounts for the titles with different levels. In practical applications, there may be multiple preset patterns, for example, different levels of titles correspond to different preset patterns, for example, a first level of title corresponds to a straight line segment, a second level of title corresponds to a curved line segment, and a third level of title corresponds to a dashed line segment.
In practical application, the step can also comprehensively determine the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the number and the grade of the characters of each title. Specifically, the preset graphs are all straight line segments, the straight line segments with different sizes can be determined for each title, the straight line segments corresponding to the titles are set to be displayed according to the layout shown in fig. 1, and different transverse retraction amounts are set for the titles with different grades, so that the grade relation is embodied.
Step 13: and when the graph display condition is triggered, displaying each preset graph in the navigation area of the information according to the determined size and display position of each preset graph.
In the previous step, the determination of the size and the display position of each preset figure corresponding to each title is specifically introduced, in the step, figure display conditions can be preset, when the conditions are triggered, each preset figure can be displayed in a navigation area of information, for example, as shown in fig. 3, the size of a straight line segment matched with the number of characters of each title is determined, and the grade relation of the titles is embodied by setting a horizontal shrinkage amount.
In practical applications, since the information browsed by the user necessarily belongs to one title in the directory, in order to prompt the user about the title to which the information belongs in the content area browsed by the user, in an embodiment, displaying each preset graphic in the navigation area of the information may include: and displaying each preset graph in the navigation area of the information, and adding a first display effect to the preset graph corresponding to the information in the content area. Specifically, the information in the content area certainly belongs to a title in the directory, so a first display effect may be added to the corresponding preset graphic to achieve the prompting effect, for example, the first display effect may be a highlight, a bolder, or the like, as shown in fig. 4, or a change of the graphic, or the like.
For the trigger condition, it may be set that when the information is turned on, for example, after the document is opened and after the audio and video are started to be played, the user has a high probability of paying attention to the specific content in the content area, and at this time, the graphical presentation condition may be triggered so as to present the graphical catalog. It may also be set that the information is in an on state, and the pointer position is outside the navigation area, for example, as shown in fig. 5, when the pointer position is inside the content area (i.e. outside the navigation area), the user has a high probability to pay attention to specific content in the content area, rather than to the directory in the navigation area, and at this time, the graphical display condition may also be triggered.
The graphically represented directory is a virtual directory, and the actual directory is not a real directory represented by actual characters, so that the directory can be represented by characters at a proper time.
Step 14: and when the character display condition is triggered, displaying the characters of each title in the navigation area of the information according to the display position determined for the characters of each title.
When a user wants to jump to a required content quickly through a directory, the user needs to go through the original character directory but cannot go through the directory of the graph only, so that when a character display condition is triggered, the user can display in a navigation area according to the display position determined for the characters of each title, and for the display position, the display position can be preset for the characters of each title through coordinates similarly to the foregoing. For the trigger condition, when the information is in the on state and the pointer is located in the navigation area, the user has a high probability to pay attention to the title in the navigation area so as to quickly obtain the content under the target title, and at this time, as shown in fig. 6, the character expression condition is triggered so as to display the character list.
As already described in step 13, in order to prompt the user to browse the titles to which the information belongs in the content area, in one embodiment, the displaying the characters of each title in the navigation area of the information may include: and displaying the characters of each title in the navigation area of the information, and adding a second display effect to the characters of the title corresponding to the information in the content area. Specifically, the information in the content area also belongs to a title in the character directory, so that a second display effect can be added to the corresponding preset graphic to achieve the effect of prompting, for example, the second display effect may be, as shown in fig. 7, a highlight, a bolder, and/or a font size increasing, a font changing, and the like.
By using the method provided in embodiment 1, after determining the characters of each title in the directory of the information, when the characters are displayed as the preset graphics, the size of each preset graphics corresponding to each title and the display position of each preset graphics in the navigation area are determined, and when the graphics display condition is triggered, each determined preset graphics are displayed in the navigation area of the information. When a user browses information, the title in the directory is displayed in a graphical directory mode, visual interference on a content area is reduced to a certain extent, dispersion of attention of the user is relieved, and information acquisition efficiency of the user is improved. In addition, when the character display condition is triggered, the characters of each title in the directory are displayed in the navigation area of the information according to the display position determined for the characters of each title, so that the user is not influenced to quickly jump to acquire the information under a certain title through the title.
Example 2
When a user reads a document at present, characters of titles in a directory are directly displayed in a navigation area, when the user reads specific contents in a content area, visual interference is caused to the content area to a certain extent, the user may be distracted into the navigation area by himself or herself, and then the efficiency of the user for obtaining information is affected. Therefore, the embodiment 1 is an extension of the embodiment 1 based on the same inventive concept as the embodiment 1. The embodiment of the application provides a method for displaying titles in a document directory, which is used for reducing visual interference on a content area to a certain extent while displaying the titles in the directory, reducing the dispersion of user attention and improving the efficiency of obtaining documents by a user. The flow of the method is shown in fig. 8, and comprises the following steps:
step 21: when the document is opened, the characters of each title in the directory are determined.
In practical application, in order to achieve the purpose of saving processing resources, when a document is opened, determining characters of each title in a directory and determining how to display the characters subsequently can be started, and it is not necessary to determine how to display the characters graphically for each document in advance.
Step 22: and determining the size of each straight line segment corresponding to each title and the display position of each straight line segment in the navigation area when the characters are displayed by the straight line segments according to the number and the grade of the characters of each title.
In this step, it may be determined that the characters of the titles are displayed in a straight line segment manner, different sizes of the straight line segments corresponding to the titles are determined according to the number of the characters of the titles, the straight line segments corresponding to the titles are arranged vertically, different horizontal retraction amounts exist in the titles of different grades, and a display position of each straight line segment in the navigation area is determined.
In practical application, the size and the display position of each straight line segment may be stored in a cache as pattern data, so that the pattern data may be called when a graphic display condition is subsequently triggered.
Step 23: when the document is in an open state and the pointer position is outside the navigation area, displaying each straight-line segment in the navigation area of the document according to the size and the display position of each straight-line segment, and adding a first display effect to the straight-line segment corresponding to the document in the content area.
As shown in fig. 5, which is a schematic diagram of this step, the pointer is located in the content area (right side) to assist the user to concentrate all the attention on the content area, and according to the size and the display position of each straight line segment determined in step 22, each straight line segment is displayed in the navigation area (left side) of the document, and a boldface display effect is added to the straight line segment corresponding to the document in the content area.
As already described above, a style data may be created, and this step may directly call the style data for rendering to be displayed in the navigation area.
Step 24: when the document is in an open state and the pointer position is in the navigation area, displaying the characters of each title in the navigation area of the document according to the display position determined for the characters of each title, and adding a second display effect to the characters of the title corresponding to the document in the content area.
As shown in fig. 7, which is a schematic diagram of this step, when the pointer position is in the navigation area, it is considered that the user wants to pay attention to the directory in order to quickly acquire the required information, so the characters of each title are displayed in the navigation area of the document according to the display position determined for the characters of each title, and font conversion and a thickening effect are added to the characters of the title corresponding to the document in the content area. In this step, a style data may also be pre-established so as to directly retrieve and render when the display condition is triggered.
By adopting the method provided by the embodiment 2, when the document is opened, after the characters of the titles in the directory of the document are determined, when the characters are displayed by straight line segments, the size of each straight line segment corresponding to each title and the display position of each straight line segment in the navigation area are determined, and when the graphic display condition is triggered, each determined straight line segment is displayed in the navigation area of the document. When a user browses a document, the title in the document directory is displayed in a graphic directory mode, visual interference on a content area is reduced to a certain degree, dispersion of attention of the user is relieved, and efficiency of the user for obtaining the document content is improved. In addition, when the character display condition is triggered, the characters of each title in the directory are displayed in the navigation area of the document according to the display position determined for the characters of each title, so that the user is not influenced to quickly skip to acquire the document content under a certain title through the title.
Example 3
Based on the same inventive concept, embodiment 3 provides a device for displaying titles in an information directory, so that visual interference on a content area is reduced to a certain extent while the titles in the directory are displayed, dispersion of attention of a user is reduced, and efficiency of acquiring information by the user is improved. As shown in fig. 9, the apparatus includes: a first determining unit 31, a second determining unit 32, and a first presenting unit 33, wherein,
a first determination unit 31 that can determine characters of each title in the directory of information;
the second determining unit 32 may determine, according to the characters of the titles, the size of each preset graphic corresponding to each title and the display position of each preset graphic in the navigation area when the characters are displayed in the preset graphics;
the first display unit 33 may display each preset graphic in the navigation area of the information according to the size and the display position of each preset graphic when the graphic display condition is triggered.
In one embodiment, the apparatus may further include a second display unit 34, which may be
And when the character display condition is triggered, displaying the characters of each title in the navigation area of the information according to the display position determined for the characters of each title.
In one embodiment, the second determining unit 32 may
And determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the number of the characters of each title.
In one embodiment, the second determining unit 32 may
And determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the grade corresponding to the characters of each title.
In one embodiment, when the first presentation unit 33 determines that the condition for graphical representation is triggered, the method may include:
when the first presentation unit 33 determines that the information is turned on; or
The first presentation unit 33 determines that the information is in the on state and the pointer position is outside the navigation area.
In one embodiment, when the second presentation unit 34 determines the trigger character expression condition, the method may include:
the second presentation unit 34 determines that the information is in the on state and the pointer position is within the navigation area.
In one embodiment, the first display unit 33 may be a display unit
Displaying each preset graph in the navigation area of the information, and adding a first display effect to the preset graph corresponding to the information in the content area; then
The second presentation unit 34 may present the characters of each title in the navigation area of the information, and add a second presentation effect to the characters of the title corresponding to the information in the content area.
In one embodiment, the first determining unit 31 may
When the information is turned on, the characters of the titles in the directory are determined.
In one embodiment, the information may include a document.
In one embodiment, the predetermined pattern may include straight line segments.
By using the apparatus provided in embodiment 3, after determining the characters of each title in the directory of the information, when the characters are displayed as the preset graphics, the size of each preset graphics corresponding to each title and the display position of each preset graphics in the navigation area are determined, and when the graphics display condition is triggered, each determined preset graphics are displayed in the navigation area of the information. When a user browses information, the title in the directory is displayed in a graphical directory mode, visual interference on a content area is reduced to a certain extent, dispersion of attention of the user is relieved, and information acquisition efficiency of the user is improved. In addition, when the character display condition is triggered, the characters of each title in the directory are displayed in the navigation area of the information according to the display position determined for the characters of each title, so that the user is not influenced to quickly jump to acquire the information under a certain title through the title.
In the 90 s of the 20 th century, improvements in a technology could clearly distinguish between improvements in hardware (e.g., improvements in circuit structures such as diodes, transistors, switches, etc.) and improvements in software (improvements in process flow). However, as technology advances, many of today's process flow improvements have been seen as direct improvements in hardware circuit architecture. Designers almost always obtain the corresponding hardware circuit structure by programming an improved method flow into the hardware circuit. Thus, it cannot be said that an improvement in the process flow cannot be realized by hardware physical modules. For example, a Programmable Logic Device (PLD), such as a Field Programmable Gate Array (FPGA), is an integrated circuit whose Logic functions are determined by programming the Device by a user. A digital system is "integrated" on a PLD by the designer's own programming without requiring the chip manufacturer to design and fabricate application-specific integrated circuit chips. Furthermore, nowadays, instead of manually making an integrated Circuit chip, such Programming is often implemented by "logic compiler" software, which is similar to a software compiler used in program development and writing, but the original code before compiling is also written by a specific Programming Language, which is called Hardware Description Language (HDL), and HDL is not only one but many, such as abel (advanced Boolean Expression Language), ahdl (alternate Language Description Language), traffic, pl (core unified Programming Language), HDCal, JHDL (Java Hardware Description Language), langue, Lola, HDL, laspam, hardsradware (Hardware Description Language), vhjhd (Hardware Description Language), and vhigh-Language, which are currently used in most common. It will also be apparent to those skilled in the art that hardware circuitry that implements the logical method flows can be readily obtained by merely slightly programming the method flows into an integrated circuit using the hardware description languages described above.
The controller may be implemented in any suitable manner, for example, the controller may take the form of, for example, a microprocessor or processor and a computer-readable medium storing computer-readable program code (e.g., software or firmware) executable by the (micro) processor, logic gates, switches, an Application Specific Integrated Circuit (ASIC), a programmable logic controller, and an embedded microcontroller, examples of which include, but are not limited to, the following microcontrollers: ARC 625D, Atmel AT91SAM, Microchip PIC18F26K20, and Silicone Labs C8051F320, the memory controller may also be implemented as part of the control logic for the memory. Those skilled in the art will also appreciate that, in addition to implementing the controller as pure computer readable program code, the same functionality can be implemented by logically programming method steps such that the controller is in the form of logic gates, switches, application specific integrated circuits, programmable logic controllers, embedded microcontrollers and the like. Such a controller may thus be considered a hardware component, and the means included therein for performing the various functions may also be considered as a structure within the hardware component. Or even means for performing the functions may be regarded as being both a software module for performing the method and a structure within a hardware component.
The systems, devices, modules or units illustrated in the above embodiments may be implemented by a computer chip or an entity, or by a product with certain functions. One typical implementation device is a computer. In particular, the computer may be, for example, a personal computer, a laptop computer, a cellular telephone, a camera phone, a smartphone, a personal digital assistant, a media player, a navigation device, an email device, a game console, a tablet computer, a wearable device, or a combination of any of these devices.
For convenience of description, the above devices are described as being divided into various units by function, and are described separately. Of course, the functionality of the units may be implemented in one or more software and/or hardware when implementing the present application.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The application may be described in the general context of computer-executable instructions, such as program modules, being executed by a computer. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform particular tasks or implement particular abstract data types. The application may also be practiced in distributed computing environments where tasks are performed by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules may be located in both local and remote computer storage media including memory storage devices.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the system embodiment, since it is substantially similar to the method embodiment, the description is simple, and for the relevant points, reference may be made to the partial description of the method embodiment.
The above description is only an example of the present application and is not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.
Claims (14)
1. A method for displaying titles in an information directory comprises the following steps:
determining characters of each title in a directory of information;
when characters are displayed in preset graphs, determining the size of each preset graph corresponding to each title and the display position of each preset graph in a navigation area according to the characters of each title;
when a graph display condition is triggered, displaying each preset graph in the navigation area of the information according to the size and the display position of each preset graph;
and when a character display condition is triggered, displaying the characters of each title in the navigation area of the information according to the display position determined for the characters of each title.
2. The method of claim 1, wherein determining the size of each preset graphic corresponding to each title and the display position of each preset graphic in a navigation area according to the characters of each title comprises:
and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the number of the characters of each title.
3. The method of claim 1, wherein determining the size of each preset graphic corresponding to each title and the display position of each preset graphic in a navigation area according to the characters of each title comprises:
and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the grade corresponding to the characters of each title.
4. The method of claim 1, triggering a graphical presentation condition, comprising:
when the information is turned on; or
The information is in an on state and the pointer position is outside the navigation area.
5. The method of claim 1, triggering a character expression condition, comprising:
the information is in an on state and the pointer position is within the navigation area.
6. The method of claim 1, wherein displaying the preset graphics in the navigation area of the information comprises:
displaying each preset graph in the navigation area of the information, and adding a first display effect to the preset graph corresponding to the information in the content area; then
Displaying the characters of each title in the navigation area of the information, comprising:
and displaying the characters of each title in the navigation area of the information, and adding a second display effect to the characters of the title corresponding to the information in the content area.
7. The method of claim 1, determining the characters of each title in the directory of information, comprising:
when the information is turned on, the characters of the titles in the directory are determined.
8. The method of claim 1, wherein the information comprises a document.
9. The method of claim 1, wherein the predetermined pattern comprises straight line segments.
10. An apparatus for displaying titles in an information directory, comprising: a first determining unit, a second determining unit, a first presenting unit, and a second presenting unit, wherein,
the first determining unit is used for determining characters of each title in a directory of information;
the second determining unit is used for determining the size of each preset graph corresponding to each title and the display position of each preset graph in a navigation area according to the characters of each title when the characters are displayed by the preset graphs;
the first display unit displays each preset graph in the navigation area of the information according to the size and the display position of each preset graph when a graph display condition is triggered;
and the second display unit displays the characters of each title in the navigation area of the information according to the display position determined for the characters of each title when the character display condition is triggered.
11. The apparatus of claim 10, the second determination unit,
and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the number of the characters of each title.
12. The apparatus of claim 10, the second determination unit,
and determining the size of each preset graph corresponding to each title and the display position of each preset graph in the navigation area according to the grade corresponding to the characters of each title.
13. The apparatus of claim 10, said first display unit,
displaying each preset graph in the navigation area of the information, and adding a first display effect to the preset graph corresponding to the information in the content area; then
And the second display unit displays the characters of each title in the navigation area of the information and adds a second display effect to the characters of the title corresponding to the information in the content area.
14. The apparatus of claim 10, the first determination unit,
when the information is turned on, the characters of the titles in the directory are determined.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710258295.6A CN107368236B (en) | 2017-04-19 | 2017-04-19 | Method and device for displaying titles in information directory |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710258295.6A CN107368236B (en) | 2017-04-19 | 2017-04-19 | Method and device for displaying titles in information directory |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107368236A CN107368236A (en) | 2017-11-21 |
| CN107368236B true CN107368236B (en) | 2020-08-25 |
Family
ID=60304546
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710258295.6A Active CN107368236B (en) | 2017-04-19 | 2017-04-19 | Method and device for displaying titles in information directory |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107368236B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109669589B (en) * | 2018-10-17 | 2022-05-06 | 天津字节跳动科技有限公司 | Document editing method and device |
| CN109634829A (en) * | 2018-12-18 | 2019-04-16 | 贵阳朗玛信息技术股份有限公司 | A kind of method and device of output program log |
| CN112860939B (en) * | 2021-02-19 | 2023-09-26 | 北京百度网讯科技有限公司 | Audio and video data processing method, device, equipment and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1365078A (en) * | 1995-09-06 | 2002-08-21 | 富士通株式会社 | Title extracting device and its method for extracting title from file images |
| CN103472983A (en) * | 2013-08-08 | 2013-12-25 | 广州市动景计算机科技有限公司 | Method and device for positioning page contents |
| CN105159534A (en) * | 2015-08-28 | 2015-12-16 | 无锡天脉聚源传媒科技有限公司 | Processing method and apparatus for graphic button |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4513023B2 (en) * | 2006-04-11 | 2010-07-28 | ソニー株式会社 | Information processing apparatus, information processing method, and program |
| CN100504868C (en) * | 2006-06-30 | 2009-06-24 | 西门子（中国）有限公司 | Tree structures list display process having multiple line content node and device thereof |
| TW201214152A (en) * | 2010-09-29 | 2012-04-01 | Hon Hai Prec Ind Co Ltd | System and method for multi-line text view with auto wrap and cutting |
-
2017
- 2017-04-19 CN CN201710258295.6A patent/CN107368236B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1365078A (en) * | 1995-09-06 | 2002-08-21 | 富士通株式会社 | Title extracting device and its method for extracting title from file images |
| CN103472983A (en) * | 2013-08-08 | 2013-12-25 | 广州市动景计算机科技有限公司 | Method and device for positioning page contents |
| CN105159534A (en) * | 2015-08-28 | 2015-12-16 | 无锡天脉聚源传媒科技有限公司 | Processing method and apparatus for graphic button |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107368236A (en) | 2017-11-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8739073B2 (en) | User interface for document table of contents | |
| CN110941784A (en) | Page generation method and device | |
| CN110244949B (en) | Page information display method and device | |
| CN105824830B (en) | Method, client and equipment for displaying page | |
| CN107368511B (en) | Information display method and device | |
| US20120240036A1 (en) | E-Book Reading Location Indicator | |
| BRPI1103186A2 (en) | DATA PROCESSING APPLIANCE, METHODS FOR DISPLAYING GRAPHIC ELEMENTS, AND FOR PERFORMING ONE OR MORE COMPUTER PROGRAM, COMPUTER PROGRAM, AND DATA SUB-CARRIER APPLICATIONS | |
| CN107368236B (en) | Method and device for displaying titles in information directory | |
| CN105786417B (en) | A kind of dynamic display method of static images, device and equipment | |
| CN110909275B (en) | Page browsing method and device and electronic equipment | |
| CN110633437B (en) | Method and device for omitting display of multiple lines | |
| CN111796821A (en) | Page updating method and device | |
| CN106155654B (en) | Method and device for shielding webpage operation and electronic equipment | |
| US20170169599A1 (en) | Methods and electronic devices for displaying picture | |
| CN106156109B (en) | Searching method and device | |
| CN106155507A (en) | A kind of page content display method and electronic equipment | |
| CN107766421A (en) | Information displaying method, device and electronic equipment | |
| CN107391534B (en) | Page display method, page file return method, page display device, page file return device and computer storage medium | |
| CN111898056A (en) | Webpage display method and device, storage medium and electronic equipment | |
| CN110262749B (en) | Webpage operation method, device, container, equipment and medium | |
| CN113378084A (en) | Page display method and device, electronic equipment and computer readable storage medium | |
| CN113672323A (en) | Page display method and device | |
| CN112528614A (en) | Table editing method and device and electronic equipment | |
| CN110399582B (en) | Page display method and device | |
| CN110276056B (en) | Document editing method, device, equipment and system |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20200923 Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Patentee after: Innovative advanced technology Co.,Ltd. Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Patentee before: Advanced innovation technology Co.,Ltd. Effective date of registration: 20200923 Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Patentee after: Advanced innovation technology Co.,Ltd. Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands Patentee before: Alibaba Group Holding Ltd. |
|
| TR01 | Transfer of patent right |