CN112230906A - List control creating method, device and equipment and readable storage medium - Google Patents

List control creating method, device and equipment and readable storage medium Download PDF

Info

Publication number
CN112230906A
CN112230906A CN201910635572.XA CN201910635572A CN112230906A CN 112230906 A CN112230906 A CN 112230906A CN 201910635572 A CN201910635572 A CN 201910635572A CN 112230906 A CN112230906 A CN 112230906A
Authority
CN
China
Prior art keywords
program
interface
file
target
display
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201910635572.XA
Other languages
Chinese (zh)
Other versions
CN112230906B (en
Inventor
刘历
宿海成
蔡雨利
郭沛然
朱仕达
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201910635572.XA priority Critical patent/CN112230906B/en
Publication of CN112230906A publication Critical patent/CN112230906A/en
Application granted granted Critical
Publication of CN112230906B publication Critical patent/CN112230906B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02PCLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/02Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]

Abstract

The application discloses a method, a device and equipment for creating a list control and a readable storage medium, and relates to the field of program design. The method comprises the following steps: displaying a production interface for producing the small program in the visual production program, wherein the production interface comprises an editing area; displaying an electronic form display interface, wherein the target form file comprises at least one form element; receiving a table importing operation, and importing a target table file into a visual manufacturing program; and displaying a list control corresponding to the target form file in the editing area according to the form import operation. By importing the target table file into the production interface of the small program in the visual production program in an importing mode, the corresponding list control is automatically generated in the editing area according to the target table file, table contents in the target table file do not need to be edited in a code mode one by one, and the generation efficiency of the list control is improved.

Description

