Interface display method, electronic equipment and computer readable storage medium

Abstract

The invention relates to the technical field of electronics, and provides an interface display method, electronic equipment and a computer readable storage medium, the method is applied to the electronic equipment, and comprises the following steps: receiving a first operation of a user, the first operation being an operation of opening a note application; in response to the first operation, a note view is displayed, the note view comprises at least one note sub-view, the first note sub-view comprises an enhanced information bar, an enhanced information bit is arranged in the enhanced information bar, and enhanced information is displayed in the enhanced information bit; the first note sub-view is any one of the at least one note sub-view, and the enhancement information is used for representing the affiliation relationship of the first note content corresponding to the first note sub-view. According to the method, a user can conveniently distinguish note content, and user experience is improved.

Description

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office on November 3, 2023, with application number 202311466563.5 and application name “Interface display method, electronic device and computer-readable storage medium”, the entire contents of which are incorporated by reference in this application. Technical Field

[0002] The present application relates to the field of electronic technology, and in particular to an interface display method, an electronic device, and a computer-readable storage medium. Background Art

[0003] As people's lives and work become more enriched, note-taking applications are used more and more frequently.

[0004] People often use note applications to record information that needs to be recorded. They can also use note applications to record web pages that users have browsed, photos that users have taken, etc. These recorded contents can be called note contents. When the amount of note contents increases, it becomes increasingly difficult for users to find note contents.

[0005] Usually, users can click on a list in the list view to expand the corresponding note content and then view it. If the currently expanded note content is not what the user wants to find, it is necessary to exit the current note content and reselect another list to expand, which is very inefficient. The current list display method displays relatively simple information, which is not conducive to user identification. Summary of the invention

[0006] The present application provides an interface display method, device, electronic device, computer-readable storage medium and computer program product, which can improve the recognition of note content and facilitate user identification.

[0007] In a first aspect, an interface display method is provided, which is applied to an electronic device, and includes: receiving a first operation of a user, the first operation being an operation of opening a note application; in response to the first operation, displaying a note view, the note view including at least one note sub-view, the first note sub-view including an enhanced information bar, an enhanced information bit being set in the enhanced information bar, enhanced information being displayed in the enhanced information bit, the first note sub-view being any one of the at least one note sub-view, and the enhanced information being used to characterize the relationship of the first note content corresponding to the first note sub-view.

[0008] Compared with traditional display methods, enhanced information contains more information about the note content, which can increase the richness of information in the entry card, thereby improving the recognition of the note content. Users can quickly and accurately find the required note content, improve search efficiency, and thus improve user experience.

[0009] In some possible implementations, the enhanced information includes: source information of the note content, the name of the folder to which the note content belongs, the note time of the note content, and the material type of the note content.

[0010] The source information of the note content, the name of the folder to which the note content belongs, the note time and the material type of the note content can more comprehensively reflect the ownership of the note content, improve the richness of the information and facilitate user identification.

[0011] In some possible implementations, the note view is a list view, and the first note subview includes a first enhanced information bar and a second enhanced information bar; the enhanced information bits set in the first enhanced information bar include: part or all of the title bit, the attribute operation class label bit, the summary content bit and the legend bit; the title bit displays the title of the first note content; the attribute operation class label bit displays the attribute operation class icon of the first note content; the summary content bit displays the summary text of the first note content; the legend bit displays the thumbnail of the picture of the first note content; the enhanced information bits set in the second enhanced information bar include: part or all of the source bit, the belonging folder bit, the note time bit and the content class label bit; the source bit displays the source information of the first note content, and the source information includes the source application and / or the source web page; the belonging folder bit displays the name of the folder to which the first note content belongs; the note time bit displays the note time of the first note content, and the note time is the recording time or the generation time; the content class label bit displays the content class label corresponding to the first note content, and the content class label is used to represent the icon corresponding to the material type in the first note content.

[0012] In the list view, the first enhanced information column and the second enhanced information column can display multiple enhanced information bits in a partitioned manner, and the display method is reasonable and convenient for users to identify. At the same time, the title, attribute operation icons, picture thumbnails, source information, folder name, note time and content labels can more richly present the relevant attributes of the note content, which is convenient for users to identify and improve the user experience.

[0013] In some possible implementations, the area of ​​the first enhanced information column is larger than the area of ​​the second enhanced information column.

[0014] The area of ​​the first enhanced information column often contains summary text with more content, so the area of ​​the first enhanced information column is larger than that of the second enhanced information column, realizing a display method of reasonably allocating the display area, and the display method is more reasonable.

[0015] In some possible implementations, the method further includes: receiving a user's drag operation on a dividing line between the first enhanced information bar and the second enhanced information bar; and in response to the drag operation, updating a position of the dividing line so that the area size of the first enhanced information bar and the second enhanced information bar changes.

[0016] The user can adjust the area sizes of the first enhanced information column and the second enhanced information column as needed, which is more flexible.

[0017] In some possible implementations, the note view is a grid view, and the first note subview includes a third enhanced information bar and a fourth enhanced information bar; the enhanced information bits set in the third enhanced information bar include: part or all of the source bit, summary content bit and legend bit; the source bit displays the source information of the first note content, and the source information includes the source application and / or the source web page; the summary content bit displays the summary text of the first note content; the legend bit displays the thumbnail of the picture of the first note content; the enhanced information bits set in the fourth enhanced information bar include: part or all of the title bit, attribute operation class label bit, belonging folder bit, note time bit and content class label bit; the title bit displays the title of the first note content; the attribute operation class label bit displays the attribute operation class icon of the first note content; the belonging folder bit displays the name of the folder to which the first note content belongs; the note time bit displays the note time of the first note content, and the note time is the recording time or the generation time; the content class label bit displays the content class label corresponding to the first note content, and the content class label is used to represent the icon corresponding to the material type in the first note content.

[0018] In some possible implementations, attribute operation icons include: text note icon, handwritten note icon, collection icon and part or all of the specified icons; content tags include: video, recording, PDF document, card collection, document scan, table, list, scanned document and part or all of the schedule.

[0019] In some possible implementations, the priority order of the enhanced information bits is from high to low: folder bit and note time bit, source bit, and content type tag bit.

[0020] In some possible implementations, the priority order of content tags from high to low is: video, audio recording, PDF document, card collection, document scan, form, list, scanned document and schedule.

[0021] In some possible implementations, the note time bit, attribute operation tag bit and folder bit are fixed enhancement bits; the title bit, source bit, summary content bit, legend bit and content tag bit are non-fixed enhancement bits.

[0022] In some possible implementations, if there is no text content in the first note content, the method also includes: obtaining the material type in the first note content, the material type includes: part or all of pictures, scanned pictures, recordings, video excerpts, attachments, web pages, tables, schedule cards, and attachments include PDF files, table files, compressed files and audio files; generating a material summary text according to the material type, the material summary text is used to represent the material type and the number of materials corresponding to the material type; and displaying the material summary text in the summary content position.

[0023] In some possible implementations, the method also includes: receiving a second operation input by a user; corresponding to the second operation, displaying a first-level page, the first-level page including a view control; receiving a third operation performed by the user on the view control; in response to the third operation, displaying a second-level page, the second-level page including: a simple list, a multi-line list, controls for a large grid and a small grid, the multi-line list being in a selected state; in response to a fourth operation performed by the user on the simple list, displaying a simple list view, the simple list view not having a source bit and a content class tag bit.

[0024] The corresponding view is switched by using the secondary page of view switching. Compared with the method of switching views in a pop-up window, the design is more lightweight and easier to implement, while reducing resource usage.

[0025] In the display mode of the above-mentioned grid view, the relevant description of the enhanced information can be found in the description of the list view, which will not be repeated here.

[0026] In some possible implementations, the method further includes: in response to a fifth operation of the user sharing the first note content, generating a to-be-shared picture from the first note content, and sharing the to-be-shared picture to a to-be-shared object.

[0027] In some possible implementations, the picture to be shared includes the text and / or picture in the first note content.

[0028] In some possible implementations, the first note content includes a recording, and the picture to be shared includes a converted text obtained by converting the recording.

[0029] Through the sharing operation, users can share the note content with the objects they need to share with, making information transmission more flexible.

[0030] In a second aspect, an interface display device is provided, comprising a unit composed of software and / or hardware, wherein the unit is used to execute any one of the methods in the technical solution described in the first aspect.

[0031] In a third aspect, an embodiment of the present application provides a chip, comprising a processor; the processor is used to read and execute a computer program stored in a memory to execute any one of the methods in the technical solution described in the first aspect.

[0032] Optionally, the chip also includes a memory, and the memory is connected to the processor via a circuit or wire.

[0033] Further optionally, the chip also includes a communication interface.

[0034] In a fourth aspect, an electronic device is provided, comprising: a processor, a memory and an interface; the processor, the memory and the interface cooperate with each other so that the electronic device executes any one of the methods in the technical solution described in the first aspect.

[0035] In a fifth aspect, a computer-readable storage medium is provided, in which a computer program is stored. When the computer program is executed by a processor, the processor executes any one of the methods in the technical solution described in the first aspect.

[0036] In a sixth aspect, a computer program product is provided, the computer program product comprising: a computer program code, when the computer program code is run on an electronic device, the electronic device executes any one of the methods in the technical solution described in the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0037] Figure 1 is a schematic diagram of the structure of a terminal device 100 provided in an embodiment of the present application;

[0038] Figure 2 is a software structure block diagram of the terminal device 100 provided in an embodiment of the present application;

[0039] Figure 3 This is a schematic diagram of an interface of a list view on a traditional smart phone provided in an embodiment of the present application;

[0040] Figure 4 This is a schematic diagram of an interface of a list view on a traditional tablet computer provided in an embodiment of the present application;

[0041] Figure 5 This is a schematic diagram of an interface of an item list in a list view provided in an embodiment of the present application;

[0042] Figure 6 This is another example of a schematic diagram of multiple interfaces of an item card in a list view provided in an embodiment of the present application;

[0043] Figure 7 This is another example of a schematic diagram of multiple interfaces of an item card in a list view provided in an embodiment of the present application;

[0044] Figure 8 This is another example of a list view interface diagram on a smartphone provided in an embodiment of the present application;

[0045] Fig. 9 This is another example of a list view interface diagram on a smartphone provided in an embodiment of the present application;

[0046] Fig.10 An example of a list view interface diagram of a tablet computer provided in an embodiment of the present application;

[0047] Fig.11 This is a schematic diagram of an interface of a traditional grid view on a smart phone provided in an embodiment of the present application;

[0048] Fig.12 This is a schematic diagram of an interface of a traditional grid view on the side of a tablet computer provided in an embodiment of the present application;

[0049] Fig.13 This is a schematic diagram of an interface of multiple grids in a grid view provided in an embodiment of the present application;

[0050] Fig.14 is a comparison diagram of enhanced information bits in a grid and an item card provided in an embodiment of the present application;

[0051] Fig.15 An example of a schematic diagram of a horizontal and vertical grid of a cover provided in an embodiment of the present application;

[0052] Fig.16 This is a schematic diagram of an interface of a grid view on a smart phone provided in an embodiment of the present application;

[0053] Fig.17 is a schematic diagram of an interface of a grid view of a tablet computer provided in an embodiment of the present application;

[0054] Fig.18 This is a schematic diagram of an interface of a traditional PC-side grid view provided in an embodiment of the present application;

[0055] Fig.19 This is a schematic diagram of an interface of a list view on a PC side provided in an embodiment of the present application;

[0056] Fig. 20 This is another example of a list view interface diagram on a PC side provided in an embodiment of the present application;

[0057] Fig.21 It is a schematic diagram of an example of an entry card corresponding to a traditional note content without text provided in an embodiment of the present application;

[0058] Fig. 22It is a schematic diagram of various entry cards corresponding to a note content without text provided in an embodiment of the present application;

[0059] Fig.23 This is a schematic diagram of a traditional view switching interface provided in an embodiment of the present application;

[0060] Fig.24 is a schematic diagram of a secondary page for switching between multiple views provided in an embodiment of the present application;

[0061] Fig.25 This is a schematic diagram of a staggered grid interface on a smart phone provided in an embodiment of the present application;

[0062] Fig.26 This is a schematic diagram of an interface of an extra-large grid on a smart phone provided in an embodiment of the present application;

[0063] Fig. 27 This is a schematic diagram of an interface for sharing note content provided in an embodiment of the present application;

[0064] Fig.28 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0065] Fig.29 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0066] Fig.30 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0067] Fig.31 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0068] Fig.32 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0069] Fig.33 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0070] Fig.34 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0071] Fig.35 This is a schematic diagram of an interface for setting watermark content when sharing, provided in an embodiment of the present application;

[0072] Fig.36 It is a schematic diagram of templates of various note backgrounds provided in an embodiment of the present application;

[0073] Fig.37This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0074] Fig.38 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0075] Fig.39 This is a schematic diagram of an interface for setting the font of shared note content provided in an embodiment of the present application;

[0076] Fig.40 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0077] Fig.41 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0078] Fig.42 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0079] Fig.43 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0080] Fig.44 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application;

[0081] Fig.45 This is another example of an interface diagram for sharing note content provided in an embodiment of the present application. DETAILED DESCRIPTION

[0082] The technical solutions in the embodiments of the present application will be described below in conjunction with the drawings in the embodiments of the present application. In the description of the embodiments of the present application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" in this article is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in the description of the embodiments of the present application, "multiple" means two or more than two.

[0083] In the following, the terms "first", "second", and "third" are used for descriptive purposes only and are not to be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Thus, a feature defined as "first", "second", and "third" may explicitly or implicitly include one or more of the features.

[0084] The interface display method provided in the embodiments of the present application can be applied to terminal devices such as mobile phones, tablet computers, wearable devices, vehicle-mounted devices, augmented reality (AR) / virtual reality (VR) devices, laptop computers, ultra-mobile personal computers (UMPC), netbooks, personal digital assistants (PDA), etc. The embodiments of the present application do not impose any restrictions on the specific types of terminal devices.

[0085] For example, Figure 1 1 is a schematic diagram of the structure of an example of a terminal device 100 provided in an embodiment of the present application. The terminal device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0086] It is understood that the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the terminal device 100. In other embodiments of the present application, the terminal device 100 may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0087] It is understandable that the interface connection relationship between the modules illustrated in the embodiment of the present application is only a schematic illustration and does not constitute a structural limitation on the terminal device 100. In other embodiments of the present application, the terminal device 100 may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

[0088] The software system of the terminal device 100 may adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. The present application embodiment takes the Android system of the layered architecture as an example to exemplify the software structure of the terminal device 100.

[0089] Figure 2 1 is a software structure diagram of the terminal device 100 of the embodiment of the present application. The layered architecture divides the software into several layers, each layer has a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom, namely, the application layer, the application framework layer, the Android runtime (Android runtime) and the system library, and the kernel layer. The application layer can include a series of application packages.

[0090] like Figure 2 As shown, the application package may include camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and other applications.

[0091] The application framework layer provides an application programming interface (API) and a programming framework for the applications in the application layer. The application framework layer includes some predefined functions.

[0092] like Figure 2 As shown, the application framework layer may include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, and the like.

[0093] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the screen, capture the screen, etc.

[0094] Content providers are used to store and retrieve data and make it accessible to applications. The data may include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0095] The view system includes visual controls, such as controls for displaying text, controls for displaying images, etc. The view system can be used to build applications. A display interface can be composed of one or more views. For example, a display interface including a text notification icon can include a view for displaying text and a view for displaying images.

[0096] The phone manager is used to provide communication functions of the terminal device 100, such as management of call status (including connection, disconnection, etc.).

[0097] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0098] The notification manager enables applications to display notification information in the status bar, which can be used to convey notification-type messages and disappear automatically after a short stay without user interaction.

[0099] Android runtime includes core libraries and virtual machines. Android runtime is responsible for scheduling and management of the Android system.

[0100] The core library consists of two parts: one part is the function that needs to be called by the Java language, and the other part is the Android core library.

[0101] The application layer and the application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.

[0102] The system library may include multiple functional modules, such as surface manager, media libraries, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc.

[0103] The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications.

[0104] The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0105] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0106] A 2D graphics engine is a drawing engine for 2D drawings.

[0107] The kernel layer is the layer between hardware and software. The kernel layer contains at least display driver, camera driver, audio driver, and sensor driver.

[0108] When using a terminal device, users often need to record some content for later viewing. For example, when browsing the web, users can record the web pages of interest in a note application (hereinafter referred to as the note application); when users view videos, pictures, or play audio and other content, they can also record the videos, pictures, audio and other content of interest in the note application. When the user wants to view the recorded content, he can view it through the note application. The note application provides users with a browsing view, which displays entries of the content recorded by the user, and users can click on the relevant entries to view the content.

[0109] Currently, the note application can provide two browsing views, including a list view and a grid view. When the note application is installed on different types of terminal devices, the browsing views are displayed differently.

[0110] Take the list view as an example. The list view includes a list area. The list area includes multiple card items arranged vertically, and each card item corresponds to a recorded content. When the recorded content is a web page, the item card can display the title of the web page, and can also display the time when the web page was recorded and the summary of the web page. When the recorded content is a picture, the item card can display the name of the picture and the time when the picture was recorded. Each item card table represents a note content recorded by the user.

[0111] Taking smartphones as an example, the list view of the note application can be seen in Figure 3 shown.

[0112] In a tablet computer (Pad), the list view of a note application may include a preview area in addition to a list area. For example Figure 4 When a user clicks a card item in the list area, the preview area can display the details of the card item clicked by the user. Figure 4 In the example of a user clicking on a card of a webpage of News 1, the preview area displays the webpage details of News 1, including the content of News 1.

[0113] Figure 3 and Figure 4 In the display mode shown, the information displayed in the card entry is only basic information such as title and time, and the amount of information is relatively simple. When the user searches for the required note content in the entry card based on a small amount of basic information, the recognition of the entry card is not high, resulting in inconvenience in searching, reducing the user's search efficiency, and poor user experience.

[0114] The present application provides an interface display method, which is applied to the browsing view of a note application. Taking the list view as an example, in addition to basic information such as the title and recording time, each entry card may also include one or more of the information of the source application, the folder to which it belongs, and the content-type label. Among them, the information of the source application represents which application the note content of the entry card comes from, and the information of the source application may include the name and / or icon of the source application. The folder to which the note content of the entry card belongs can be represented by the icon of the folder or the name of the folder. The content-type label indicates the type of content contained in the note content of the entry card, such as labels such as recordings and videos. For the convenience of description, in the present application, the newly added information such as the information of the source application, the folder to which it belongs, and the content-type label is collectively referred to as enhanced information. Compared with traditional entry cards, the enhanced information contains more relevant information about the note content, which can improve the richness of the information in the entry card, thereby improving the recognition of the entry card, and the user can quickly and accurately find the required note content, improve the search efficiency, and thus improve the user experience.

[0115] For ease of understanding, the following embodiments of the present application will be described in detail with Figure 1 and Figure 2 Taking the terminal device with the shown structure as an example, the interface display method provided in the embodiment of the present application is specifically explained in combination with the accompanying drawings and application scenarios.

[0116] Take the list view of the note application displayed on a tablet as an example. The left side is the list area, which is used to display the entry cards of different note contents; the right side is the preview area, which is used to display the details of the note content corresponding to the entry card selected by the user. For details, please refer to Figure 4 shown.

[0117] The entry card may include: a title position, a source position, a folder position, a note time position, an attribute operation label position, a content label position, a summary content position, and a legend position. Among them, the title position displays the title of the note content; the source position displays which APP the note content comes from, for example, the application icon and / or application name of this APP can be displayed, and the folder position displays which folder the note content is stored in, for example, the folder icon and / or folder name is displayed; the note time position is used to display the time when the note content is recorded, such as the date and / or time; the attribute operation label position displays the attribute operation label of the note content, wherein the attributes may include text notes / handwritten notes and lock / unlock, and the operations may include collection and pinning, and the attribute operation label may be represented by icons and / or text; the content label position displays the material type in the note content, such as icons of material types such as video, recording, PDF document, card collection, document scanning, table, list, scanned document, schedule, etc.; the summary content position displays the summary content; the legend position is used to display the thumbnail of the note content, for example, the first picture in the note content.

[0118] Optionally, the entry card can be divided into two areas, the upper area can be called the first enhanced information column, and the lower area is called the second enhanced information column. Optionally, the area of ​​the first enhanced information column is larger than the area of ​​the second enhanced information column. The first enhanced information column includes: a title position, an attribute operation label position, a summary content position, and a legend position; the second enhanced information column includes: a source position, a folder position, a note time position, and a content label position.

[0119] Optionally, if the note content originates from a global collection, the source position may display an application icon and / or application name of the application from which the note content originates.

[0120] by Figure 5 For example, the item card shown in Figure a in FIG. 1 is a note card for a web page about modernist design. When a user browses a web page about modernist design in application 1, after recording the web page in the note application, the list view of the note application can be displayed as follows: Figure 5 The entry card shown in Figure a of the first enhanced information column. In the first enhanced information column, the title "Modernist Design" can be displayed in the title position of the first line, and the font size is larger than the size of other text. In the second line, that is, the line below the title, there is a property operation label position, which can display the property operation label, such as: text note Or handwritten notes Unlock Or lock Sticky and Collection One or more of them. The summary content of the web page can be displayed in the same row of the attribute operation class label. Among them, text notes indicate that the note content is text input by the user through keyboard input or copy and paste operations; handwritten notes indicate that the note content is content input in the handwriting input state, including text, patterns and other content input by fingers, stylus and keyboard in the handwriting input state; locked means that the note content is locked and cannot be edited; unlocked means that the note content is unlocked and can be edited; pinned means that the item card corresponding to the note content is displayed at the top of the list area. When there are multiple pinned item cards in the list area, these multiple pinned item cards can be arranged in order from early to late according to the time when they are set to be pinned or the time when the user edits the note content; favorites means that the note content is the user's favorite note content, which is convenient for users to search based on favorite tags.

[0121] Optionally, the summary content position can be set next to the attribute operation class label position. When the summary content has more text, it can be arranged in sequence and displayed in the next line of the attribute operation class label, such as Figure 5 The arrangement of the two lines in the summary content of "Modern designism is one of the main design styles popular in the last century and is widely used by people" in Figure a. That is, the position of the summary content can be flexibly adjusted according to the arrangement of the attribute operation class label. For example, when the number of attribute operation class labels is small, the position of the summary content in the line where the attribute operation class labels are located will be larger and can display more text; when the number of attribute operation class labels is large, the position of the summary content in the line where the attribute operation class labels are located will be smaller and can only display less text.

[0122] Optionally, a legend position is provided on one side of the first enhanced information column (eg, on the user's right side when the user is facing the paper) for displaying the background image of the web page or the first image appearing in the web page content as a legend.

[0123] The second enhanced information column is displayed in the area below the entry card, and the second enhanced information column includes: source position, belonging folder position, note time position and content type label position. Figure 5 Taking the entry card shown in Figure a as an example, the source position displays the application icon and application name of application 1; the folder position displays the icon and name of the folder "Design Related"; the note time position displays the date when the web page was recorded; the content label position displays the icons corresponding to the material type of the material contained in the note content, including icons for video and recording.

[0124] It should be noted that the application icon and application name of the note content displayed in the source position may vary depending on the specific source of the recorded note content. For example, when the recorded note content is collected through the global collection application (referred to as global collection), the application icon and application name of the global collection will be displayed in the source position.

[0125] If the date of the note content recorded by the user is August 1, the note time position will display the date "August 1". If the note content includes table and video materials, the content label position will display icons representing the table and video. Optionally, the note time position may not display the date, but the time when the note content was recorded, for example, displaying "14:00", indicating that the time when the note content was recorded was 14:00. The note time position may also display both the date and the time, which is not limited in the embodiments of the present application.

[0126] The folder of the note content displayed in the folder position can be a folder created by the user. The user can create different folders in the note application to store different types of note content, and can also name or rename the created folders for easy identification. When the user records the note content, you can select the required folder to store it when recording. For example, when the user browses design files or web pages, you can select the "design related" folder to store design files or web pages. Optionally, if the user does not select or specify a folder when recording the note content, the note content can be stored in the default folder of the note application. The default folder is located under the default file storage path of the note application and is generated when the note application is installed. Users can also modify the name and path of the default folder in the settings of the note application.

[0127] One or more content tags may be displayed in the content tag area. Specifically, content tags may include but are not limited to: video recording PDF Document Card Collection sheet List Scanning Documents and schedule One or more of .

[0128] Here is an explanation of the above content tags:

[0129] Video: indicates that the note content includes video material;

[0130] Recording: indicates that the note content includes recorded audio.

[0131] PDF document: indicates that the note content is a document in PDF format, or a PDF document is inserted into the note content;

[0132] Card collection: indicates that the note content is a collection of certificates or cards, or a collection of certificates or cards is inserted;

[0133] Table: indicates that a table is inserted into the note content;

[0134] List: indicates that a list is inserted into the note content, such as a to-do list;

[0135] Scanned documents: Indicates that the note content includes scanned documents;

[0136] Schedule: Indicates that schedule information is inserted into the note content.

[0137] Optionally, the fixed enhanced information bits in the first enhanced information bar and the second enhanced information bar include: note time bit, attribute operation type label bit and belonging folder bit. Usually the fixed enhanced information bit is not empty. Each note content contains the information that needs to be displayed in the fixed enhanced information bit, which can be displayed in the entry card.

[0138] In addition to the fixed enhanced information fields, the first enhanced information field and the second enhanced information field also include other enhanced information fields, such as title field, source field, content category label field, summary content field, and legend field. Whether these other enhanced information fields are displayed in the entry card depends on the type of material contained in the note content.

[0139] For example, when a user creates a new handwritten note, he clicks Save before he has time to enter the handwritten content. At this time, the entry card of the handwritten note can be displayed in the list view of the note application. Since the handwritten note has not yet entered the actual text content, and there are no pictures or other materials, the title, source, attribute operation label, summary content and legend of the entry card are all empty, and only the note time, content label and folder to which it belongs are displayed. Among them, the note time displays the creation time or save time of the handwritten note, and the content label displays the icon of the handwritten note. The folder to which it belongs displays the name or icon of the default folder of the note application, for example, it can be displayed as follows: Figure 5 As shown in Figure b.

[0140] Optionally, in the display strategy of the entry card, the priority of different enhanced information bits can also be set. When the entry card is displayed, the enhanced information bits with high priority are displayed first. When the content or the number of tags in the enhanced information bits with high priority are large and occupy the area where they are located, the enhanced information bits with low priority are no longer displayed.

[0141] Optionally, in the first enhanced information column, the attribute operation label bit and the summary content bit have the same priority. The priorities of the enhanced information bits in the second enhanced information column can be, from high to low: the folder bit and the note time bit, the source bit, and the content label bit. Among them, the folder bit and the note time bit have the same priority, and the priority is the highest. The priority of the source bit is lower than the folder bit and the note time bit. The priority of the content label bit is the lowest in the second enhanced information column.

[0142] For the convenience of description, the contents filled in the enhanced information bit are collectively referred to as elements. For example, the name of the folder to which it belongs is the element filled in the folder to which it belongs, and the note time bit is the element filled in the note time bit.

[0143] For example, in Figure 5 In figure a, if the folder name displayed in the folder position is long, such as "Extremely long folder", which causes the second enhanced information column to be unable to display all elements of the enhanced information position, it is necessary to prioritize the normal display of elements in the folder position and note time position, and not display some or all elements in the enhanced information position with a lower priority. Figure 6 As shown in Figure a, when the name of the folder is long, the element of the content label "recording" is omitted.

[0144] Optional, above Figure 5 The card height of the entry card shown in Figure a can be higher than the traditional card height, which is convenient for setting more enhanced information positions, thereby displaying more enhanced information and improving the recognition of the entry card.

[0145] Optionally, the user can also adjust the height of the first enhanced information column and the second enhanced information column in the entry card. Figure 5 As shown in Figure c in the figure, the user can drag the dividing line between the first enhanced information column and the second enhanced information column up and down to adjust the width of the first enhanced information column and the second enhanced information column. If the width adjustment causes the width of a certain enhanced information column to be insufficient, the enhanced information with a higher priority can be displayed first according to the priority of the enhanced information bit.

[0146] Optionally, when there are many contents or tags in the enhanced information position with high priority, the elements of the enhanced information position with low priority can also be displayed in thumbnails. For example, when the name of the belonging folder is "Extremely long folder" and all the elements of the enhanced information position cannot be displayed in the second enhanced information bar, it is necessary to give priority to the elements of the belonging folder position and the note time position, and only display the icon of the source application instead of the application name of the source application in the source position with the next highest priority, so as to save display space. Figure 6As shown in Figure b, when the name of the folder is long, the icon of application 1 can be displayed in the source position instead of the application name of application 1, and the content class labels of video and audio in the content class label position are retained. This display method can ensure that the elements of the source position with higher priority are displayed without deleting the elements of the enhanced information position with lower priority.

[0147] Optionally, when the content in the enhanced information bit with a high priority is large, the content in the enhanced information bit may be displayed in a thumbnail format, for example, part of the content is displayed and the rest is indicated by ellipsis. Figure 6 As shown in Figure c.

[0148] Optionally, based on the above embodiment, when the note content is a composite material, and the type of material contained is more than one, the content class tags displayed in the corresponding content class tag position can be arranged according to the set priority. Optionally, the priority of the content class tags from high to low can be: video, recording, PDF document, card collection, document scan, table and list. Optionally, the priority of the content class tags from high to low can also be: video, recording, PDF document, card collection, document scan, table, list, scanned document and schedule.

[0149] Optionally, the priority of the content tag may also be adjusted according to the user's usage habits, which is not limited in the embodiments of the present application.

[0150] For example, when the types of materials in the note content corresponding to the item card include video, recording, and list, the content type tags displayed in the content type tag position include: video, recording, and list. The interface of the item card can also refer to the following example: Figure 7 As shown in Figure a, all content class labels are displayed. When the name of the folder to which it belongs is long, the elements of the enhanced information bar with high priority can be displayed first, and the content class labels with high priority among the content class labels can be displayed, while the content class labels with low priority among the content class labels are not displayed. For example Figure 7 As shown in Figure b in the figure, the list, which is a low-priority content class label, is not displayed. Figure 7 Based on what is shown in Figure b, when the name of the folder becomes longer, the content category label of recording may not be displayed.

[0151] Using the above interface display method, on the smartphone side, the list view of the note application can be seen as follows: Figure 8 As shown above. Figure 8 In the interface shown, each entry card displays the additional information of the corresponding note content, which helps users to efficiently identify the note content they want to find and improves the user experience.

[0152] Optionally, in the above Figure 8 Based on the interface shown, you can also display controls for adding new notes, such as controls The user can click the new note control to record the new note content. Optionally, the note control and to-do control can also be displayed below the list view. When the user clicks the note control, the list view of the note application is displayed, for example Fig. 9 When the user clicks the To-Do control, the screen displays the To-Do list.

[0153] Optionally, when the above-mentioned item card solution is applied to a tablet computer, the list view of the note application can refer to the following example. Fig.10 As shown. Fig.10 In the interface shown, the left side is a list area, which can display multiple entry cards. Users can also enter keywords in the search bar in the list area to search for note content. Fig.10 The right side of the interface shown is a preview area, which is used to display the note content corresponding to the entry card selected by the user in the list area on the left. Fig.10 In the example, a web page titled "New Product Release" is displayed in the preview area. Optionally, multiple editing controls may also be displayed in the preview area, such as Fig.10 The icons of multiple editing controls are shown below the preview area in the , including but not limited to: bold, italic, underline, strikethrough, automatic numbering, display on the left, display on the right, display in the center, insert to-do, insert note, insert recording, insert handwritten note, etc.

[0154] In addition to displaying a list view, the note application can also display a grid view. Users can click a menu control in the list view, for example At this time, a menu option pops up on the interface. The menu options include "Grid View", "Batch Delete", "Sort By" and "Settings". When the user clicks "Grid View" in the menu option, the note application can switch the interface to the grid view. Fig.11 A schematic diagram of an interface showing a traditional grid view on a smartphone is shown in FIG. Fig.12 A schematic diagram of a grid view of a traditional note-taking application in a tablet computer. Fig.11 and Fig.12 Each grid in the note only displays basic information such as title and note time. It is difficult for users to distinguish different grids based on a small amount of basic information, making it difficult to find the content of the note.

[0155] Based on this, the display solution of the list view in the previous article can be applied to the grid view, so that richer enhanced information can be displayed in the grid view, making it easier for users to efficiently identify different note contents.

[0156] Next, the display mode of the grid view is described in detail. Take the grid corresponding to a note content as an example. Fig.13 As shown. Fig.13 In the single grid shown, it can be divided into two areas, the upper area can be called the third enhanced information column, and the lower area is called the fourth enhanced information column. Optionally, the area of ​​the third enhanced information column is larger than the area of ​​the fourth enhanced information column. The third enhanced information column includes a summary content position, a legend position, and a source position. The fourth enhanced information column includes: a title position, an attribute operation label position, a folder position, a note time position, and a content label position.

[0157] It should be noted that the specific meaning of the enhanced information position in the grid can refer to the relevant description of the entry card. The specific setting position of the enhanced information position in the grid is different from that of the entry card. Optionally, in the third enhanced information column, the mapping content of the note content can be displayed. The mapping content includes: summary content and / or legend. Specifically, the summary is displayed in the summary content position in the third enhanced information column, and the legend is displayed in the legend position in the third enhanced information column. Optionally, when there are both a summary and a legend, the summary content position can be located above the legend position, and the available area of ​​the summary content position is larger than that of the entry card, and more summary content can be displayed than the entry card. The picture in the legend position can be displayed partially or in full depending on the amount of summary content. When the summary content is large and occupies the area of ​​the legend position, the picture in the legend position can be partially displayed, for example Fig.13 As shown in Figure a; when the abstract content is small, the pictures in the legend position can be displayed in full, for example Fig.13 As shown in Figure b. In other words, the summary content and the legend can be displayed in place.

[0158] In the third enhanced information column, a source position is also provided. In the grid, the source position can be stacked with other enhanced information positions, for example, suspended and displayed in the area of ​​the third enhanced information column. Fig.13 The source field in the source field shows the source application of the note content, which is determined by Fig.13 It can be seen that the note content comes from application 1, and the icon of application 1 is

[0159] In the fourth enhanced information column, the title is set in the first row, the attribute operation label and the note time are set in the second row, and the folder and content label are set in the third row.

[0160] In the grid, the priority of the enhanced information bit can refer to the priority description of the enhanced information bit in the item card, which will not be repeated here. Optionally, the size of the title bit can be flexibly adjusted according to the content of the title. For example, when the title has more text, it can be distributed in the first and second rows, and the attribute operation label bit and the note time bit, the folder bit and the content label bit can be set in the third and fourth rows in sequence, for example Fig.13 As shown in Figure c.

[0161] Optionally, among the multiple enhanced information bits of the grid, there are also fixed enhanced information bits and other enhanced information bits. For which enhanced information bits are respectively included in the fixed enhanced information bits and other enhanced information bits, please refer to the relevant description of the entry card, which is not limited here.

[0162] When there are other enhanced information bits that are not displayed in the grid, or the number of elements in the enhanced information bits is small, other enhanced information bits that need to be displayed can be displayed in place. Fig.13 As shown in Figure d, when the attribute operation label position contains only text notes but not pinned notes, the note time can be displayed in place, so that there is no obvious gap between the attribute operation label position and the note time position. It should be noted that the source position of the grid does not need to be filled, and even if the source position does not contain the application name and application icon of the source application, there is no need to use other enhanced information positions to fill the position.

[0163] In the third enhanced information column and the fourth enhanced information column, in addition to the fixed enhanced information bits, there are other enhanced information bits, such as: title bit, source bit, attribute operation class label bit, summary content bit and legend bit.

[0164] It should be noted that in the fourth enhanced information bar, when the elements of each row are displayed, no matter how many elements to be displayed exist in the row, the entire row can be displayed in the center to ensure that the display view is not offset due to the number of displayed elements.

[0165] Fig.14 Figure a and Figure b in the figure respectively show schematic diagrams of the grid in the grid view and the item card in the list view, and show the correspondence between the enhanced information positions under the two views. When the user switches between the list view and the grid view in the interface of the note application, the content displayed by the same enhanced information position in the item card and the grid can be switched according to the correspondence.

[0166] It should be noted that the size of the traditional grid is small, and the text in the grid is low in clarity and unreadable. The user needs to click on the grid to expand the details of the note content for viewing. The size of the grid displayed in the embodiment of the present application is larger than the traditional grid size, which can ensure that the displayed text is clearer. The user does not need to click on the grid to open the details of the note content for viewing, but can clearly see the text contained in part of the note content by looking at the grid; at the same time, the larger grid size can clearly display more enhanced information, making it easier to find the note content.

[0167] Optionally, in the grid interface, if the grid is set with a cover, the third enhanced information bar does not need to display the text and legend of the summary, nor does it display the source bit, but instead displays the icon of the notebook cover, for example Fig.15 If the user does not set a cover for the grid, you can refer to Fig.13 Optionally, the icon on the notebook cover has a variety of different colors, such as yellow, blue, green, pink, etc. The icon on the notebook cover can be displayed in vertical or horizontal format, for example Fig.15 When adding a notebook cover to the grid, the user can select the color and layout (horizontal or vertical) of the notebook cover icon and set the notebook cover icon to the required style.

[0168] The above Figures 13 to 15 The grid solution shown is applied in the grid interface of the note application. The grid interface on the smartphone side can be seen in the following figure. Fig.16 As shown, the grid interface on the tablet side can be seen as follows Fig.17 described.

[0169] In the above grid view, richer enhanced information can be displayed in each grid, which makes it easier for users to identify different grids in the grid interface and improves the efficiency of users in finding note content.

[0170] The interface display method of the note application used on the tablet computer side and the smart phone side can also be applied to the personal computer (PC) side.

[0171] Generally, the interface of the note application displayed on the PC side can be seen as follows: Fig.18 If the display scheme for displaying enhanced information is applied to the PC test, the interface can be as shown in the following figure. Fig.19 He Ru Fig. 20 As shown. Fig.19 In , the interface of the note application is displayed in a three-column format. Fig.19 In the , the three columns display the menu area, list bar area and preview area respectively. Among them, the item list in the list area can display enhanced information of each note content. Fig. 20In comparison Fig.19 The positions of the various controls have changed. Fig. 20 A category bar (type bar) is also set up in the toolbar to display controls such as account, trust ring, notes, calendar, and favorites, which will not be repeated here.

[0172] Optionally, when the user selects a note that he wants to view in the grid view or the list view, the selected object may display a colored foreground, such as a blue foreground.

[0173] Based on the above embodiment, when there is no text in the note content but there is summary content, there is no text to display in the summary content position. The traditional display method is to display the summary content position as empty, for example Fig.21 As shown, such a single display method is not conducive to users identifying the content of the notes.

[0174] The embodiment of the present application provides an interface display method when there is no summary text in the note content. Summary information can be generated according to the specific circumstances of the material contained in the note content, and the summary information can be displayed in the summary content position in the form of text.

[0175] Optionally, when there is no summary text in the note content, you can display Fig. 22 As shown in Figure a of FIG. 1 , the terminal device can generate summary information without text and display it in the summary content position. For example, "no additional text" is generated and displayed.

[0176] When the note content contains only pictures, a summary of "X pictures" can be generated and displayed in the summary content area, for example Fig. 22 As shown in Figure b.

[0177] When there is no summary text in the note content, but only document scans, a summary of "Y scanned images" can be generated and displayed in the summary content position, for example Fig. 22 As shown in Figure c.

[0178] When there is no summary text in the note content, but only recording, the summary information of "Z segments of recording" can be generated and displayed in the summary content position, for example Fig. 22 As shown in Figure d.

[0179] When there is no summary text in the note content, but there are multiple non-text materials, such as recordings, pictures, and document scans, a summary of "Z recordings, Y scanned pictures, and X pictures" can be generated and displayed in the summary content position, for example Fig. 22 As shown in Figure e.

[0180] It should be noted that the above Fig. 22The meanings of X, Y, and Z in the example text are different from those of the letters in the previous article. Fig. 22 Where X, Y, and Z are natural numbers, indicating the number of corresponding materials. X, Y, and Z can be equal or different.

[0181] Optionally, when there is no summary text in the note content but only X excerpt videos, summary information of “X excerpt videos” is generated and displayed.

[0182] Optionally, when there is no summary text in the note content, but only X attachment cards, summary information of "X attachment cards" is generated and displayed. Optionally, the attachment cards may include but are not limited to part or all of PDF documents, execl tables, zip archives, and audio.

[0183] Optionally, when there is no summary text in the note content, but only X webpage collection cards, summary information of "X webpage collection cards" is generated and displayed.

[0184] Optionally, when there is no summary text in the note content but only an empty table, summary information of "empty table" is generated and displayed. It should be noted that a table can be inserted into the note content in the note application. If an empty table is inserted as an attachment, it means that there is an empty table in the note content.

[0185] Optionally, when there is no summary text in the note content, but only X schedule cards, summary information of "X schedule cards" is generated and displayed. Specifically, the note application can be associated with the schedule. For example, when the meeting minutes are entered in the body of the note, the terminal device can be triggered to display a floating ball. The user can list the relevant schedules, and after clicking confirm, the schedule card is embedded in the note. When the user clicks on the relevant schedule card in the note view, the interface of the terminal device can jump to the interface of the application associated with the schedule card. For example, if the schedule card is an online meeting, when the user clicks on the schedule card, the interface jumps to the interface of the conference APP, which is convenient for the user to manage the schedule and perform schedule-related operations. Optionally, schedule-related thumbnails can also be displayed in the grid for user identification.

[0186] Optionally, when there is no summary text in the note content, but only X pages of handwritten notes, summary information of "Handwritten notes, X pages in total" or "X pages of handwritten notes in total" is generated and displayed.

[0187] Optionally, the attribute operation label displayed in the above attribute operation label position can be adapted and displayed according to the specific situation of the material, which will not be described in detail here.

[0188] In the above Fig. 22In Figure e, the summary information corresponding to each element type can be separated by punctuation marks, such as commas. If the text of the summary information generated by the terminal device is too long, punctuation "..." can be used to replace part of the text.

[0189] In some scenarios, the user may not need to view the note view with enhanced information, so the display mode can be switched. We call the display mode that displays enhanced information the enhanced mode, and the display mode that does not display enhanced information the simplified mode. Optionally, the enhanced mode and the simplified mode are only exemplary descriptions.

[0190] Users can switch from the simplified note view to the enhanced note view, or from the enhanced note view to the simplified note view. Fig.23 In the enhanced list view shown in the figure, the user can click the menu control, and the terminal device responds to the user's operation and pops up a menu bar. The menu bar includes: view, batch delete, sorting method and settings controls, and the user can Fig.23 Click the "View" control in the menu bar to enter the secondary page of view switching. In the secondary page of view switching, the menu bar changes, as shown in the figure. Fig.24 As shown in Figure a.

[0191] In order to describe the page changes in a targeted manner, Fig.24 In this example, only the page with the changed menu bar is used. The rest of the interface remains unchanged for the time being. In the secondary page of view switching, the menu bar can be seen as follows: Fig.24 As shown in Figure a, it contains the following controls: simple list, multi-line list, large grid, and small grid. The current note view is an enhanced list view, which corresponds to Fig.24 When the user clicks the "Simple List" control, the note view switches to a list view in simplified mode, for example Figure 3 As shown; when the user clicks Fig.24 The large grid in Figure a in the figure is shown in the figure. The note view is switched to the grid view in enhanced mode, for example Fig.17 As shown; when the user clicks Fig.24 The small grid in Figure a in the figure is displayed, and the note view is switched to the grid view in simplified mode, for example Fig.12 shown.

[0192] Optionally, the display method of the secondary page of the view switching can also refer to Fig.24 As shown in Figures c and d in the figure. Specifically, the classic list corresponds to Fig.24 The simple list in the a figure in the large notebook corresponds to Fig.24 The large grid in Figure a, the small notebook corresponds to Fig.24The user can switch to the corresponding view by clicking the corresponding control, which will not be described here.

[0193] Compared with the pop-up window selection method, the secondary page switching method of the above view switching is more lightweight and easy to implement, while reducing resource usage. Fig.23 In the menu bar, if the user clicks on the sorting method, the secondary page for switching the sorting method can be displayed, referring to the secondary page for switching the view described above, for example Fig.24 As shown in Figure b. Fig.24 In Figure b, it includes creation time, editing time and title. When the user clicks the creation time control, the note content can be sorted and displayed according to the time of creation; when the user clicks the editing time control, the note content can be sorted and displayed according to the time of editing; when the user clicks the title control, the note content can be sorted and displayed according to the title.

[0194] The secondary page for switching the above sorting methods is used to select the corresponding sorting method. Compared with selecting the sorting method in a pop-up window, the design is more lightweight and easy to implement, while reducing resource usage.

[0195] Optionally, the secondary page of the above view switching can also include a staggered grid (or simple grid) control. When the user clicks the staggered grid control, the note view switches to the staggered grid display mode, which can also be called waterfall view, for example Fig.25 Optionally, in the secondary page of view switching, the large grid can also correspond to the following Fig.26 The grid view shown. Fig.26 The grid size ratio Fig.16 The middle one is larger and displayed in two columns, which can show the information of the note content more clearly and facilitate user identification.

[0196] It should be noted that in the interface display method described above, if the user's note content does not come from many sources and the user does not classify the note content, the display method of enhanced information provided in the embodiment of the present application can enrich the display effect to a certain extent and facilitate user identification. If the user's note content comes from many sources and the user is good at storing the note content in different folders, the enhanced information displayed will be richer, whether it is a grid view or a list view, and even if the user's note content is large, the note content can be quickly identified based on the rich enhanced information.

[0197] Based on the above embodiment, the user can also share the note content. For example, when the user clicks an item card in the list view, or clicks a grid in the grid view, the terminal device can display the details of the corresponding note content. For example, when the user clicks an item card in the list view, see Figure 27 for details. Fig. 27 The note also includes a recording card, indicating that the note content contains recorded material. The recording card includes multiple function controls for recording, and the recording card can also display part or all of the text content converted from the recording. When the user clicks the share control in the details page of the note, the terminal device displays a share menu. The user can select the option of the object to be shared in the share menu as needed. Taking the user selecting the "Share as Picture" control as an example, the terminal device generates a picture of the details of the note as a picture to be shared in response to the user's click operation. Optionally, if the details page of the note content is text, the terminal device can generate a picture to be shared containing it. Optionally, if the details page of the note content also contains a recording, when sharing, the terminal device can convert the recording into text, and then generate a picture to be shared containing the text converted from the recording, for example Fig.28 As shown. Fig.28 In the interface, the objects to be shared can also be displayed at the bottom of the interface, including but not limited to: chat APP, email, office software, save picture, more and other icons (controls). Users can click on the object to share to share the note content.

[0198] Optionally, in the above Fig.28 If the user clicks "Contains speech-to-text content", the generated image to be shared can be seen in Fig.28 The picture shown in the preview area includes a title and text content converted from a recording, and the title and text content converted from a recording are shared to the object to be shared in the form of a card.

[0199] Optionally, Fig.28 The interface shown may also be the default option interface, that is, after the user clicks the Share as Picture control in the Share menu, the following is directly displayed: Fig. 27 The default state of "Contains speech-to-text content" is shown. Optionally, if the user clicks "Card image only", a picture to be shared containing only the card and / or image in the note content is generated, for example Fig.29 As shown, the user can click on the object to be shared and share the generated image to the corresponding object.

[0200] If the user unchecks "Include speech-to-text content" and does not select "Card image only", the interface may display as follows: Fig.30 The terminal device generates a picture to be shared based on the note content, for example Fig.30 The preview area in the .com file contains the text and images in the original note content. After that, the user can share it. This will not be repeated here. Fig.30 In the preview area shown, only the text in the original note content can be displayed without expanding the pictures in the original note content, and the pictures in the original note content can be folded. Based on this, in the generated picture to be shared, the text in the original note content is displayed normally, and the pictures in the original note content are folded.

[0201] Optionally, when the user clicks the share control on the corresponding page of the note, the terminal device may display multiple conversion items to be selected according to the type of material contained in the note content. Fig. 27 The displayed note content contains text, pictures and recording materials. Based on the type of recording material, the terminal device can display the corresponding conversion item "including voice-to-text content" to be selected; optionally, the terminal device can also display the corresponding conversion item "only card image" based on the type of picture material. After that, the user selects the content to be shared.

[0202] Optionally, when sharing as a picture, users can also set different note backgrounds according to their preferences or scenarios. Fig.31 A schematic diagram of exported pictures to be shared with multiple different note backgrounds is shown in FIG. Fig.31 The preview of the image to be shared generated by the default note background is shown. If the user does not actively set the note background, the default note background is used by default. The background color of the default note background is white, and does not contain icons, watermarks, layouts, etc. Fig.32 The figure shows a preview of the image to be shared, which is generated with the note background being the sketch paper background. Fig.33 and Fig.34 The preview images of the other two pictures to be shared are shown in the figure, which are generated with the background of sketch paper as the note background.

[0203] Optionally, in the above Figures 31 to 34 In the preview image shown, the watermark content "from note" is displayed. Users can edit the watermark information. Specifically, the user clicks on many controls in the note view and selects settings in the pop-up menu. The terminal device can display the following Fig.35 The settings editing page is shown. The user clicks the watermark control on the settings editing page, enters the watermark content to be added in the pop-up watermark editing window, such as "from notes", and then clicks the save control in the pop-up watermark editing window to complete the watermark content setting. After that, when the user shares the note content, the watermark content set by the user is automatically added to the shared picture.

[0204] Users can choose different note backgrounds as needed to generate pictures to be shared with different display effects.

[0205] Optionally, in the embodiment of the present application, Figure 31-Figure 34 Based on , multiple note backgrounds are added, including multiple simple modes and multiple business modes. Among them, the simple mode can be seen as follows Fig.36 As shown in Figures a, b, c and d, the background textures, background colors and layouts of the note backgrounds in these four simple modes are different. Fig.36 The a, b, c and d images in the figure also have their own thumbnails. For details, please refer to Fig.36 Figures e, f, g and h in Figure 1. Business models can be found in Figure 2. Fig.36 As shown in Figures i, j and k in the figure, the background texture, background color and layout of the note backgrounds of these three business modes are different, and the color of the note background of the business mode is darker than that of the note background of the simple mode, usually dark blue, dark brown, dark purple, etc. Fig.36 The i-image, j-image, and k-image in the image also have their own thumbnails. For details, see Fig.36 When the images to be shared are displayed in thumbnails, they can be displayed based on the thumbnails corresponding to the respective note backgrounds.

[0206] Next, we will introduce in detail how to select the above different note backgrounds. Fig. 27 Taking the sharing scenario shown in the figure as an example, when the user performs a sharing operation and clicks the "Share as Picture" control, the terminal device displays multiple templates to be selected, such as thumbnails of note backgrounds such as default, business, luxury, and ancient style. Fig.37 The interface shown.

[0207] Optionally, Fig.37 The zoom controls are also displayed in The user can click the zoom control to make the note content adjust in height. Fig.37 As shown, when the terminal device displays multiple templates to be selected, the area of ​​the note content may be occupied. Based on the user's click of the zoom control, the note content can be shortened appropriately, so that the user can view the complete note content without sliding up and down when multiple templates to be selected are displayed.

[0208] Optionally, the user can also Fig.37 In the interface, slide the thumbnails left and right to view and select the note background corresponding to the thumbnails of other note backgrounds. When the user selects a thumbnail, the preview area will update the background of the image to be shared to the note background corresponding to the thumbnail selected by the user. For example, if the user selects the thumbnail named "Business", the preview area will switch to the note background corresponding to "Business". Fig.38 shown.

[0209] Optionally, the user can also Fig.37 For example, the user clicks the font menu key ">", and the font menu bar is displayed in the terminal device interface, such as Fig.39 As shown in Figure a. Fig.39 In the interface of Figure a, after clicking the "Source Analytic Fonts" option, the terminal device automatically pops up the font menu bar page, returns to the note template selection interface, and automatically updates the font to Source Analytic Fonts, for example Fig.40 shown.

[0210] exist Fig.40 In the interface shown, if the user does not click the zoom control, they can swipe up and down to view the complete note content. Fig.41 Figure a in the figure is a schematic diagram of the interface before the user clicks the zoom control. Fig.41 In Figure a, the note content is not fully displayed. After the user clicks the zoom control, the interface can be seen as follows Fig.41 As shown in Figure b, the complete interface is displayed. Fig.42 This is a schematic diagram of the interface after the user clicks the zoom control. It can be seen that when the font menu bar is displayed again, the image to be shared in the preview area is adaptively reduced. After that, the user can click the save control to save the current template and font settings. The user can also click the save control to save the current settings.

[0211] Optionally, in Fig. 27 In the interface shown, after the user clicks the "Share as Picture" control, the terminal device can also display the following information based on the material type of the note content: Fig.43 The template menu bar is shown. Fig.43 Figure a and Figure b in the figure are preview diagrams when "Content with speech-to-text" and "Card image only" are selected respectively. Fig.44 This is a preview diagram when neither "Content with speech-to-text" nor "Card image only" is selected.

[0212] Optionally, the template menu bar can also refer to Fig.45 Display method in . Fig.45 Figure a in the figure is a schematic diagram of the interface in the horizontal screen scenario. The left side is the preview area of ​​the picture to be shared, and the right side is the template menu bar. Fig.45As shown in Figure a, the template menu bar includes multiple font controls to be selected and multiple template controls to be selected. Each font control represents a font, and the user can click the font control corresponding to the required font to switch the font form of the displayed text. Each template control represents a note background template, and the user can click the template control corresponding to the required note background to switch the template form of the displayed note background. Optionally, the font control can be displayed above the template control. Optionally, based on Fig.45 The display mode of the template menu bar shown in Figure a in the figure, and the interface diagram applied in the vertical screen scene can be seen in Fig.45 As described in Figure b. Fig.45 The detailed description of each control in the above can be found in the previous article, which will not be repeated here. Optionally, a save control and a share control can also be displayed in the template menu bar. The user clicks the save control to save the set font and template, and can also click the share control to share the note content.

[0213] The above describes in detail an example of the interface display method provided by the present application. It is understandable that, in order to implement the above functions, the corresponding device includes a hardware structure and / or software module corresponding to the execution of each function. Those skilled in the art should easily realize that, in combination with the units and algorithm steps of each example described in the embodiments disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of the present application.

[0214] The present application can divide the functional modules of the interface display device according to the above method example. For example, each function can be divided into each functional module, or two or more functions can be integrated into one module. The above integrated modules can be implemented in the form of hardware or in the form of software functional modules. It should be noted that the division of modules in the present application is schematic and is only a logical functional division. There may be other division methods in actual implementation.

[0215] The present application provides an interface display device. The specific manner in which the interface display device executes the interface display method described above and the beneficial effects produced can be found in the relevant description of the method embodiment, which will not be repeated here.

[0216] The present application also provides an electronic device, including the above processor. The electronic device provided by this embodiment can be Figure 1The terminal device 100 shown is used to execute the above-mentioned interface display method. In the case of an integrated unit, the terminal device may include a processing module, a storage module and a communication module. Among them, the processing module can be used to control and manage the actions of the terminal device, for example, it can be used to support the terminal device to execute the steps performed by the display unit, the detection unit and the processing unit. The storage module can be used to support the terminal device to execute and store program codes and data, etc. The communication module can be used to support the communication between the terminal device and other devices.

[0217] Among them, the processing module can be a processor or a controller. It can implement or execute various exemplary logic boxes, modules and circuits described in conjunction with the disclosure of this application. The processor can also be a combination that implements computing functions, such as a combination of one or more microprocessors, a combination of digital signal processor (DSP) and a microprocessor, etc. The storage module can be a memory. The communication module can specifically be a device that interacts with other terminal devices, such as a radio frequency circuit, a Bluetooth chip, a Wi-Fi chip, etc.

[0218] In one embodiment, when the processing module is a processor and the storage module is a memory, the terminal device involved in this embodiment may be a Figure 1 Device of the structure shown.

[0219] An embodiment of the present application further provides a computer-readable storage medium, in which a computer program is stored. When the computer program is executed by a processor, the processor executes the interface display method described in any of the above embodiments.

[0220] The embodiment of the present application also provides a computer program product. When the computer program product is run on a computer, the computer is caused to execute the above-mentioned related steps to implement the interface display method in the above-mentioned embodiment.

[0221] Among them, the electronic device, computer-readable storage medium, computer program product or chip provided in this embodiment are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding methods provided above and will not be repeated here.

[0222] In several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic, for example, the division of modules or units is only a logical function division, and there may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, the replaced units may or may not be physically separated, and the components displayed as units may be one physical unit or multiple physical units, that is, they may be located in one place, or they may be distributed in multiple different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the scheme of this embodiment.

[0223] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0224] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium, including several instructions to enable a device (which can be a single-chip microcomputer, chip, etc.) or a processor (processor) to perform all or part of the steps of the various embodiments of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read only memory (ROM), random access memory (RAM), disk or optical disk and other media that can store program code.

[0225] The above contents are only specific implementation methods of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with the technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.

Claims

1. An interface display method, characterized in that: Used in electronic equipment, including: receiving a first operation of a user, where the first operation is an operation of opening a note application; In response to the first operation, a note view is displayed, the note view includes at least one note sub-view, the first note sub-view includes an enhanced information bar, an enhanced information bit is set in the enhanced information bar, enhanced information is displayed in the enhanced information bit, the first note sub-view is any one of the at least one note sub-view, and the enhanced information is used to characterize the relationship of the first note content corresponding to the first note sub-view.

2. The method according to claim 1, characterized in that The enhanced information includes: source information of the note content, the name of the folder to which the note content belongs, the note time of the note content and the material type of the note content.

3. The method according to claim 1, characterized in that The note view is a list view, and the first note subview includes a first enhanced information column and a second enhanced information column; The enhanced information bits set in the first enhanced information column include: part or all of the title bit, attribute operation class label bit, summary content bit and legend bit; The title of the first note content is displayed in the title position; The attribute operation label position displays an attribute operation icon of the first note content; The summary content position displays a summary text of the first note content; A thumbnail of a picture of the first note content is displayed in the legend position; The enhanced information bits set in the second enhanced information column include: part or all of the source bit, the folder bit, the note time bit, and the content type tag bit; The source position displays source information of the first note content, and the source information includes a source application and / or a source web page; The folder to which the first note content belongs is displayed in the folder to which the first note content belongs; The note time position displays the note time of the first note content, and the note time is the recording time or the generation time; The content-type tag position displays a content-type tag corresponding to the first note content, and the content-type tag is used to represent an icon corresponding to a material type in the first note content.

4. The method according to claim 3, characterized in that The area of ​​the first enhanced information column is larger than the area of ​​the second enhanced information column.

5. The method according to claim 4, characterized in that The method further comprises: receiving a user's dragging operation on a dividing line between the first enhanced information bar and the second enhanced information bar; In response to the drag operation, the position of the dividing line is updated so that the area sizes of the first enhanced information column and the second enhanced information column are changed.

6. The method according to claim 1, characterized in that The note view is a grid view, and the first note subview includes a third enhanced information column and a fourth enhanced information column; The enhanced information bits set in the third enhanced information column include: part or all of the source bit, summary content bit and legend bit; The source position displays source information of the first note content, and the source information includes a source application and / or a source web page; The summary content position displays a summary text of the first note content; A thumbnail of a picture of the first note content is displayed in the legend position; The enhanced information bits set in the fourth enhanced information column include: part or all of the title bit, attribute operation type label bit, belonging folder bit, note time bit and content type label bit; The title of the first note content is displayed in the title position; The attribute operation label position displays an attribute operation icon of the first note content; The folder to which the first note content belongs is displayed in the folder to which the first note content belongs; The note time position displays the note time of the first note content, and the note time is the recording time or the generation time; The content-type tag position displays a content-type tag corresponding to the first note content, and the content-type tag is used to represent an icon corresponding to a material type in the first note content.

7. The method according to any one of claims 3 to 6, characterized in that The attribute operation icons include: a text note icon, a handwritten note icon, a favorite icon, and some or all of the specified icons; The content tags include: part or all of: videos, recordings, PDF documents, card collections, document scans, tables, lists, scanned documents, and schedules.

8. The method according to claim 7, characterized in that The priority order of the enhanced information bits is from high to low: the folder bit and the note time bit, the source bit, and the content type tag bit.

9. The method according to claim 7, characterized in that: The priority order of the content tags from high to low is: video, recording, PDF document, card collection, document scan, form, list, scanned document and schedule.

10. The method according to any one of claims 3 to 6, characterized in that The note time bit, the attribute operation label bit and the folder bit are fixed enhancement bits; The title bit, source bit, summary content bit, legend bit and content type label bit are non-fixed enhancement bits.

11. The method according to any one of claims 3 to 6, characterized in that If there is no text content in the first note content, the method further includes: Obtaining the material types in the first note content, the material types including: part or all of pictures, scanned pictures, recordings, video excerpts, attachments, web pages, tables, and schedule cards, and the attachments including PDF files, table files, compressed files, and audio files; Generate a material summary text according to the material type, wherein the material summary text is used to represent the material type and the quantity of materials corresponding to the material type; The material summary text is displayed in the summary content position.

12. The method according to claim 3, characterized in that The method further comprises: receiving a second operation input by a user; In response to the second operation, displaying a first-level page, wherein the first-level page includes a view control; receiving a third operation performed by the user on the view control; In response to the third operation, a secondary page is displayed, wherein the secondary page includes: a simple list, a multi-line list, a large grid, and a small grid control, wherein the multi-line list is in a selected state; In response to a fourth operation performed by the user on the simple list, a simple list view is displayed, in which the source bit and the content category tag bit do not exist.

13. The method according to claim 12, characterized in that The method further comprises: In response to a fifth operation of the user sharing the first note content, the first note content is generated into a to-be-shared picture, and the to-be-shared picture is shared to a to-be-shared object.

14. The method according to claim 13, characterized in that The pictures to be shared include the text and / or pictures in the first note content.

15. The method according to claim 13, characterized in that The first note content includes a recording, and the picture to be shared includes a converted text obtained by converting the recording.

16. An electronic device, characterized in that: include: Processors, memory, and interfaces; The processor, the memory and the interface cooperate with each other so that the electronic device executes the method as claimed in any one of claims 1 to 15.

17. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the processor is caused to perform the method according to any one of claims 1 to 15.

Images