List control creating method, device and equipment and readable storage medium
Technical Field
The embodiment of the application relates to the field of program design, in particular to a method, a device and equipment for creating a list control and a readable storage medium.
Background
The applet is an application program that can be applied without downloading and installing, optionally, the applet is a program that runs depending on the host program, after selecting the target applet, the applet directly displays the application interface of the target applet in the interface of the host program without installing the target applet, and the applet is developed by a developer through a development tool and then pushed to an applet publishing server for publishing.
In the related art, when an applet needs to be developed, a developer needs to download a developer tool and a development document from a program platform of a host program. And the developer writes, compiles and debugs the code by using a developer tool according to the requirements specified on the development document. When the list control is added, a developer needs to import the content in the list control (that is, add a list item in the list control) by code writing, where the list control is used to represent a control that displays list items in a manner of being arranged in sequence from top to bottom.
However, when the list control is increased in the above manner, because the number of list items in the list control is large and the complexity of content composition is high, the code writing process corresponding to the list control is complicated, the workload is large, and the creation process of the list control is complicated.
Disclosure of Invention
The embodiment of the application provides a method, a device and equipment for creating a list control and a readable storage medium, and can solve the problems that the process of converting a data table into a code form is complicated, the workload is high, and the creating process of list contents is complicated. The technical scheme is as follows:
in one aspect, a method for creating a list control is provided, where the method includes:
displaying a production interface for producing an applet in a visual production program, wherein the production interface comprises an editing area, the editing area is used for previewing a program interface of the applet in a production process, and the applet is a program which runs depending on a host program;
displaying an electronic form display interface, wherein a target form file is displayed in the electronic form display interface, and the target form file comprises at least one form element;
receiving a form import operation, wherein the form import operation is used for importing the target form file into the visual making program;
and displaying a list control corresponding to the target table file in the editing area according to the table import operation, wherein a corresponding relation exists between a list item in the list control and a table element in the target table file.
In another aspect, an apparatus for creating a list control is provided, the apparatus including:
the system comprises a display module, a display module and a display module, wherein the display module is used for displaying a production interface for producing the small program in a visual production program, the production interface comprises an editing area, the editing area is used for previewing a program interface of the small program in a production process, and the small program is a program which runs depending on a host program;
the display module is further configured to display an electronic form display interface, where a target form file is displayed in the electronic form display interface, and the target form file includes at least one form element;
the receiving module is used for receiving a table importing operation, and the table importing operation is used for importing the target table file into the visual making program;
the display module is further configured to display a list control corresponding to the target table file in the editing area according to the table import operation, where a corresponding relationship exists between a list item in the list control and a table element in the target table file.
In another aspect, a computer device is provided, which includes a processor and a memory, where at least one instruction, at least one program, a set of codes, or a set of instructions is stored in the memory, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by the processor to implement the method for creating a list control as provided in the embodiments of the present application.
In another aspect, a computer-readable storage medium is provided, in which at least one instruction, at least one program, a set of codes, or a set of instructions is stored, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by the processor to implement the method for creating a list control as provided in the embodiments of the present application.
In another aspect, a computer program product is provided, which when running on a computer causes the computer to execute the method for creating a list control as provided in the embodiments of the present application.
The beneficial effects brought by the technical scheme provided by the embodiment of the application at least comprise:
the target table file is imported into a production interface of the small program in an importing mode in the visual production program, so that a corresponding list control is automatically generated according to the target table file in an editing area, the list control generation process is automatically performed through the import of the target table file, and table contents in the target table file do not need to be edited in a code mode one by one, the list control generation efficiency is improved, and the small program production efficiency is improved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a development interface diagram of a visualization production program during program development according to an exemplary embodiment of the present application;
FIG. 2 is a flowchart of a method for creating a list control provided by an exemplary embodiment of the present application;
FIG. 3 is a flow chart of a method for creating a list control provided by another exemplary embodiment of the present application;
FIG. 4 is a schematic diagram of a multitask mode triggering process provided in accordance with the embodiment illustrated in FIG. 3;
FIG. 5 is a schematic diagram of an import process for a target form file provided based on the embodiment shown in FIG. 3;
FIG. 6 is a schematic diagram of a process for selecting a visualization production program and importing a target form file by displaying a candidate application list according to the embodiment shown in FIG. 3;
FIG. 7 is a flowchart of a method for creating a list control provided by another exemplary embodiment of the present application;
FIG. 8 is a diagram of a list control corresponding to a target form file provided in accordance with the embodiment shown in FIG. 7;
FIG. 9 is a schematic diagram of a process for adjusting a list control provided in accordance with the embodiment shown in FIG. 7;
FIG. 10 is a schematic diagram of a process for previewing an applet provided in accordance with the embodiment shown in FIG. 7;
FIG. 11 is a flowchart of a method for creating a list control provided by another exemplary embodiment of the present application;
FIG. 12 is a block diagram of an apparatus for creating a list control according to an exemplary embodiment of the present application;
FIG. 13 is a block diagram of an apparatus for creating a list control according to another exemplary embodiment of the present application;
fig. 14 is a block diagram of a terminal according to an exemplary embodiment of the present application.
Detailed Description
To make the objects, technical solutions and advantages of the present application more clear, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.
Visual production program: the present invention relates to a program for displaying a program creation process in a visual preview manner to assist creation, and optionally, the visual creation program may be a program that is programmed by a code and generates preview content in an editing area according to code input, or may be a program that automatically generates code data after editing interface content by adding interface content directly in the editing area.
Alternatively, the visualization creation program may be a program for creating an applet or a program for creating a general program, and in the embodiment of the present application, creation of an applet by the visualization creation program is described as an example.
Optionally, the program Interface generally includes User Interface (UI) elements such as a control, text content, picture content, an input box, an option box, a state switch, and a table, in the visualization making program provided in the embodiment of the present application, a display panel area is added around the editing area, and a basic UI element is displayed in the panel area, so that a developer selects the basic UI element in the panel area, and obtains the display element in the program Interface of the applet after typesetting and editing the basic UI element in the development process of the applet.
Fig. 1 is a schematic diagram of a development interface of a visualization making program during program development, as shown in fig. 1, the development interface 100 includes an editing area 110 and a panel area 120, where the editing area 110 is used to preview an interface of the development program, the panel area 120 includes a basic control element 121, a basic text element 122, a basic picture element 123, a basic input box 124, a basic option box 125, a basic state switch 126, and a basic table 127, and a developer adds a basic UI element to the editing area 110 by selecting the basic UI element in the panel, and performs composition and content editing on the basic UI element, thereby implementing development of the development program.
Illustratively, the application scenarios related to the present application at least include the following scenarios:
the terminal has a visualization creation program installed therein, and the visualization creation program is provided with a function of developing the applet in a visualization creation manner. Alternatively, the visualization creation program may be a program for creating an applet or a program for creating a general application. Optionally, in the process of developing the applet, the production interface of the visual production program includes an editing area, and the editing area is used for previewing the program interface of the applet. The developer imports the target form file into the visualization creation program, thereby displaying the list control corresponding to the target form file in the editing area. Optionally, the developer can import the target form file into the visualization making program in any one of the following manners, so as to add and display a list control corresponding to the target form file in the editing area:
firstly, a table application program is further installed in the terminal, the table application program comprises the target table file, a developer triggers the terminal to switch to a multitask mode through triggering operation, a production interface of a visual production program and an electronic table display interface of the table application program are displayed in parallel in the terminal interface in the multitask mode, the target table file is displayed in the electronic table display interface, dragging operation on the target table file is received, and therefore the target table file is led into the visual production program from the table application program;
illustratively, a form program a is installed in the terminal, the form program a includes a form file b, and after a developer triggers the terminal display mode to switch to the multitask mode in the process of making the applet in the visual making program, the terminal reduces the making interface of the visual making program by a preset proportion, the making interface and the spreadsheet display interface of the form program a are displayed in parallel in the terminal interface, the form file b is displayed in the spreadsheet display interface, and the developer starts to perform a dragging operation from the form file b and guides the form file b into the visual making program after the dragging is terminated at any position in the making interface.
Secondly, the terminal receives the form files sent by other terminals through a short-distance wireless communication technology (such as Bluetooth, Zigbee technology, Airdrop technology and the like), displays candidate application programs for applying the form files after receiving the form files, wherein the candidate application programs comprise the visual making program, and imports the form files into the visual making program after a developer selects the visual making program.
It should be noted that the above application scenarios are only illustrative examples, and in actual operation, the list control creation method provided in the embodiment of the present application may be used for creating an application scenario of a list control corresponding to a form file by importing the form file into a visualization making program, which is not limited in the embodiment of the present application.
With reference to the application scenario and the introduction of the visualization production program, fig. 2 is a flowchart of a method for creating a list control according to an exemplary embodiment of the present application, and the method is applied to a terminal for example, as shown in fig. 2, the method includes:
step 201, displaying a production interface for producing the small program in the visual production program.
Optionally, the authoring interface includes an editing area, and the editing area is used for previewing the program interface of the applet in the authoring process.
Optionally, the applet is a program that runs depending on the host program, that is, before running the applet, the applet needs to run on the basis of the running of the host program after running the host program. Optionally, the host program is provided with at least one applet, and when a user needs to apply any one target applet, after the host program is run, the target applet is searched in the applet set provided by the host program, and then the target applet is directly started. Optionally, when the terminal runs the target applet, the target applet does not need to be installed, and the application to the target applet can be realized by directly obtaining the package of the target applet from the server and running the program content in the package. Optionally, the host program includes at least one of an instant messaging program, a multimedia program, a financial management program, a game program, a takeout program, a shopping program, and a taxi taking program, and the program type of the host program is not limited in this embodiment of the application.
Optionally, the visualization making program is configured to display a making process in a visualization preview manner to assist making of the applet, where the editing area is a visualization area of the making process, preview the program interface of the applet in the editing area, and add, delete, or modify content in the program interface in the preview process, so as to achieve intuitive editing of the program interface of the applet.
Optionally, the production interface further includes a panel area, where the panel area includes a basic UI element for designing the program interface, and the UI element in the program interface is obtained by adding the basic UI element to the editing area (for example, dragging the basic UI element to the editing area), and performing composition and content editing on the basic UI element.
Optionally, the currently displayed interface in the editing area is one of the program interfaces in the applets, and the program interface is an interface of the to-be-added list control.
Step 202, displaying an electronic form display interface, wherein the electronic form display interface displays a target form file.
Optionally, the target table file includes at least one table element therein. Optionally, each table element corresponds to at least one data item. Optionally, each table element corresponds to one row or one column in the target table file, where the row may be a single row, or a row obtained by combining multiple rows; one column may be a single column or a column obtained by combining a plurality of columns.
Illustratively, an object form file is taken as a student archive file for example, the student archive file includes data corresponding to 4 students, the 4 students correspond to 4 form elements, each student corresponds to three data of age, grade and class, each form element corresponds to three data of age, grade and class, and the student archive file is shown in the following table one:
watch 1
Student's desk Age (age) Grade of year Class of class
1 8 2 2
2 9 3 5
3 8 2 7
4 10 4 1
As shown in the above table, the student 1 corresponds to a first table element, and the first table element sequentially includes data 8, 2, and 2 for indicating that the student 1 is 8 years old and 2 shifts in 2 years; student 2 corresponds to a second table element, and the second table element sequentially comprises data 9, 3 and 5 for indicating that the student 2 is 9 years old and 5 shifts in 3 grades; student 3 corresponds to a third form element, which includes data 8, 2, and 7 in turn for indicating that student 3 is 8 years old and 7 shifts in grade 2; the fourth table element in turn includes data 10, 4, 1 for indicating that the student 4 is 10 years old, class 1 on 4.
It should be noted that, in the above table i, a row of data is taken as an example of a table element corresponding to a student, and in actual operation, a column of data may also be taken as a table element in the target table file.
Optionally, the target electronic form may be a table file in an Excel format, a file in a Comma-Separated Values (CSV) format, or a file in another table format, which is not limited in this embodiment of the application.
Optionally, the display mode of the spreadsheet interface includes at least one of the following modes:
firstly, after the display mode of the terminal is switched to a multitask mode, an electronic form display interface and a production interface of a form application program are displayed in a terminal interface in parallel in the multitask mode;
secondly, calling the spreadsheet application program in the visual manufacturing program, so as to display the spreadsheet display interface on the manufacturing interface in an overlapping manner;
and thirdly, after receiving the target form file transmitted by other terminals through the short-distance wireless communication technology, the terminal displays an electronic file display interface corresponding to the target form file.
Step 203, receiving a table import operation.
Optionally, the form import operation is to import a target form file into the visualization production program.
Optionally, the table importing operation may be implemented as a dragging operation of dragging the target table file to a production interface of the visual production program, and may also be implemented as a selecting operation of selecting the target table file, which is not limited in this embodiment of the application.
And 204, displaying a list control corresponding to the target form file in the editing area according to the form import operation.
Optionally, there is a correspondence between a list item in the list control and a table element in the target table file. Illustratively, the ith table element in the target table file corresponds to the ith list item in the list control, and i is a positive integer, optionally, the ith table element in the target table file may also correspond to other list items in the list control, and the corresponding relationship between the table element and the list item is not limited in the embodiment of the present application.
Optionally, when the ith table element corresponds to the ith row in the target table file, the contents of m cells in the ith row correspond to m display elements at different positions in the ith list item; when the ith table element corresponds to the ith column in the target table file, the contents of m cells in the ith column correspond to m display elements at different positions in the ith list item, and m is a positive integer.
Optionally, the list control is in a form of displaying the content in the target table file in a list form, where an ith list item in the list control is used to display an ith table element in the target table file. Optionally, each table element in the target table file corresponds to at least one data item, and when the table element correspondingly includes at least two data items, the data items in the table element are typeset and displayed in the ith list item in the list control in a preset typesetting manner according to the data type.
Optionally, a code logic corresponding to the list control is added to a package of the applet according to a display mode of the list control in the editing area, so that the applet with the list control added thereto is obtained.
In summary, according to the method for creating a list control provided by this embodiment, the target form file is imported into the production interface of the applet in an import manner in the visual production program, so that the corresponding list control is automatically generated according to the target form file in the editing area, and the generation process of the list control is automatically performed by importing the target form file without editing the form content in the target form file in a code form one by one, so that the generation efficiency of the list control is improved, and the production efficiency of the applet is improved.
In an optional embodiment, the display mode of the spreadsheet display interface includes: 1. displaying in a multitasking mode; 2. calling and displaying through a program; 3. displaying through receiving the target table file; for different display modes, the mode of importing the target form file may also be different, fig. 3 is a flowchart of a method for creating a list control according to another exemplary embodiment of the present application, which is described by taking the method as an example when the method is applied to a terminal, as shown in fig. 3, the method includes:
and 301, displaying a production interface for producing the small program in the visual production program.
Optionally, the authoring interface includes an editing area, and the editing area is used for previewing the program interface of the applet in the authoring process.
Optionally, the visualization making program is configured to display a making process in a visualization preview manner to assist making of the applet, where the editing area is a visualization area of the making process, preview the program interface of the applet in the editing area, and add, delete, or modify content in the program interface in the preview process, so as to achieve intuitive editing of the program interface of the applet.
Step 302, receiving a multitask trigger operation.
Optionally, the multitask triggering operation is configured to switch a display mode of the terminal to a multitask mode, where the multitask mode is a display mode in which display interfaces of at least two applications are displayed in parallel in a terminal interface.
Optionally, the triggering manner of the multitask triggering operation may be different for different terminals, and illustratively, the multitask triggering operation may be implemented in at least one of the following manners:
firstly, the terminal comprises a homepage key (Home key), and double pressing is carried out on the Home key to serve as the multi-task triggering operation;
secondly, sliding upwards from the lower side edge of the terminal display screen to a preset screen range to serve as the multitask trigger operation;
and thirdly, long-time pressing of a Home key of the terminal is used as the multitask triggering operation.
The above-mentioned triggering manner of the multitask triggering operation is only an illustrative example in the embodiment of the present application, and in actual operation, the multitask triggering operation may also be implemented by other manners, which is not limited in the embodiment of the present application.
And 303, displaying the production interface and the electronic form display interface in parallel in the terminal interface according to the multitask triggering operation.
Optionally, the spreadsheet display interface is an interface corresponding to a spreadsheet application.
Optionally, when the display mode of the terminal is the multitask mode, the terminal displays interfaces of the applications that have been started in the foreground and the background in the terminal interface in a parallel manner, or the terminal displays the interfaces of the applications that have been started in the foreground and the preset applications in the terminal interface in a parallel manner, for example: and if the application program operated on the foreground of the current terminal is a visual manufacturing program and the preset application program is a form application program, triggering the multi-task mode, and then displaying the manufacturing interface of the visual manufacturing program and the electronic form display interface of the form application program in parallel in the terminal interface.
Optionally, when the display mode of the terminal is switched to the multitasking mode, the interface of the selected application (or the preset application) may be displayed in an overlapping manner on the interface of the application currently running in the foreground, for example: and if the application program operated by the foreground of the current terminal is a visual manufacturing program and the preset application program is a form application program, triggering the multitask mode, and then overlapping and displaying an electronic form display interface of the form application program on the manufacturing interface of the visual manufacturing program. Optionally, when the spreadsheet display interface is displayed on the production interface in an overlapping manner, the spreadsheet display interface is displayed on the production interface in an overlapping manner in a preset area, wherein the preset area is an area without intersection with the editing area or is an area connected with the editing area.
Fig. 4 is a schematic diagram of a multitask mode triggering process provided in an exemplary embodiment of the present application, and as shown in fig. 4, a production interface 400 of a visual production program is displayed in a current terminal display interface, where the production interface 400 includes an editing area 410, a preset program is a table application program, and when a user triggers the multitask mode to be a display mode through a multitask triggering operation on a terminal, a spreadsheet display interface 420 is displayed on the production interface 400 in an overlapping manner, a table file list 430 is displayed in the spreadsheet display interface 420, and the table file list 430 includes a target table file 431.
At step 304, a procedure call operation is received.
Optionally, the program call operation is used to call a table application in the visualization production program, where the table application stores a target table file.
Alternatively, the form application may be a program for performing operations such as editing, modifying, deleting, and the like on a form, and the target form file is stored after the form application performs processing such as editing, modifying, and the like on the target form file, so that the visualization making program can apply the target form file in the form application by calling the form application.
Alternatively, the target form file may be received by another application installed in the terminal and stored in the form application.
Optionally, the visualization making program includes a call control, and the table application program is directly called by triggering the call control, or a program list is displayed by triggering the call control, where the program list includes the table application program, and the table application program is called after receiving a selection operation on the table application program in the program list.
And 305, overlaying and displaying a spreadsheet display interface on the manufacturing interface according to the program calling operation.
Optionally, the spreadsheet display interface is an interface corresponding to a spreadsheet application.
Optionally, when the spreadsheet display interface is displayed on the production interface in an overlapping manner, the spreadsheet display interface is displayed on the production interface in an overlapping manner in a preset area, wherein the preset area is an area without intersection with the editing area or is an area connected with the editing area.
It should be noted that the above table application program can also be implemented as other application programs that can apply the table, such as: instant messaging application, mailbox application, favorites application, and the like.
Step 306, receiving a drag operation on the target form file as a form import operation.
Optionally, the starting point of the dragging operation is located at any point on the target form file in the electronic form display interface, and the ending point of the dragging operation is located within the preset area range in the production interface.
Optionally, the electronic form display interface includes a form file list, each item in the form file list corresponds to one form file, where the target form file corresponds to a target item in the form file list, and a file identifier of the target form file is displayed in the target item, where: file name, file path, etc., and the starting point of the drag operation is located at any point on the target item.
Optionally, the termination point of the dragging operation is located in an area range corresponding to the editing area in the production interface, or the termination point of the dragging operation is located at any point in the production interface.
Illustratively, as shown in fig. 5, a spreadsheet display interface 520 is displayed on the preparation interface 510 in an overlapping manner, the preparation interface 510 further includes an editing area 511, a target item 521 corresponding to a target spreadsheet file is displayed on the spreadsheet display interface 520, a drag operation on the target item 521 is received, a termination point of the drag operation is located at any point in the editing area 511, and a list control 530 corresponding to the target spreadsheet file is displayed in the editing area 511 according to the drag operation.
Step 307, receiving a target form file, wherein the target form file is a file received through a short-distance wireless communication technology.
Optionally, the short-range wireless communication technology includes: bluetooth technology, ZigBee technology of ZigBee, Airdrop technology, etc. Optionally, the form file is a file sent by a sending terminal in a communication range of the short-distance wireless communication technology with the current terminal to the current terminal.
Step 308, displaying candidate application programs for applying the target table file, wherein the candidate application programs comprise a visualization making program.
Optionally, the candidate application includes a program capable of applying the target table, and illustratively, the candidate application includes at least one of the following applications: 1. the instant messaging application program is used for sharing the target form file; 2. a table application for editing the target table file; 3. the mailbox application program is used for sending the target file; 4. the collection application program is used for collecting the target table file; 5. and the visual creating program is used for importing the target table file into a creating interface of the small program.
Alternatively, when displaying the candidate applications, the list of candidate applications may be displayed superimposed on the darkened interface after the interface of the application running in the precursor is darkened.
Step 309, a first selection operation for a visualization production program is received.
Optionally, the first selection operation is used to instruct application of the target form file by the visualization production program.
Alternatively, the first selection operation may be implemented as at least one of a single-click operation, a double-click operation, a long-press operation, and a slide operation.
Step 310, displaying a spreadsheet display interface according to the first selection operation.
Optionally, a target form file is displayed in the spreadsheet display interface, and the spreadsheet display interface is configured to determine an application manner of the visualization making program to the target form file.
Step 311, receiving a second selection operation on the import control, and determining a form import operation for importing the spreadsheet file into the visualization making program.
Optionally, an import control is further included in the spreadsheet display interface, and the spreadsheet file is imported into the visualization making program by receiving a second selection operation on the import control.
For example, referring to fig. 6, when the short-distance wireless communication technology is an Airdrop technology, a current terminal receives a target form file sent by a sending terminal through the Airdrop, displays a candidate application list 610, where the candidate application list 610 includes a visualization making program 611, receives a first selection operation on the visualization making program 611, displays an electronic form display interface 620, where the electronic form display interface 620 includes an import control 621 and an import cancellation control 622, and when a second selection operation on the import control 621 is received, imports the target form file into the visualization making program 611, and displays a list control 640 corresponding to the target form file in an editing area 631 of the making interface 630.
And step 312, displaying a list control corresponding to the target form file in the editing area according to the form import operation.
Optionally, there is a correspondence between a list item in the list control and a table element in the target table file. Illustratively, the ith table element in the target table file corresponds to the ith list item in the list control, and i is a positive integer, optionally, the ith table element in the target table file may also correspond to other list items in the list control, and the corresponding relationship between the table element and the list item is not limited in the embodiment of the present application.
Optionally, when the list control is displayed according to the table import operation, the list control may be directly displayed in the edit area according to the table import operation, or a preset area may be set in the production interface for displaying the list of the table files imported into the visual production program, and when a selection operation on a target file is received (for example, a target table file in the list of the table files is dragged into the edit area), the list control corresponding to the target table file is displayed in the edit area.
Optionally, a code logic corresponding to the list control is added to a package of the applet according to a display mode of the list control in the editing area, so that the applet with the list control added thereto is obtained.
In summary, according to the method for creating a list control provided by this embodiment, the target form file is imported into the production interface of the applet in an import manner in the visual production program, so that the corresponding list control is automatically generated according to the target form file in the editing area, and the generation process of the list control is automatically performed by importing the target form file without editing the form content in the target form file in a code form one by one, so that the generation efficiency of the list control is improved, and the production efficiency of the applet is improved.
According to the method provided by the embodiment, the terminal is switched to the multitask mode to display, and the target table file displayed in the table application program is imported into the visual production program which is displayed in parallel in the multitask mode, so that the target table file is imported efficiently, and the complicated step of editing the table content in the target table file in a code form one by one is avoided.
According to the method provided by the embodiment, the table application program is called in the visual production program, so that the target table file in the table application program is imported into the visual production program, the target table file is efficiently imported, and the complicated step of editing the table content in the target table file in a code form one by one is avoided.
According to the method provided by the embodiment, after the target form file sent by the sending terminal is received through the short-distance wireless communication technology, the visual making program is selected according to the candidate application program displayed after receiving, so that the high-efficiency import of the target form file is realized, and the complicated step of editing the form content in the target form file one by one in a code form is avoided.
In an optional embodiment, after the list control is generated, a unified adjustment of the entire list control may be further implemented by performing an adjustment operation on a single list item, fig. 7 is a flowchart of a method for creating a list control according to another exemplary embodiment of the present application, and for example, the method is applied to a terminal, as shown in fig. 7, the method includes:
and step 701, displaying a production interface for producing the small program in the visual production program.
Optionally, the authoring interface includes an editing area, and the editing area is used for previewing the program interface of the applet in the authoring process.
Optionally, the visualization making program is configured to display a making process in a visualization preview manner to assist making of the applet, where the editing area is a visualization area of the making process, preview the program interface of the applet in the editing area, and add, delete, or modify content in the program interface in the preview process, so as to achieve intuitive editing of the program interface of the applet.
Step 702, displaying an electronic form display interface, wherein a target form file is displayed in the electronic form display interface.
Optionally, the target table file includes at least one table element therein. Optionally, each table element corresponds to at least one data item.
Optionally, the one table element may be a table element divided by rows in the target table file, or may be a table element divided by columns.
Optionally, the target electronic form may be a form file in an excel format, a file in a Comma-Separated Values (CSV) format, or a file in another form format, which is not limited in this embodiment of the application.
Optionally, the display mode of the spreadsheet interface includes at least one of the following modes:
firstly, after the display mode of the terminal is switched to a multitask mode, an electronic form display interface and a production interface of a form application program are displayed in a terminal interface in parallel in the multitask mode;
secondly, calling the spreadsheet application program in the visual manufacturing program, so as to display the spreadsheet display interface on the manufacturing interface in an overlapping manner;
and thirdly, after receiving the target form file transmitted by other terminals through the short-distance wireless communication technology, the terminal displays an electronic file display interface corresponding to the target form file.
Step 703, receive the table import operation.
Optionally, the form import operation is to import a target form file into the visualization production program.
Optionally, the table importing operation may be implemented as a dragging operation of dragging the target table file to a production interface of the visual production program, and may also be implemented as a selecting operation of selecting the target table file, which is not limited in this embodiment of the application.
Step 704, obtaining n table elements in the target table file according to the table import operation, where n is a positive integer.
Alternatively, the table elements may be divided according to rows of the target table file, or may be divided according to columns of the target table file.
Optionally, each table element in the n table elements corresponds to at least one data item, and when the table elements of the target table file are divided into rows, each data item corresponds to one column, and each column corresponds to one data type, for example, please refer to the table elements corresponding to 4 students in table one, and the table elements of each student correspond to 3 data items, including a data item age, a data item year, and a data item class. Similarly, when the table elements of the target table file are divided according to columns, then there is one row for each data item and one data type for each row.
Step 705, typesetting and displaying the data items in the ith table element in the ith list item in a preset typesetting mode according to the data types, wherein i is a positive integer and is not more than n.
Optionally, the data items are typeset according to the data type and the data format, such as: and displaying the data in the image format in front of the data of the list control, and sequentially arranging the plurality of text contents in the data of the list control according to the arrangement sequence of the data types corresponding to the plurality of text contents in the target table file.
Referring to fig. 8, schematically, an editing area 810 is included in the manufacturing interface 800, a list control 820 is displayed in the editing area 810, the list control 820 includes 3 list items, and each list item is displayed in a typesetting manner of a head portrait, a name, and a title.
Optionally, the user may also adjust the data in the list control and the area corresponding to each list item, where the adjustment may be performed on singleton data or may be performed on all data in a unified manner.
It should be noted that, in this embodiment, it is described by taking an example that the ith table element corresponds to the ith list item, in an actual operation, the ith table element may also correspond to other list items, and the corresponding relationship between the table element and the list item is not limited in this embodiment.
Step 706, receive the adjustment operation for the ith list item.
Optionally, after the list control is displayed in the editing area, when a user triggers an adjustment operation for adjusting the list control, the editable format of the ith list item is reserved in the editing area, and other list items are set to be a non-clickable format.
Optionally, the adjusting operation comprises at least one of:
firstly, adjusting the area size of the area where the ith list item is located;
optionally, the size of the area where the ith list item is located is adjusted by dragging the edge of the area where the ith list item is located, such as: and dragging the lower side edge of the area where the ith list item is located upwards, so as to adjust the width of the area where the ith list item is located.
Referring to fig. 9, an editing area 910 is included in the manufacturing interface 900, a list control 920 is displayed in the editing area 910, and the list control 920 includes 3 list items, wherein a first list item 921 is in an adjustable and editable format, and a second list item 922 and a third list item 923 are in a gray and non-clickable format. The width of the first list item is adjusted by adjusting the lower side 930 of the first list item 921 upward through a sliding operation.
Secondly, adjusting the image size of the image in the ith list item;
optionally, the size of the image in the ith list item is adjusted by dragging any corner of the image in the ith list item.
Thirdly, adjusting the font size of the text in the ith list item;
optionally, the word size adjustment is performed in a unified manner for data of one data type or one group of data types, and after the word size adjustment is performed for the text of the data type in the ith list item, the word size adjustment is performed for the text of the data type in other data.
Fourthly, adjusting the font of the text in the ith list item;
optionally, the font adjustment is performed in a unified manner for data of one data type or one group of data types, and after the font adjustment is performed for the text of the data type in the ith list item, the font adjustment is performed for the text of the data type in other data.
Fifthly, adjusting the text effect in the ith list item;
optionally, the text effect includes at least one of bold, underline, italics, subscript, superscript, strikethrough.
Optionally, the adjustment of the text effect is performed in a unified manner for data of one data type or one group of data types, and after the text effect adjustment is performed on the text of the data type in the ith list item, the text of the data type in other data is synchronously adjusted.
Sixthly, adjusting the text content in the ith list item.
And step 707, performing unified adjustment on each list item in the list control according to the adjustment operation on the ith list item.
Optionally, other data in the list control is kept unified with the data format of the ith list item.
Optionally, the visualization making program generates a data packet corresponding to the display content in the editing area every preset time, and uploads the data packet to the server. Optionally, the applet uses the instant messaging program as the applet of the host program, and the visual making program is bound with the target account in the instant messaging program. The visual authoring program may also preview the authored portion of the applet via an instant messaging application. The preview process includes:
1. receiving a preview operation in the visual making program, wherein the preview operation is used for triggering the small program to preview in the instant messaging program;
optionally, the visualization making program includes a preview control, and the preview control is clicked to trigger the preview of the applet in the instant messaging program.
2. Sending a program preview signal to a server according to the program preview operation;
optionally, the program preview signal includes a program identifier of the applet. Optionally, a program package of the applet is stored in the server, and the program package corresponds to the program identifier of the applet.
3. And the server sends an applet preview message to the terminal corresponding to the instant messaging program with the target account according to the program preview signal.
Optionally, the applet preview message is a program connection corresponding to the applet, and by clicking the program connection, the package of the applet can be directly obtained from the server to perform program preview.
4. The terminal receives an applet preview message through an instant messaging program logged with a target account, and the applet preview message is fed back by the server according to a program preview signal;
5. receiving a third selection operation on the applet preview message;
optionally, the third selection operation may be implemented as at least one of a click operation, a double click operation, a long press operation, a drag operation, and a slide operation;
6. and displaying a program preview interface of the small program according to the third selection operation.
Referring to fig. 10, schematically, a preview control 1011 is displayed in a production interface 1010 of a visual production program, after receiving a click operation on the preview control 1011, the terminal 1000 sends a program preview signal to the server 2000, the server 2000 sends an applet preview message to a terminal 3000 (which may also be implemented as the terminal 1000) logged in a target account according to the program preview signal, the applet preview message 1021 is in an instant messaging interface 1020 of an instant messaging program of the terminal 3000, and when receiving a click operation on the applet preview message 1021, the terminal 3000 acquires a package of an applet from the server 2000 and displays a program preview interface 1030 of the applet.
In summary, according to the method for creating a list control provided by this embodiment, the target form file is imported into the production interface of the applet in an import manner in the visual production program, so that the corresponding list control is automatically generated according to the target form file in the editing area, and the generation process of the list control is automatically performed by importing the target form file without editing the form content in the target form file in a code form one by one, so that the generation efficiency of the list control is improved, and the production efficiency of the applet is improved.
According to the method provided by the embodiment, the region corresponding to the ith list item is adjusted, so that the region corresponding to the data in the list control is uniformly adjusted, the adjustment efficiency of the list control is improved, and the problems that the adjustment steps are complicated and the adjustment efficiency is low due to the fact that the region of each data is singly adjusted are solved.
Illustratively, fig. 11 is an overall flowchart of a method for creating another exemplary list control according to the present application, and as shown in fig. 11, the method includes:
in step 1101, the multitask mode drags/receives the target table file via Airdrop.
Optionally, the content of the form file imported by the multitasking mode and the dragging mode is described in detail in the above step 302 to step 306, and is not described herein again.
Optionally, the content of the target table file transmitted by the short-distance wireless communication technology such as Airdrop is described in detail in the above steps 307 to 310, and is not described herein again.
Step 1102, analyze the target form file and verify the data format.
Optionally, when the target form file is analyzed, it is determined whether a file format of the target form file conforms to a preset format, for example: and if the preset format comprises an Excel format and a CSV format, analyzing whether the format of the target table file conforms to any one of the two formats.
Secondly, when the data format is checked, whether each data item in the table element corresponds to the data and whether the corresponding data format is a recognizable format are determined.
Step 1103, creating a visual interface display list control.
Optionally, the data class table corresponding to the target table file is displayed in an editing area of the manufacturing interface.
And 1104, converting the visual elements into front-end files corresponding to the applets, and automatically generating js scripts for binding the data.
Optionally, the front-end file is used to represent a front-end representation of the list control. Optionally, the list control may further include at least one of functions of adding, deleting, modifying, searching, and the like, to generate a js script, and add the above function to the running logic of the js script, so as to implement at least one function of adding, deleting, modifying, and searching.
Step 1105, send the package to the server and push it to the instant messaging program for preview.
In summary, according to the method for creating a list control provided by this embodiment, the target form file is imported into the production interface of the applet in an import manner in the visual production program, so that the corresponding list control is automatically generated according to the target form file in the editing area, and the generation process of the list control is automatically performed by importing the target form file without editing the form content in the target form file in a code form one by one, so that the generation efficiency of the list control is improved, and the production efficiency of the applet is improved.
Fig. 12 is a block diagram of a device for creating a list control according to an exemplary embodiment of the present application, which is described by taking the device as an example applied to a terminal, and as shown in fig. 12, the device includes: a display module 1210 and a receiving module 1220;
the display module 1210 is configured to display a production interface for producing an applet in a visual production program, where the production interface includes an editing area, the editing area is used to preview a program interface of the applet in a production process, and the applet is a program running depending on a host program;
the display module 1210 is further configured to display an electronic form display interface, where a target form file is displayed in the electronic form display interface, and the target form file includes at least one form element;
a receiving module 1220, configured to receive a table import operation, where the table import operation is used to import the target table file into the visualization production program;
the display module 1210 is further configured to display a list control corresponding to the target table file in the editing area according to the table importing operation, where a corresponding relationship exists between a list item in the list control and a table element in the target table file.
In an optional embodiment, the receiving module 1220 is further configured to receive a multitask trigger operation, where the multitask trigger operation is used to switch a display mode of the terminal to a multitask mode, and the multitask mode is a display mode in which display interfaces of at least two applications are displayed in parallel in a terminal interface;
the display module 1210 is further configured to display the production interface and the spreadsheet display interface in the terminal interface in parallel according to the multitask triggering operation, where the spreadsheet display interface is an interface corresponding to a spreadsheet application program.
In an optional embodiment, the receiving module 1220 is further configured to receive a program call operation, where the program call operation is used to call a table application in the visualization making program, and the table application stores the target table file;
the display module 1210 is further configured to superimpose and display the spreadsheet display interface on the production interface according to the program calling operation, where the spreadsheet display interface is an interface corresponding to the spreadsheet application program.
In an optional embodiment, the receiving module 1220 is further configured to receive, as a table importing operation, a dragging operation on the target table file, where a starting point of the dragging operation is located at any point on the target table file in the electronic table display interface, and a terminating point of the dragging operation is located within a preset area in the production interface.
In an optional embodiment, the receiving module 1220 is further configured to receive a target form file, where the target form file is a file received through a short-range wireless communication technology;
the display module 1210 is further configured to display a candidate application program for applying the target form file, where the candidate application program includes the visualization making program;
the receiving module 1220 is further configured to receive a first selection operation of the visualization making program;
the display module 1210 is further configured to display the spreadsheet display interface according to the first selection operation.
In an optional embodiment, the spreadsheet display interface further comprises an import control;
the receiving module 1220 is further configured to receive a second selection operation on the import control, which is determined as the form import operation for importing the spreadsheet file into the visualization making program.
In an alternative embodiment, as shown in fig. 13, the apparatus further comprises:
an obtaining module 1230, configured to obtain n table elements in the target table file according to the table import operation, where n is a positive integer;
the display module 1210 is further configured to type and display the data items in the ith table element in the ith list item in a preset type according to the data type, where i is a positive integer and is not less than n.
In an optional embodiment, when the ith table element corresponds to an ith row in the target table file, the contents of m cells in the ith row correspond to m display elements at different positions in the ith list item, and m is a positive integer;
and when the ith table element corresponds to the ith column in the target table file, the contents of m cells in the ith column correspond to m display elements at different positions in the ith list item.
In an optional embodiment, the receiving module 1220 is further configured to receive an adjustment operation on the ith list item;
the device further comprises:
and an adjusting module 1240, configured to perform unified adjustment on each list item in the list control according to the adjustment operation on the ith list item.
In an optional embodiment, the apparatus further comprises:
a generating module 1250, configured to generate a data packet corresponding to the display content in the editing area every preset time;
a sending module 1260, configured to upload the data packet to a server.
In an optional embodiment, the applet is an applet using an instant messaging program as a host program, and the visual making program is bound with a target account in the instant messaging program;
the receiving module 1220 is further configured to receive a program preview operation, where the program preview operation is used to trigger the applet to preview in the instant messaging program;
the sending module 1260 is further configured to send a program preview signal to the server according to the program preview operation, where the program preview signal includes a program identifier of the applet;
the receiving module 1220 is further configured to receive an applet preview message through the instant messaging program logged with the target account, where the applet preview message is fed back by the server according to the program preview signal; receiving a third selection operation on the applet preview message;
the display module 1210 is further configured to display a program preview interface of the applet according to the third selection operation.
In summary, the apparatus for creating a list control provided in this embodiment imports the target form file into the production interface of the applet in an import manner in the visual production program, so as to automatically generate a corresponding list control according to the target form file in the editing area, where the generation process of the list control is automatically performed by importing the target form file, and it is not necessary to edit the form content in the target form file in a code form, so that the generation efficiency of the list control is improved, and the production efficiency of the applet is improved.
It should be noted that: the device for creating a list control provided in the foregoing embodiment is only illustrated by dividing the functional modules, and in practical applications, the function distribution may be completed by different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules, so as to complete all or part of the functions described above. In addition, the list control creating apparatus and the list control creating method provided in the above embodiments belong to the same concept, and specific implementation processes thereof are detailed in the method embodiments and are not described herein again.
Fig. 14 shows a block diagram of a terminal 1400 according to an exemplary embodiment of the present invention. The terminal 1400 may be: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III, motion video Experts compression standard Audio Layer 3), an MP4 player (Moving Picture Experts Group Audio Layer IV, motion video Experts compression standard Audio Layer 4), a notebook computer, or a desktop computer. Terminal 1400 can also be referred to as user equipment, a portable terminal, a laptop terminal, a desktop terminal, or other names.
In general, terminal 1400 includes: a processor 1401, and a memory 1402.
Processor 1401 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and so forth. The processor 1401 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1401 may also include a main processor and a coprocessor, where the main processor is a processor for Processing data in an awake state, and is also referred to as a Central Processing Unit (CPU); a coprocessor is a low power processor for processing data in a standby state. In some embodiments, the processor 1401 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing content that the display screen needs to display. In some embodiments, processor 1401 may further include an AI (Artificial Intelligence) processor for processing computing operations related to machine learning.
Memory 1402 may include one or more computer-readable storage media, which may be non-transitory. Memory 1402 may also include high speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium in memory 1402 is used to store at least one instruction for execution by processor 1401 to implement a method of creating a list control as provided by method embodiments herein.
In some embodiments, terminal 1400 may further optionally include: a peripheral device interface 1403 and at least one peripheral device. The processor 1401, the memory 1402, and the peripheral device interface 1403 may be connected by buses or signal lines. Each peripheral device may be connected to the peripheral device interface 1403 via a bus, signal line, or circuit board. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1404, a touch display 1405, a camera 1406, audio circuitry 1407, a positioning component 1408, and a power supply 1409.
The peripheral device interface 1403 can be used to connect at least one peripheral device related to I/O (Input/Output) to the processor 1401 and the memory 1402. In some embodiments, the processor 1401, memory 1402, and peripheral interface 1403 are integrated on the same chip or circuit board; in some other embodiments, any one or both of the processor 1401, the memory 1402, and the peripheral device interface 1403 may be implemented on a separate chip or circuit board, which is not limited in this embodiment.
The Radio Frequency circuit 1404 is used for receiving and transmitting RF (Radio Frequency) signals, also called electromagnetic signals. The radio frequency circuitry 1404 communicates with communication networks and other communication devices via electromagnetic signals. The rf circuit 1404 converts an electrical signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 1404 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so forth. The radio frequency circuit 1404 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: the world wide web, metropolitan area networks, intranets, generations of mobile communication networks (2G, 3G, 4G, and 5G), Wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, the radio frequency circuit 1404 may further include NFC (Near Field Communication) related circuits, which are not limited in this application.
The display screen 1405 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. When the display screen 1405 is a touch display screen, the display screen 1405 also has the ability to capture touch signals at or above the surface of the display screen 1405. The touch signal may be input to the processor 1401 for processing as a control signal. At this point, the display 1405 may also be used to provide virtual buttons and/or virtual keyboards, also referred to as soft buttons and/or soft keyboards. In some embodiments, the display 1405 may be one, providing the front panel of the terminal 1400; in other embodiments, display 1405 may be at least two, respectively disposed on different surfaces of terminal 1400 or in a folded design; in still other embodiments, display 1405 may be a flexible display disposed on a curved surface or on a folded surface of terminal 1400. Even further, the display 1405 may be arranged in a non-rectangular irregular figure, i.e., a shaped screen. The Display 1405 can be made of LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), and the like.
The camera assembly 1406 is used to capture images or video. Optionally, camera assembly 1406 includes a front camera and a rear camera. Generally, a front camera is disposed at a front panel of the terminal, and a rear camera is disposed at a rear surface of the terminal. In some embodiments, the number of the rear cameras is at least two, and each rear camera is any one of a main camera, a depth-of-field camera, a wide-angle camera and a telephoto camera, so that the main camera and the depth-of-field camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize panoramic shooting and VR (Virtual Reality) shooting functions or other fusion shooting functions. In some embodiments, camera assembly 1406 may also include a flash. The flash lamp can be a monochrome temperature flash lamp or a bicolor temperature flash lamp. The double-color-temperature flash lamp is a combination of a warm-light flash lamp and a cold-light flash lamp, and can be used for light compensation at different color temperatures.
The audio circuit 1407 may include a microphone and a speaker. The microphone is used for collecting sound waves of a user and the environment, converting the sound waves into electric signals, and inputting the electric signals to the processor 1401 for processing or inputting the electric signals to the radio frequency circuit 1404 to realize voice communication. For stereo capture or noise reduction purposes, multiple microphones may be provided, each at a different location of terminal 1400. The microphone may also be an array microphone or an omni-directional pick-up microphone. The speaker is then used to convert electrical signals from the processor 1401 or the radio frequency circuit 1404 into sound waves. The loudspeaker can be a traditional film loudspeaker or a piezoelectric ceramic loudspeaker. When the speaker is a piezoelectric ceramic speaker, the speaker can be used for purposes such as converting an electric signal into a sound wave audible to a human being, or converting an electric signal into a sound wave inaudible to a human being to measure a distance. In some embodiments, the audio circuit 1407 may also include a headphone jack.
The positioning component 1408 serves to locate the current geographic position of the terminal 1400 for navigation or LBS (Location Based Service). The Positioning component 1408 may be based on the Positioning component of the GPS (Global Positioning System) in the united states, the beidou System in china, or the galileo System in russia.
Power supply 1409 is used to power the various components of terminal 1400. The power source 1409 may be alternating current, direct current, disposable or rechargeable. When the power source 1409 comprises a rechargeable battery, the rechargeable battery can be a wired rechargeable battery or a wireless rechargeable battery. The wired rechargeable battery is a battery charged through a wired line, and the wireless rechargeable battery is a battery charged through a wireless coil. The rechargeable battery may also be used to support fast charge technology.
In some embodiments, terminal 1400 also includes one or more sensors 1410. The one or more sensors 1410 include, but are not limited to: acceleration sensor 1411, gyroscope sensor 1412, pressure sensor 1413, fingerprint sensor 1414, optical sensor 1415, and proximity sensor 1416.
The acceleration sensor 1411 may detect the magnitude of acceleration on three coordinate axes of a coordinate system established with the terminal 1400. For example, the acceleration sensor 1411 may be used to detect components of the gravitational acceleration in three coordinate axes. The processor 1401 can control the touch display 1405 to display a user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 1411. The acceleration sensor 1411 may also be used for the acquisition of motion data of a game or a user.
The gyro sensor 1412 may detect a body direction and a rotation angle of the terminal 1400, and the gyro sensor 1412 and the acceleration sensor 1411 may cooperate to collect a 3D motion of the user on the terminal 1400. The processor 1401 can realize the following functions according to the data collected by the gyro sensor 1412: motion sensing (such as changing the UI according to a user's tilting operation), image stabilization at the time of photographing, game control, and inertial navigation.
Pressure sensors 1413 may be disposed on the side bezel of terminal 1400 and/or underlying touch display 1405. When the pressure sensor 1413 is disposed on the side frame of the terminal 1400, the user's holding signal of the terminal 1400 can be detected, and the processor 1401 performs left-right hand recognition or shortcut operation according to the holding signal collected by the pressure sensor 1413. When the pressure sensor 1413 is disposed at the lower layer of the touch display 1405, the processor 1401 controls the operability control on the UI interface according to the pressure operation of the user on the touch display 1405. The operability control comprises at least one of a button control, a scroll bar control, an icon control and a menu control.
The fingerprint sensor 1414 is used for collecting a fingerprint of a user, and the processor 1401 identifies the user according to the fingerprint collected by the fingerprint sensor 1414, or the fingerprint sensor 1414 identifies the user according to the collected fingerprint. Upon recognizing that the user's identity is a trusted identity, processor 1401 authorizes the user to perform relevant sensitive operations including unlocking the screen, viewing encrypted information, downloading software, paying for, and changing settings, etc. Fingerprint sensor 1414 may be disposed on the front, back, or side of terminal 1400. When a physical button or vendor Logo is provided on terminal 1400, fingerprint sensor 1414 may be integrated with the physical button or vendor Logo.
The optical sensor 1415 is used to collect ambient light intensity. In one embodiment, processor 1401 can control the display brightness of touch display 1405 based on the ambient light intensity collected by optical sensor 1415. Specifically, when the ambient light intensity is high, the display luminance of the touch display 1405 is increased; when the ambient light intensity is low, the display brightness of the touch display 1405 is turned down. In another embodiment, the processor 1401 can also dynamically adjust the shooting parameters of the camera assembly 1406 according to the intensity of the ambient light collected by the optical sensor 1415.
Proximity sensor 1416, also known as a distance sensor, is typically disposed on the front panel of terminal 1400. The proximity sensor 1416 is used to collect the distance between the user and the front surface of the terminal 1400. In one embodiment, when proximity sensor 1416 detects that the distance between the user and the front face of terminal 1400 is gradually decreased, processor 1401 controls touch display 1405 to switch from a bright screen state to a dark screen state; when proximity sensor 1416 detects that the distance between the user and the front face of terminal 1400 is gradually increasing, processor 1401 controls touch display 1405 to switch from a breath-screen state to a bright-screen state.
Those skilled in the art will appreciate that the configuration shown in fig. 14 is not intended to be limiting with respect to terminal 1400 and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components may be employed.
The embodiment of the present application further provides a computer device, where the computer device includes a memory and a processor, where the memory stores at least one instruction, at least one program, a code set, or an instruction set, and the at least one instruction, the at least one program, the code set, or the instruction set is loaded by the processor and implements the method for creating the list control.
An embodiment of the present application further provides a computer-readable storage medium, where at least one instruction, at least one program, a code set, or an instruction set is stored in the computer-readable storage medium, and the at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by the processor to implement the above list control creation method.
The present application further provides a computer program product, which when running on a computer, causes the computer to execute the method for creating a list control provided in the above method embodiments.
Those skilled in the art will appreciate that all or part of the steps in the methods of the above embodiments may be implemented by hardware related to instructions of a program, which may be stored in a computer readable storage medium, which may be a computer readable storage medium contained in a memory of the above embodiments; or it may be a separate computer-readable storage medium not incorporated in the terminal. The computer readable storage medium has stored therein at least one instruction, at least one program, a set of codes, or a set of instructions that are loaded and executed by the processor to implement the above-mentioned method of creating a list control.
Optionally, the computer-readable storage medium may include: a Read Only Memory (ROM), a Random Access Memory (RAM), a Solid State Drive (SSD), or an optical disc. The Random Access Memory may include a resistive Random Access Memory (ReRAM) and a Dynamic Random Access Memory (DRAM). The above-mentioned serial numbers of the embodiments of the present application are merely for description and do not represent the merits of the embodiments.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is only exemplary of the present application and should not be taken as limiting the present application, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present application should be included in the protection scope of the present application.

Claims (15)

1. A method for creating a list control, the method comprising:
displaying a production interface for producing an applet in a visual production program, wherein the production interface comprises an editing area, the editing area is used for previewing a program interface of the applet in a production process, and the applet is a program which runs depending on a host program;
displaying an electronic form display interface, wherein a target form file is displayed in the electronic form display interface, and the target form file comprises at least one form element;
receiving a form import operation, wherein the form import operation is used for importing the target form file into the visual making program;
and displaying a list control corresponding to the target table file in the editing area according to the table import operation, wherein a corresponding relation exists between a list item in the list control and a table element in the target table file.
2. The method of claim 1, wherein displaying a spreadsheet display interface comprises:
receiving a multitask triggering operation, wherein the multitask triggering operation is used for switching a display mode of a terminal into a multitask mode, and the multitask mode refers to a display mode in which display interfaces of at least two application programs are displayed in a terminal interface in parallel;
and displaying the production interface and the electronic form display interface in the terminal interface in parallel according to the multitask triggering operation, wherein the electronic form display interface is an interface corresponding to a form application program.
3. The method of claim 1, wherein displaying a spreadsheet display interface comprises:
receiving a program calling operation, wherein the program calling operation is used for calling a table application program in the visual manufacturing program, and the table application program stores the target table file;
and superposing and displaying the electronic form display interface on the manufacturing interface according to the program calling operation, wherein the electronic form display interface is an interface corresponding to the form application program.
4. The method of any of claims 1 to 3, wherein receiving a table import operation comprises:
and receiving a dragging operation on the target form file as the form import operation, wherein the starting point of the dragging operation is positioned at any point on the target form file in the electronic form display interface, and the ending point of the dragging operation is positioned in the range of a preset area in the manufacturing interface.
5. The method of claim 1, wherein displaying a spreadsheet display interface comprises:
receiving a target table file, wherein the target table file is a file received by a short-distance wireless communication technology;
displaying candidate application programs for applying the target table file, wherein the candidate application programs comprise the visualization making program;
receiving a first selection operation of the visual making program;
and displaying the electronic form display interface according to the first selection operation.
6. The method of claim 5, further comprising an import control in the spreadsheet display interface;
the receive table import operation, comprising:
receiving a second selection operation on the import control, and determining the spreadsheet import operation as the import of the spreadsheet file into the visualization production program.
7. The method according to any one of claims 1 to 3, wherein the displaying the list control corresponding to the target form file in the edit area according to the form import operation includes:
acquiring n table elements in the target table file according to the table import operation, wherein n is a positive integer;
and typesetting and displaying the data items in the ith table element in the ith list item in a preset typesetting mode according to the data types, wherein i is a positive integer and is not more than n.
8. The method of claim 7,
when the ith table element corresponds to the ith row in the target table file, the contents of m cells in the ith row correspond to m display elements at different positions in the ith list item, and m is a positive integer;
and when the ith table element corresponds to the ith column in the target table file, the contents of m cells in the ith column correspond to m display elements at different positions in the ith list item.
9. The method according to any one of claims 1 to 3, wherein after displaying the list control corresponding to the target form file in the edit area according to the form import operation, the method further comprises:
receiving an adjustment operation on the ith list item;
and according to the adjustment operation of the ith list item, uniformly adjusting each list item in the list control.
10. The method of any of claims 1 to 3, further comprising:
generating a program package corresponding to the display content in the editing area every other preset time length;
and uploading the program package to a server for archiving.
11. The method of claim 10, wherein the applet is an applet hosted by an instant messenger, and the visual production program is bound to a target account in the instant messenger;
the method further comprises the following steps:
receiving a program preview operation, wherein the program preview operation is used for triggering the small program to preview in the instant messaging program;
sending a program preview signal to the server according to the program preview operation, wherein the program preview signal comprises a program identifier of the small program;
receiving an applet preview message through the instant messaging program logged with the target account, wherein the applet preview message is fed back by the server according to the program preview signal;
receiving a third selection operation on the applet preview message;
and displaying a program preview interface of the small program according to the third selection operation.
12. An apparatus for creating a list control, the apparatus comprising:
the system comprises a display module, a display module and a display module, wherein the display module is used for displaying a production interface for producing the small program in a visual production program, the production interface comprises an editing area, the editing area is used for previewing a program interface of the small program in a production process, and the small program is a program which runs depending on a host program;
the display module is further configured to display an electronic form display interface, where a target form file is displayed in the electronic form display interface, and the target form file includes at least one form element;
the receiving module is used for receiving a table importing operation, and the table importing operation is used for importing the target table file into the visual making program;
the display module is further configured to display a list control corresponding to the target table file in the editing area according to the table import operation, where a corresponding relationship exists between a list item in the list control and a table element in the target table file.
13. The apparatus according to claim 12, wherein the receiving module is further configured to receive a multitask trigger operation, the multitask trigger operation is configured to switch a display mode of the terminal to a multitask mode, and the multitask mode is a display mode in which display interfaces of at least two applications are displayed in parallel in a terminal interface;
the display module is further configured to display the production interface and the spreadsheet display interface in the terminal interface in parallel according to the multitask triggering operation, where the spreadsheet display interface is an interface corresponding to a spreadsheet application program.
14. A computer device comprising a processor and a memory, the memory having stored therein at least one instruction, at least one program, set of codes, or set of instructions, the at least one instruction, at least one program, set of codes, or set of instructions being loaded and executed by the processor to implement the method of creating a list control of any of claims 1 to 11.
15. A computer-readable storage medium having stored therein at least one instruction, at least one program, a set of codes, or a set of instructions, which is loaded and executed by a processor to implement the method of creating a list control of any one of claims 1 to 11.
CN201910635572.XA 2019-07-15 2019-07-15 Method, device and equipment for creating list control and readable storage medium Active CN112230906B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910635572.XA CN112230906B (en) 2019-07-15 2019-07-15 Method, device and equipment for creating list control and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910635572.XA CN112230906B (en) 2019-07-15 2019-07-15 Method, device and equipment for creating list control and readable storage medium

Publications (2)

Publication Number Publication Date
CN112230906A true CN112230906A (en) 2021-01-15
CN112230906B CN112230906B (en) 2023-05-23

Family

ID=74111105

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910635572.XA Active CN112230906B (en) 2019-07-15 2019-07-15 Method, device and equipment for creating list control and readable storage medium

Country Status (1)

Country Link
CN (1) CN112230906B (en)

Citations (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2101864A1 (en) * 1992-08-27 1994-02-28 Claudia Carpenter Customizable program control interface for a computer system
DE29807612U1 (en) * 1998-04-27 1998-09-24 Tps Teleprocessing Systeme Gmb Graphical user interface
JP2004295442A (en) * 2003-03-27 2004-10-21 Clarion Co Ltd Merged display control method of tree control and list control in application software and program for application software used for the same
WO2005022337A2 (en) * 2003-08-29 2005-03-10 Yahoo! Inc. Extensible user interface
CN102770840A (en) * 2010-02-19 2012-11-07 微软公司 Data structure mapping and navigation
CN105159688A (en) * 2015-10-14 2015-12-16 浙江大学 Programmable information visualization interaction type design method
US20160154576A1 (en) * 2014-06-16 2016-06-02 Braeburn Systems, Llc Graphical highlight for programming a control
WO2016099575A1 (en) * 2014-12-19 2016-06-23 Facebook, Inc. Systems and methods for creating, selecting, presenting, and executing calls to action
US20160266738A1 (en) * 2015-03-10 2016-09-15 Anthony Martello System and method for manipulating and displaying data
US20170131975A1 (en) * 2015-11-09 2017-05-11 Microsoft Technology Licensing, Llc Generation of an application from data
JP2017102875A (en) * 2015-12-04 2017-06-08 株式会社ユニフィニティー Software development program and software development method
CN107680640A (en) * 2017-09-26 2018-02-09 上海联影医疗科技有限公司 Electronic report management method, device and storage medium for medical image system
CN108399064A (en) * 2017-02-07 2018-08-14 南京南瑞继保电气有限公司 Multilingual entry generation method based on Qt exploitations
WO2019047184A1 (en) * 2017-09-08 2019-03-14 广东欧珀移动通信有限公司 Information display method, apparatus, and terminal
CN109657206A (en) * 2018-11-22 2019-04-19 天津字节跳动科技有限公司 Display methods, device and the electronic equipment of table
CN109783565A (en) * 2019-02-18 2019-05-21 广州恒峰智能信息科技有限公司 A kind of method and system that excel data quickly introduce
CN109783566A (en) * 2019-03-27 2019-05-21 北京计算机技术及应用研究所 A kind of product inspection data acquisition device
CN109828802A (en) * 2017-11-23 2019-05-31 腾讯科技(武汉)有限公司 List View display methods, device and readable medium

Patent Citations (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2101864A1 (en) * 1992-08-27 1994-02-28 Claudia Carpenter Customizable program control interface for a computer system
DE29807612U1 (en) * 1998-04-27 1998-09-24 Tps Teleprocessing Systeme Gmb Graphical user interface
JP2004295442A (en) * 2003-03-27 2004-10-21 Clarion Co Ltd Merged display control method of tree control and list control in application software and program for application software used for the same
WO2005022337A2 (en) * 2003-08-29 2005-03-10 Yahoo! Inc. Extensible user interface
CN102770840A (en) * 2010-02-19 2012-11-07 微软公司 Data structure mapping and navigation
US20160154576A1 (en) * 2014-06-16 2016-06-02 Braeburn Systems, Llc Graphical highlight for programming a control
WO2016099575A1 (en) * 2014-12-19 2016-06-23 Facebook, Inc. Systems and methods for creating, selecting, presenting, and executing calls to action
US20160266738A1 (en) * 2015-03-10 2016-09-15 Anthony Martello System and method for manipulating and displaying data
CN105159688A (en) * 2015-10-14 2015-12-16 浙江大学 Programmable information visualization interaction type design method
US20170131975A1 (en) * 2015-11-09 2017-05-11 Microsoft Technology Licensing, Llc Generation of an application from data
JP2017102875A (en) * 2015-12-04 2017-06-08 株式会社ユニフィニティー Software development program and software development method
CN108399064A (en) * 2017-02-07 2018-08-14 南京南瑞继保电气有限公司 Multilingual entry generation method based on Qt exploitations
WO2019047184A1 (en) * 2017-09-08 2019-03-14 广东欧珀移动通信有限公司 Information display method, apparatus, and terminal
CN107680640A (en) * 2017-09-26 2018-02-09 上海联影医疗科技有限公司 Electronic report management method, device and storage medium for medical image system
CN109828802A (en) * 2017-11-23 2019-05-31 腾讯科技(武汉)有限公司 List View display methods, device and readable medium
CN109657206A (en) * 2018-11-22 2019-04-19 天津字节跳动科技有限公司 Display methods, device and the electronic equipment of table
CN109783565A (en) * 2019-02-18 2019-05-21 广州恒峰智能信息科技有限公司 A kind of method and system that excel data quickly introduce
CN109783566A (en) * 2019-03-27 2019-05-21 北京计算机技术及应用研究所 A kind of product inspection data acquisition device

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
WUHUACONG: "在Web界面中实现Excel数据大量导入的处理方式", 《HTTPS://WWW.CNBLOGS.COM/WUHUACONG/P/9566946.HTML》 *
固码跑稳了: "别人的微信小程序开发花了一个月敲代码制作,而我只用了三分钟", 《HTTPS://WWW.SOHU.COM/A/237654005_100151340》 *
微信开发平台: "微信小程序开发者工具更新日志", 《HTTPS://DEVELOPERS.WEIXIN.QQ.COM/MINIPROGRAM/DEV/DEVTOOLS/UPLOG.HTML》 *
魔心: "excel-boot", 《HTTPS://GITEE.COM/PROGRAMMERES/EASY-POI》 *

Also Published As

Publication number Publication date
CN112230906B (en) 2023-05-23

Similar Documents

Publication Publication Date Title
JP7414842B2 (en) How to add comments and electronic devices
CN107885533B (en) Method and device for managing component codes
CN108415705B (en) Webpage generation method and device, storage medium and equipment
CN108845856B (en) Object-based synchronous updating method and device, storage medium and equipment
CN110708596A (en) Method and device for generating video, electronic equipment and readable storage medium
WO2021115194A1 (en) Application icon display method and electronic device
KR20160000793A (en) Mobile terminal and method for controlling the same
CN111880712B (en) Page display method and device, electronic equipment and storage medium
CN112230914B (en) Method, device, terminal and storage medium for producing small program
CN112181572A (en) Interactive special effect display method and device, terminal and storage medium
WO2022083241A1 (en) Information guide method and apparatus
CN111240673A (en) Interactive graphic work generation method, device, terminal and storage medium
CN113204298A (en) Method and device for displaying release progress, electronic equipment and storage medium
CN110543350A (en) Method and device for generating page component
CN112749362A (en) Control creating method, device, equipment and storage medium
CN112257006A (en) Page information configuration method, device, equipment and computer readable storage medium
CN111191176B (en) Website content updating method, device, terminal and storage medium
CN112230910B (en) Page generation method, device and equipment of embedded program and storage medium
CN112416486A (en) Information guiding method, device, terminal and storage medium
CN114845152A (en) Display method and device of playing control, electronic equipment and storage medium
CN114911478A (en) Page creating method and device, electronic equipment and storage medium
CN114282494A (en) Information display method and device, electronic equipment and storage medium
CN109101166B (en) Audio control method, device and storage medium
CN113301422A (en) Method, terminal and storage medium for acquiring video cover
CN112231619A (en) Conversion method, conversion device, electronic equipment and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40037421

Country of ref document: HK

SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant