CN112230906A - 列表控件的创建方法、装置、设备及可读存储介质 - Google Patents

列表控件的创建方法、装置、设备及可读存储介质 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
English (en)
Other versions
CN112230906B (zh
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/zh
Publication of CN112230906A publication Critical patent/CN112230906A/zh
Application granted granted Critical
Publication of CN112230906B publication Critical patent/CN112230906B/zh
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]

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Stored Programmes (AREA)

Abstract

本申请公开了一种列表控件的创建方法、装置、设备及可读存储介质,涉及程序设计领域。该方法包括:显示可视化制作程序中对小程序进行制作的、制作界面,制作界面中包括编辑区域;显示电子表格显示界面,目标表格文件中包括至少一条表格元素;接收表格导入操作,将目标表格文件导入至可视化制作程序中;根据表格导入操作在编辑区域中显示目标表格文件对应的列表控件。通过在可视化制作程序中以导入的方式将目标表格文件导入至小程序的制作界面,从而在编辑区域中根据该目标表格文件自动生成对应的列表控件,无需以代码的形式对目标表格文件中的表格内容进行逐条编辑,提高了列表控件的生成效率。

Description

列表控件的创建方法、装置、设备及可读存储介质
技术领域
本申请实施例涉及程序设计领域,特别涉及一种列表控件的创建方法、装置、设备及可读存储介质。
背景技术
小程序是一种无需下载安装即可应用的应用程序,可选地,该小程序为依赖于宿主程序运行的程序,对目标小程序进行选择后,直接在该宿主程序的界面中显示目标小程序的应用界面,而无需对该目标小程序进行安装,该小程序为开发人员通过开发工具开发后,推送到小程序发布服务器中进行发布的。
相关技术中,当需要研发小程序时,开发人员需要从宿主程序的程序平台上下载开发者工具和开发文档。开发人员参阅开发文档上所规定的各项要求,使用开发者工具进行代码编写、编译以及调试。而在增加列表控件时,开发人员需要通过代码编写对列表控件中的内容进行导入(也即,在列表控件中增加列表项),其中,列表控件用于表示以由上至下依次排列的方式对列表项进行显示的控件。
然而,通过上述方式对列表控件进行增加时,由于列表控件中的列表项通常数量大且内容组成复杂度高,该列表控件对应的代码编写过程较为繁琐,且工作量大,列表控件的创建过程较为繁琐。
发明内容
本申请实施例提供了一种列表控件的创建方法、装置、设备及可读存储介质,可以解决将数据表转换为代码形式的过程较为繁琐,且工作量大,列表内容的创建过程较为繁琐的问题。所述技术方案如下:
一方面,提供了一种列表控件的创建方法,所述方法包括:
显示可视化制作程序中对小程序进行制作的制作界面,所述制作界面中包括编辑区域,所述编辑区域用于在制作过程中对所述小程序的程序界面进行预览,所述小程序为依赖于宿主程序运行的程序;
显示电子表格显示界面,所述电子表格显示界面中显示有目标表格文件,所述目标表格文件中包括至少一条表格元素;
接收表格导入操作,所述表格导入操作用于将所述目标表格文件导入至所述可视化制作程序中;
根据所述表格导入操作在所述编辑区域中显示所述目标表格文件对应的列表控件,所述列表控件中的列表项与所述目标表格文件中的表格元素存在对应关系。
另一方面,提供了一种列表控件的创建装置,所述装置包括:
显示模块,用于显示可视化制作程序中对小程序进行制作的制作界面,所述制作界面中包括编辑区域,所述编辑区域用于在制作过程中对所述小程序的程序界面进行预览,所述小程序为依赖于宿主程序运行的程序;
所述显示模块,还用于显示电子表格显示界面,所述电子表格显示界面中显示有目标表格文件,所述目标表格文件中包括至少一条表格元素;
接收模块,用于接收表格导入操作,所述表格导入操作用于将所述目标表格文件导入至所述可视化制作程序中;
所述显示模块,还用于根据所述表格导入操作在所述编辑区域中显示所述目标表格文件对应的列表控件,所述列表控件中的列表项与所述目标表格文件中的表格元素存在对应关系。
另一方面,提供了一种计算机设备,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述本申请实施例中提供的列表控件的创建方法。
另一方面,提供了一种计算机可读存储介质,所述可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述本申请实施例中提供的列表控件的创建方法。
另一方面,提供了一种计算机程序产品,当所述计算机程序产品在计算机上运行时,使得计算机执行如上述本申请实施例中提供的列表控件的创建方法。
本申请实施例提供的技术方案带来的有益效果至少包括:
通过在可视化制作程序中以导入的方式将目标表格文件导入至小程序的制作界面,从而在编辑区域中根据该目标表格文件自动生成对应的列表控件,该列表控件的生成过程是通过对目标表格文件的导入自动进行的,而无需以代码的形式对目标表格文件中的表格内容进行逐条编辑,提高了列表控件的生成效率,从而提高了小程序的制作效率。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一个示例性实施例提供的可视化制作程序在进行程序开发时的开发界面示意图;
图2是本申请一个示例性实施例提供的列表控件的创建方法的流程图;
图3是本申请另一个示例性实施例提供的列表控件的创建方法的流程图;
图4是基于图3示出的实施例提供的多任务模式触发过程的示意图;
图5是基于图3示出的实施例提供的目标表格文件的导入过程的示意图;
图6是基于图3示出的实施例提供的通过显示候选应用列表对可视化制作程序进行选择并对目标表格文件进行导入的过程示意图;
图7是本申请另一个示例性实施例提供的列表控件的创建方法的流程图;
图8是基于图7示出的实施例提供的目标表格文件对应的列表控件的示意图;
图9是基于图7示出的实施例提供的对列表控件进行调整的过程示意图;
图10是基于图7示出的实施例提供的对小程序进行预览的过程示意图;
图11是本申请另一个示例性实施例提供的列表控件的创建方法的流程图;
图12是本申请一个示例性实施例提供的列表控件的创建装置的结构框图;
图13是本申请另一个示例性实施例提供的列表控件的创建装置的结构框图;
图14是本申请一个示例性实施例提供的终端的结构框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
可视化制作程序:是指一种以可视化预览方式对程序制作过程进行展示以辅助制作的程序,可选地,该可视化制作程序可以是通过代码进行编程,并根据代码输入生成编辑区域中的预览内容的程序,也可以是直接在编辑区域中通过增加界面内容,并对界面内容进行编辑后自动生成代码数据的程序,本申请实施例中,以该可视化制作程序为在编辑区域中通过增加界面内容并自动生成代码数据的程序为例进行说明。
可选地,该可视化制作程序可以是对小程序进行制作的程序,也可以是对普通程序进行制作的程序,本申请实施例中,以该可视化制作程序对小程序进行制作为例进行说明。
可选地,程序界面中通常包括有控件、文本内容、图片内容、输入框、选项框、状态开关、表格等用户界面(User Interface,UI)元素,本申请实施例中提供的可视化制作程序中,通过在编辑区域周侧增加显示面板区域,并在面板区域中显示基础UI元素,开发人员在对小程序进行开发过程中,通过对面板区域中的基础UI元素进行选择,并对基础UI元素进行排版、内容编辑后,得到小程序的程序界面中的显示元素。
示意性的,图1是本申请一个示例性实施例提供的可视化制作程序在进行程序开发时的开发界面示意图,如图1所示,该开发界面100中包括编辑区域110和面板区域120,其中,编辑区域110用于对开发程序的界面进行预览,面板区域120中包括基础控件元素121、基础文本元素122、基础图片元素123、基础输入框124、基础选项框125、基础状态开关126以及基础表格127,开发人员通过对面板中基础UI元素的选择,将基础UI元素添加至编辑区域110,并对基础UI元素进行排版、内容编辑,从而实现对开发程序的开发。
示意性的,本申请涉及的应用场景至少包括如下场景:
终端中安装有可视化制作程序,该可视化制作程序提供有以可视化制作方式对小程序进行开发的功能。可选地,该可视化制作程序可以是用于制作小程序的程序,也可以是用于制作普通应用程序的程序。可选地,在对小程序进行开发的过程中,该可视化制作程序的制作界面中包括编辑区域,该编辑区域用于对小程序的程序界面进行预览。开发人员通过将目标表格文件导入可视化制作程序,从而在编辑区域中显示与该目标表格文件对应的列表控件。可选地,开发人员能够通过如下任意一种方式将目标表格文件导入至该可视化制作程序,从而在编辑区域中增加显示目标表格文件对应的列表控件:
第一、终端中还安装有表格应用程序,该表格应用程序中包括上述目标表格文件,开发人员通过触发操作触发该终端切换至多任务模式,在多任务模式下终端界面中并列显示有可视化制作程序的制作界面和表格应用程序的电子表格显示界面,该电子表格显示界面中显示有目标表格文件,接收对目标表格文件的拖动操作,从而将目标表格文件从表格应用程序导入至可视化制作程序;
示意性的,终端中安装有表格程序A,该表格程序A中包括表格文件b,开发人员在可视化制作程序中对小程序进行制作的过程中,触发该终端显示模式切换为多任务模式后,终端以预设比例缩小可视化制作程序的制作界面后,在终端界面中并列显示该制作界面和表格程序A的电子表格显示界面,该电子表格显示界面中显示有表格文件b,开发人员从该表格文件b处开始进行拖动操作,并在制作界面中的任意位置终止拖动后,将表格文件b导入至可视化制作程序。
第二、终端通过短距离无线通讯技术(如:蓝牙、紫蜂Zigbee技术、隔空投送Airdrop技术等)接收其他终端发送的表格文件,并在接收表格文件后显示对该表格文件进行应用的候选应用程序,该候选应用程序中包括上述可视化制作程序,开发人员对该可视化制作程序进行选择后,将该表格文件导入至可视化制作程序中。
值得注意的是,上述应用场景仅为示意性的举例,在实际操作中,通过将表格文件导入可视化制作程序从而创建与该表格文件对应的列表控件的应用场景都可以使用本申请实施例中提供的列表控件的创建方法,本申请实施例对此不加以限定。
结合上述应用场景以及对可视化制作程序的介绍,图2是本申请一个示例性实施例提供的列表控件的创建方法的流程图,以该方法应用于终端中为例进行说明,如图2所示,该方法包括:
步骤201,显示可视化制作程序中对小程序进行制作的制作界面。
可选地,该制作界面中包括编辑区域,该编辑区域用于在制作过程中对小程序的程序界面进行预览。
可选地,该小程序为依赖于宿主程序运行的程序,也即,在运行该小程序之前,需要先对宿主程序进行运行后,在该宿主程序的运行基础上运行该小程序。可选地,该宿主程序中提供有至少一种小程序,当用户需要对任意一个目标小程序进行应用时,运行该宿主程序后,在该宿主程序提供的小程序集合中搜索到该目标小程序后,直接启动该目标小程序。可选地,终端运行该目标小程序时,无需对该目标小程序进行安装,直接从服务器中获取该目标小程序的程序包并运行程序包中的程序内容,即可实现对该目标小程序的应用。可选地,上述宿主程序包括即时通讯程序、多媒体程序、金融管理程序、游戏程序、外卖程序、购物程序、打车程序中的至少一种,本申请实施例对宿主程序的程序类型不做限定。
可选地,该可视化制作程序用于以可视化预览方式对制作过程进行展示以对小程序的制作进行辅助,其中,上述编辑区域即为制作过程的可视化区域,通过在该编辑区域中对小程序的程序界面进行预览,并在预览的过程中增加、删除或修改该程序界面中的内容,从而实现直观的对该小程序的程序界面进行编辑。
可选地,该制作界面中还包括面板区域,该面板区域中包括对程序界面进行设计的基础UI元素,通过将基础UI元素添加至编辑区域中(如:以拖动的方式将基础UI元素拖动至编辑区域中),并对基础UI元素进行排版以及内容编辑后,得到该程序界面中的UI元素。
可选地,该编辑区域中当前显示的界面为小程序中的其中一个程序界面,该程序界面为待添加列表控件的界面。
步骤202,显示电子表格显示界面,该电子表格显示界面中显示有目标表格文件。
可选地,该目标表格文件中包括至少一条表格元素。可选地,每条表格元素对应有至少一个数据项。可选地,每条表格元素与目标表格文件中的一行或者一列对应,其中,上述一行可以是单独一行,也可以是将多行合并后得到的一行;一列可以是单独的一列,也可以是多列合并后得到的一列。
示意性的,以目标表格文件为学生档案文件为例进行说明,该学生档案文件中包括4个学生对应的数据,则该4个学生对应有4条表格元素,每个学生对应有年龄、年级、班级三项数据,则每条表格元素对应年龄、年级、班级三个数据项,该学生档案文件如下表一所示:
表一
学生 年龄 年级 班级
1 8 2 2
2 9 3 5
3 8 2 7
4 10 4 1
如上表所示,学生1对应第一条表格元素,该第一条表格元素中依次包括数据8、2、2用于表示该学生1为8岁,在2年级2班;学生2对应第二条表格元素,该第二条表格元素中依次包括数据9、3、5用于表示该学生2为9岁,在3年级5班;学生3对应第三条表格元素,该第三条表格元素中依次包括数据8、2、7用于表示该学生3为8岁,在2年级7班;第四条表格元素中依次包括数据10、4、1用于表示该学生4为10岁,在4年级1班。
值得注意的是,上述表一中以一行数据作为一个学生对应的表格元素为例进行说明,实际操作中,目标表格文件中还可以以一列数据作为一条表格元素。
可选地,该目标电子表格可以是Excel格式的表格文件,也可以是逗号分隔值(Comma-Separated Values,CSV)格式的文件,还可以是其他表格格式的文件,本申请实施例对此不加以限定。
可选地,该电子表格界面的显示方式包括如下方式中的至少一种:
第一,将终端的显示模式切换为多任务模式后,在多任务模式下将表格应用程序的电子表格显示界面和制作界面并列显示在终端界面中;
第二,在可视化制作程序中对表格应用程序进行调用,从而在制作界面上叠加显示该电子表格显示界面;
第三,终端接收其他终端通过短距离无线通讯技术传输的目标表格文件后,显示该目标表格文件对应的电子文件显示界面。
步骤203,接收表格导入操作。
可选地,该表格导入操作用于将目标表格文件导入至可视化制作程序中。
可选地,该表格导入操作可以实现为将目标表格文件拖动至可视化制作程序的制作界面的拖动操作,也可以实现为对目标表格文件进行选择的选择操作,本申请实施例对此不加以限定。
步骤204,根据表格导入操作在编辑区域中显示目标表格文件对应的列表控件。
可选地,该列表控件中的列表项与目标表格文件中的表格元素存在对应关系。示意性的,该目标表格文件中的第i个表格元素对应列表控件中的第i个列表项,i为正整数,可选地,该目标表格文件中的第i个表格元素还可以对应列表控件中的其他列表项,本申请实施例对表格元素和列表项之间的对应关系不加以限定。
可选地,当第i个表格元素对应目标表格文件中的第i行时,第i行中的m个单元格的内容,对应第i个列表项中的m个不同位置的显示元素;当第i个表格元素对应目标表格文件中的第i列时,第i列中的m个单元格的内容,对应第i个列表项中的m个不同位置的显示元素,m为正整数。
可选的,该列表控件是以列表的形式对目标表格文件中的内容进行展示的形式,其中,列表控件中的第i个列表项用于显示目标表格文件中的第i个表格元素。可选地,由于目标表格文件中的每个表格元素对应有至少一个数据项,当该表格元素中对应包括至少两条数据项时,根据数据类型将表格元素中的数据项以预设排版方式在列表控件中第i个列表项中进行排版显示。
可选地,根据列表控件在编辑区域中的显示方式在小程序的程序包中增加与该列表控件对应的代码逻辑,从而得到增加有列表控件的小程序。
综上所述,本实施例提供的列表控件的创建方法,通过在可视化制作程序中以导入的方式将目标表格文件导入至小程序的制作界面,从而在编辑区域中根据该目标表格文件自动生成对应的列表控件,该列表控件的生成过程是通过对目标表格文件的导入自动进行的,而无需以代码的形式对目标表格文件中的表格内容进行逐条编辑,提高了列表控件的生成效率,从而提高了小程序的制作效率。
在一个可选的实施例中,上述电子表格显示界面的显示方式包括:1、在多任务模式下显示;2、通过程序调用显示;3、通过对目标表格文件的接收显示;针对不同的显示方式,导入目标表格文件的方式也可以是不同,图3是本申请另一个示例性实施了提供的列表控件的创建方法的流程图,以该方法应用于终端中为例进行说明,如图3所示,该方法包括:
步骤301,显示可视化制作程序中对小程序进行制作的制作界面。
可选地,该制作界面中包括编辑区域,该编辑区域用于在制作过程中对小程序的程序界面进行预览。
可选地,该可视化制作程序用于以可视化预览方式对制作过程进行展示以对小程序的制作进行辅助,其中,上述编辑区域即为制作过程的可视化区域,通过在该编辑区域中对小程序的程序界面进行预览,并在预览的过程中增加、删除或修改该程序界面中的内容,从而实现直观的对该小程序的程序界面进行编辑。
步骤302,接收多任务触发操作。
可选地,该多任务触发操作用于将终端的显示模式切换为多任务模式,该多任务模式是指将至少两个应用程序的显示界面并列显示在终端界面中的显示模式。
可选地,针对不同的终端,该多任务触发操作的触发方式可以是不同的,示意性的,该多任务触发操作可以实现为如下方式中的至少一种:
第一,终端中包括主页按键(Home键),对该Home键进行双次按压作为该多任务触发操作;
第二,由终端显示屏下侧边向上进行滑动,并滑动至预设屏幕范围,作为该多任务触发操作;
第三,长按终端Home键作为该多任务触发操作。
上述多任务触发操作的触发方式仅为本申请实施例中示意性的举例,实际操作中,该多任务触发操作还可以通过其他方式实现,本申请实施例对此不加以限定。
步骤303,根据多任务触发操作将制作界面以及电子表格显示界面并列显示在终端界面中。
可选地,该电子表格显示界面为表格应用程序对应的界面。
可选地,当终端的显示模式为多任务模式时,该终端将前台以及后台已开启的应用程序的界面以并列方式显示在终端界面中,或,终端将前台运行的应用程序以及预设应用程序的界面并列显示在终端界面中,如:当前终端前台运行的应用程序为可视化制作程序,预设应用程序为表格应用程序,则触发多任模式后,将该可视化制作程序的制作界面和表格应用程序的电子表格显示界面并列显示在终端界面中。
可选地,当终端的显示模式切换为多任务模式时,还可以将被选择的应用程序(或预设应用程序)的界面叠加显示在当前前台运行的应用程序的界面之上,如:当前终端前台运行的应用程序为可视化制作程序,预设应用程序为表格应用程序,则触发多任务模式后,将表格应用程序的电子表格显示界面叠加显示在可视化制作程序的制作界面之上。可选地,当将电子表格显示界面叠加显示在制作界面之上时,将该电子表格显示界面叠加显示在制作界面之上的预设区域中,该预设区域为与编辑区域不存在交集的区域,或该预设区域为与编辑区域相接的区域。
示意性的,图4是本申请一个示例性实施例提供的多任务模式触发过程的示意图,如图4所示,当前终端显示界面中显示有可视化制作程序的制作界面400,该制作界面400中包括编辑区域410,预设程序为表格应用程序,则当用户在终端上通过多任务触发操作触发多任务模式为显示模式时,在该制作界面400之上叠加显示电子表格显示界面420,该电子表格显示界面420中显示有表格文件列表430,该表格文件列表430中包括目标表格文件431。
步骤304,接收程序调用操作。
可选地,该程序调用操作用于在可视化制作程序中对表格应用程序进行调用,该表格应用程序中存储有目标表格文件。
可选地,该表格应用程序可以是用于对表格进行编辑、修改、删除等操作的程序,通过在该表格应用程序对目标表格文件进行编辑、修改等处理后,存储该目标表格文件,从而可视化制作程序可以通过对表格应用程序的调用对该表格应用程序中的目标表格文件进行应用。
可选地,该目标表格文件也可以是通过终端中安装的其他应用程序接收到并存储至该表格应用程序的。
可选地,该可视化制作程序中包括调用控件,通过对该调用控件的触发直接对表格应用程序进行调用,或,通过对调用控件的触发显示程序列表,该程序列表中包括上述表格应用程序,当接收到在该程序列表中对表格应用程序的选择操作后,对该表格应用程序进行调用。
步骤305,根据程序调用操作在制作界面上叠加显示电子表格显示界面。
可选地,该电子表格显示界面为表格应用程序对应的界面。
可选地,当将电子表格显示界面叠加显示在制作界面之上时,将该电子表格显示界面叠加显示在制作界面之上的预设区域中,该预设区域为与编辑区域不存在交集的区域,或该预设区域为与编辑区域相接的区域。
值得注意的是,上述表格应用程序还可以实现为其他可以对表格进行应用的应用程序,如:即时通讯应用程序、邮箱应用程序、收藏类应用程序等。
步骤306,接收对目标表格文件的拖动操作作为表格导入操作。
可选地,该拖动操作的起始点位于电子表格显示界面中目标表格文件上任意一点,拖动操作的终止点位于制作界面中的预设区域范围内。
可选地,该电子表格显示界面中包括表格文件列表,该表格文件列表中每一项对应一个表格文件,其中,目标表格文件对应该表格文件列表中的目标项,目标项中显示有目标表格文件的文件标识,如:文件名、文件路径等,该拖动操作的起始点位于该目标项上的任意一点。
可选地,该拖动操作的终止点位于制作界面中编辑区域对应的区域范围内,或该拖动操作的终止点位于制作界面中的任意一点。
示意性的,如图5所示,在制作界面510上叠加显示有电子表格显示界面520,该制作界面510中还包括编辑区域511,该电子表格显示界面520中显示有目标表格文件对应的目标项521,接收在该目标项521上的拖动操作,且该拖动操作的终止点位于编辑区域511中的任意一点,根据该拖动操作在编辑区域511中显示该目标表格文件对应的列表控件530。
步骤307,接收目标表格文件,该目标表格文件为通过短距离无线通讯技术接收到的文件。
可选地,该短距离无线通讯技术包括:蓝牙技术、紫蜂ZigBee技术、Airdrop技术等。可选地,该表格文件为与当前终端处于短距离无线通讯技术的通讯范围内的发送终端发送至当前终端的文件。
步骤308,显示对目标表格文件进行应用的候选应用程序,该候选应用程序中包括可视化制作程序。
可选地,该候选应用程序中包括能够对该目标表格进行应用的程序,示意性的,该候选应用程序中包括如下应用程序中的至少一种:1、即时通讯应用程序,用于对该目标表格文件进行分享;2、表格应用程序,用于对该目标表格文件进行编辑;3、邮箱应用程序,用于对该目标报个文件进行发送;4、收藏类应用程序,用于对该目标表格文件进行收藏;5、可视化制作程序,用于将该目标表格文件导入至小程序的制作界面中。
可选地,显示候选应用程序时,可以通过将前体运行的应用程序的界面暗化处理后,将候选应用程序列表叠加显示在暗化处理的界面之上。
步骤309,接收对可视化制作程序的第一选择操作。
可选地,该第一选择操作用于指示通过该可视化制作程序对该目标表格文件进行应用。
可选地,该第一选择操作可以实现为单击操作、双击操作、长按操作、滑动操作中的至少一种。
步骤310,根据第一选择操作显示电子表格显示界面。
可选地,该电子表格显示界面中显示有目标表格文件,该电子表格显示界面用于对该可视化制作程序对该目标表格文件的应用方式进行确定。
步骤311,接收在导入控件上的第二选择操作,确定为将电子表格文件导入可视化制作程序的表格导入操作。
可选地,给电子表格显示界面中还包括导入控件,通过接收在该导入控件上的第二选择操作,将该电子表格文件导入至该可视化制作程序中。
示意性的,请参考图6,以上述短距离无线通讯技术为Airdrop技术为例进行说明,当前终端接收到发送终端通过Airdrop发送的目标表格文件后,显示候选应用程序列表610,该候选应用程序列表610中包括可视化制作程序611,接收到在该可视化制作程序611上的第一选择操作后,显示电子表格显示界面620,该电子表格显示界面620中包括导入控件621和取消导入控件622,当接收到在该导入控件621上的第二选择操作时,将该目标表格文件导入至该可视化制作程序611,并在制作界面630的编辑区域631中显示该目标表格文件对应的列表控件640。
步骤312,根据表格导入操作在编辑区域中显示目标表格文件对应的列表控件。
可选地,该列表控件中的列表项与目标表格文件中的表格元素存在对应关系。示意性的,该目标表格文件中的第i个表格元素对应列表控件中的第i个列表项,i为正整数,可选地,该目标表格文件中的第i个表格元素还可以对应列表控件中的其他列表项,本申请实施例对表格元素和列表项之间的对应关系不加以限定。
可选地,根据表格导入操作显示列表控件时,可以根据表格导入操作直接在编辑区域中对列表控件进行显示,也可以在制作界面中设置预设区域用于显示已导入该可视化制作程序的表格文件列表,并当接收到对目标文件的选择操作(如:将表格文件列表中的目标表格文件拖动至编辑区域中)时,将该目标表格文件对应的列表控件显示在编辑区域内。
可选地,根据列表控件在编辑区域中的显示方式在小程序的程序包中增加与该列表控件对应的代码逻辑,从而得到增加有列表控件的小程序。
综上所述,本实施例提供的列表控件的创建方法,通过在可视化制作程序中以导入的方式将目标表格文件导入至小程序的制作界面,从而在编辑区域中根据该目标表格文件自动生成对应的列表控件,该列表控件的生成过程是通过对目标表格文件的导入自动进行的,而无需以代码的形式对目标表格文件中的表格内容进行逐条编辑,提高了列表控件的生成效率,从而提高了小程序的制作效率。
本实施例提供的方法,通过将终端切换至多任务模式进行显示,并在多任务模式下,将表格应用程序中显示的目标表格文件导入至并列显示的可视化制作程序中,从而实现该目标表格文件的高效率导入,避免了以代码的形式对目标表格文件中的表格内容进行逐条编辑的繁琐步骤。
本实施例提供的方法,通过在可视化制作程序中对表格应用程序进行调用,从而将表格应用程序中的目标表格文件导入至可视化制作程序中,从而实现该目标表格文件的高效率导入,避免了以代码的形式对目标表格文件中的表格内容进行逐条编辑的繁琐步骤。
本实施例提供的方法,通过短距离无线通讯技术接收发送终端发送的目标表格文件后,根据接收后显示的候选应用程序对可视化制作程序进行选择,从而实现目标表格文件的高效率导入,避免了以代码的形式对目标表格文件中的表格内容进行逐条编辑的繁琐步骤。
在一个可选的实施例中,上述列表控件生成后,还可以通过对单个列表项的调整操作实现对整个列表控件的统一调整,图7是本申请另一个示例性实施例提供的列表控件的创建方法的流程图,以该方法应用于终端中为例进行说明,如图7所示,该方法包括:
步骤701,显示可视化制作程序中对小程序进行制作的制作界面。
可选地,该制作界面中包括编辑区域,该编辑区域用于在制作过程中对小程序的程序界面进行预览。
可选地,该可视化制作程序用于以可视化预览方式对制作过程进行展示以对小程序的制作进行辅助,其中,上述编辑区域即为制作过程的可视化区域,通过在该编辑区域中对小程序的程序界面进行预览,并在预览的过程中增加、删除或修改该程序界面中的内容,从而实现直观的对该小程序的程序界面进行编辑。
步骤702,显示电子表格显示界面,该电子表格显示界面中显示有目标表格文件。
可选地,该目标表格文件中包括至少一条表格元素。可选地,每条表格元素对应有至少一个数据项。
可选地,该一条表格元素可以是目标表格文件中以行划分的表格元素,也可以是以列划分的表格元素。
可选地,该目标电子表格可以是excel格式的表格文件,也可以是逗号分隔值(Comma-Separated Values,CSV)格式的文件,还可以是其他表格格式的文件,本申请实施例对此不加以限定。
可选地,该电子表格界面的显示方式包括如下方式中的至少一种:
第一,将终端的显示模式切换为多任务模式后,在多任务模式下将表格应用程序的电子表格显示界面和制作界面并列显示在终端界面中;
第二,在可视化制作程序中对表格应用程序进行调用,从而在制作界面上叠加显示该电子表格显示界面;
第三,终端接收其他终端通过短距离无线通讯技术传输的目标表格文件后,显示该目标表格文件对应的电子文件显示界面。
步骤703,接收表格导入操作。
可选地,该表格导入操作用于将目标表格文件导入至可视化制作程序中。
可选地,该表格导入操作可以实现为将目标表格文件拖动至可视化制作程序的制作界面的拖动操作,也可以实现为对目标表格文件进行选择的选择操作,本申请实施例对此不加以限定。
步骤704,根据表格导入操作获取目标表格文件中的n个表格元素,n为正整数。
可选地,该表格元素可以是根据目标表格文件的行进行划分的,也可以是根据目标表格文件的列进行划分的。
可选地,该n个表格元素中每个表格元素对应有至少一个数据项,当该目标表格文件的表格元素是以行划分的时,则每个数据项对应一列,且每一列对应有一个数据类型,示意性的,请参考表一中4个学生对应的表格元素,每个学生的表格元素对应3个数据项,其中包括数据项年龄、数据项年级以及数据项班级。类似的,当目标表格文件的表格元素是根据列划分的时,则每个数据项对应一行,且每一行对应有一个数据类型。
步骤705,根据数据类型将第i个表格元素中的数据项以预设排版方式排版显示于第i个列表项中,i为正整数,且i≤n。
可选地,根据数据类型以及数据格式对数据项排版,如:图像格式的数据显示在列表控件的数据前方,针对多个文本内容,根据该多个文本内容对应的数据类型在目标表格文件中的排列顺序在列表控件的数据中依次进行排列。
示意性的,请参考图8,在制作界面800中包括编辑区域810,该编辑区域810中显示有列表控件820,该列表控件820中包括3个列表项,每个列表项以头像、姓名、职称的排版方式进行显示。
可选地,用户还可以对该列表控件中的数据以及每个列表项对应的区域进行调整,该调整可以是针对单挑数据进行的,也可以是针对所有数据统一进行的,本实施例中,以该调整过程是针对所有数据统一进行的为例进行说明。
值得注意的是,本实施例中以第i个表格元素对应第i个列表项为例进行说明,实际操作中,第i个表格元素还可以对应其他列表项,本申请实施例对表格元素和列表项之间的对应关系不加以限定。
步骤706,接收对第i个列表项的调整操作。
可选地,编辑区域中显示该列表控件后,当用户触发对该列表控件进行调整的调整操作时,该编辑区域中保留该第i个列表项的可编辑格式,并将其他列表项设置为不可点击格式。
可选地,该调整操作包括如下操作中的至少一种:
第一,对第i个列表项所在区域的区域大小进行调整;
可选地,通过对第i个列表项所在区域的边缘进行拖动,实现对该第i个列表项所在区域大小的调整,如:将第i个列表项所在区域的下侧边向上拖动,从而对第i个列表项所在区域的宽度进行调整。
示意性的,请参考图9,在制作界面900中包括编辑区域910,该编辑区域910中显示有列表控件920,该列表控件920中包括3个列表项,其中,第一个列表项921呈可调整的可编辑格式,而第二个列表项922和第三个列表项923呈灰色不可点击格式。通过对第一个列表项921的下侧边930通过滑动操作向上调整,从而对第一个列表项的宽度进行调整。
第二,对第i个列表项中图像的图像大小进行调整;
可选地,通过对第i个列表项中图像的任意一个角进行拖动,从而对该第i个列表项中的图像大小进行调整。
第三,对第i个列表项中的文本的字号进行调整;
可选地,该字号的调整是针对一个或一组数据类型的数据统一进行的,对第i个列表项中该数据类型的文本进行字号调整后,针对其他数据中该数据类型的文本进行同步调整。
第四,对第i个列表项中的文本的字体进行调整;
可选地,该字体的调整是针对一个或一组数据类型的数据统一进行的,对第i个列表项中该数据类型的文本进行字体调整后,针对其他数据中该数据类型的文本进行同步调整。
第五,对第i个列表项中的文本效果进行调整;
可选地,该文本效果包括加粗、下划线、斜体、下标、上标、删除线中的至少一种。
可选地,该文本效果的调整是针对一个或一组数据类型的数据统一进行的,对第i个列表项中该数据类型的文本进行文本效果调整后,针对其他数据中该数据类型的文本进行同步调整。
第六,对第i个列表项中的文本内容进行调整。
步骤707,根据对第i个列表项的调整操作,对列表控件中每个列表项进行统一调整。
可选地,保持列表控件中的其他数据与该第i个列表项的数据格式统一。
可选地,可视化制作程序每隔预设时长生成编辑区域中的显示内容对应的数据包,并将该数据包上传至服务器。可选地,该小程序以即时通讯程序为宿主程序的小程序,该可视化制作程序与即时通讯程序中的目标帐号绑定。该可视化制作程序还可以通过即时通讯应用程序对该小程序的已制作部分进行预览。该预览过程包括:
1、在该可视化制作程序中接收预览操作,该预览操作用于触发对小程序在即时通讯程序中进行预览;
可选地,该可视化制作程序中包括预览控件,通过对该预览控件进行点击,触发在即时通讯程序中对该小程序进行预览。
2、根据程序预览操作向服务器发送程序预览信号;
可选地,该程序预览信号中包括小程序的程序标识。可选地,服务器中存储有该小程序的程序包,该程序包对应有该小程序的程序标识。
3、服务器根据程序预览信号向登录有目标帐号的即时通讯程序对应的终端发送小程序预览消息。
可选地,该小程序预览消息为与该小程序对应的程序连接,通过对该程序连接进行点击,可以直接从服务器中获取该小程序的程序包进行程序预览。
4、终端通过登录有目标帐号的即时通讯程序接收小程序预览消息,该小程序预览消息为服务器根据程序预览信号反馈的;
5、接收在小程序预览消息上的第三选择操作;
可选地,该第三选择操作可以实现为点击操作、双击操作、长按操作、拖动操作、滑动操作中的至少一种;
6、根据第三选择操作显示小程序的程序预览界面。
示意性的,请参考图10,可视化制作程序的制作界面1010中显示有预览控件1011,接收在该预览控件1011上的点击操作后,终端1000向服务器2000发送程序预览信号,服务器2000根据程序预览信号向登陆有目标帐号的终端3000(也可以实现为终端1000)发送小程序预览消息,终端3000的即时通讯程序的即时通讯界面1020中系那是有该小程序预览消息1021,当接收到对该小程序预览消息1021的点击时,终端3000从服务器2000获取小程序的程序包,并显示小程序的程序预览界面1030。
综上所述,本实施例提供的列表控件的创建方法,通过在可视化制作程序中以导入的方式将目标表格文件导入至小程序的制作界面,从而在编辑区域中根据该目标表格文件自动生成对应的列表控件,该列表控件的生成过程是通过对目标表格文件的导入自动进行的,而无需以代码的形式对目标表格文件中的表格内容进行逐条编辑,提高了列表控件的生成效率,从而提高了小程序的制作效率。
本实施例提供的方法,通过对第i个列表项对应的区域进行调整,从而实现对列表控件中的数据对应的区域进行统一调整,提高了列表控件的调整效率,避免对每个数据的区域进行单个调整导致调整步骤繁琐,调整效率低的问题。
示意性的,图11是本申请另一个示例性列表控件的创建方法的整体流程图,如图11所示,该方法包括:
步骤1101,多任务模式拖拽目标表格文件/通过Airdrop接收目标表格文件。
可选地,该通过多任务模式并通过拖动方式导入表格文件的内容在上述步骤302至步骤306中已进行了详细说明,此处不再赘述。
可选地,通过Airdrop等短距离无线通讯技术传输目标表格文件的内容在上述步骤307至步骤310中已进行了详细说明,此处不再赘述。
步骤1102,分析目标表格文件以及校验数据格式。
可选地,在对目标表格文件进行分析时,确定该目标表格文件的文件格式是否符合预设格式,如:预设格式包括Excel格式和CSV格式,则分析该目标表格文件的格式是否符合上述两种格式中的任意一种。
其次,在对数据格式进行校验时,确定表格元素中的每个数据项是否对应有数据,以及对应的数据格式是否为可识别的格式。
步骤1103,创建可视化界面展示列表控件。
可选地,在制作界面的编辑区域中展示该目标表格文件对应的数据类表。
步骤1104,将可视化元素转换为小程序对应的前端文件,并自动化生成绑定数据的js脚本。
可选地,前段文件用于表示列表控件的前端表现。可选地,该列表控件还可以对应包括增加、删除、修改、查找等功能中的至少一种,生成js脚本,并将上述功能增加至js脚本的运行逻辑中,以实现增删改查中至少一种功能。
步骤1105,将程序包发送至服务器并推送至即时通讯程序进行预览。
综上所述,本实施例提供的列表控件的创建方法,通过在可视化制作程序中以导入的方式将目标表格文件导入至小程序的制作界面,从而在编辑区域中根据该目标表格文件自动生成对应的列表控件,该列表控件的生成过程是通过对目标表格文件的导入自动进行的,而无需以代码的形式对目标表格文件中的表格内容进行逐条编辑,提高了列表控件的生成效率,从而提高了小程序的制作效率。
图12是本申请一个示例性实施例提供的列表控件的创建装置的结构框图,以该装置应用于终端中为例进行说明,如图12所示,该装置包括:显示模块1210和接收模块1220;
显示模块1210,用于显示可视化制作程序中对小程序进行制作的制作界面,所述制作界面中包括编辑区域,所述编辑区域用于在制作过程中对小程序的程序界面进行预览,所述小程序为依赖于宿主程序运行的程序;
所述显示模块1210,还用于显示电子表格显示界面,所述电子表格显示界面中显示有目标表格文件,所述目标表格文件中包括至少一条表格元素;
接收模块1220,用于接收表格导入操作,所述表格导入操作用于将所述目标表格文件导入至所述可视化制作程序中;
所述显示模块1210,还用于根据所述表格导入操作在所述编辑区域中显示所述目标表格文件对应的列表控件,所述列表控件中的列表项与所述目标表格文件中的表格元素存在对应关系。
在一个可选的实施例中,所述接收模块1220,还用于接收多任务触发操作,所述多任务触发操作用于将终端的显示模式切换为多任务模式,所述多任务模式是指将至少两个应用程序的显示界面并列显示在终端界面中的显示模式;
所述显示模块1210,还用于根据所述多任务触发操作将所述制作界面以及所述电子表格显示界面并列显示在所述终端界面中,所述电子表格显示界面为表格应用程序对应的界面。
在一个可选的实施例中,所述接收模块1220,还用于接收程序调用操作,所述程序调用操作用于在所述可视化制作程序中对表格应用程序进行调用,所述表格应用程序中存储有所述目标表格文件;
所述显示模块1210,还用于根据所述程序调用操作在所述制作界面上叠加显示所述电子表格显示界面,所述电子表格显示界面为所述表格应用程序对应的界面。
在一个可选的实施例中,所述接收模块1220,还用于接收对所述目标表格文件的拖动操作作为表格导入操作,所述拖动操作的起始点位于所述电子表格显示界面中的所述目标表格文件上任意一点,所述拖动操作的终止点位于所述制作界面中的预设区域范围内。
在一个可选的实施例中,所述接收模块1220,还用于接收目标表格文件,所述目标表格文件为通过短距离无线通讯技术接收到的文件;
所述显示模块1210,还用于显示对所述目标表格文件进行应用的候选应用程序,所述候选应用程序中包括所述可视化制作程序;
所述接收模块1220,还用于接收对所述可视化制作程序的第一选择操作;
所述显示模块1210,还用于根据所述第一选择操作显示所述电子表格显示界面。
在一个可选的实施例中,所述电子表格显示界面中还包括导入控件;
所述接收模块1220,还用于接收在所述导入控件上的第二选择操作,确定为将所述电子表格文件导入所述可视化制作程序的所述表格导入操作。
在一个可选的实施例中,如图13所示,该装置还包括:
获取模块1230,用于根据所述表格导入操作获取所述目标表格文件中n个表格元素,n为正整数;
所述显示模块1210,还用于根据数据类型将所述第i个表格元素中的数据项以预设排版方式排版显示于所述第i个列表项中,i为正整数,且i≤n。
在一个可选的实施例中,当所述第i个表格元素对应所述目标表格文件中的第i行时,所述第i行中的m个单元格的内容,对应所述第i个列表项中m个不同位置的显示元素,m为正整数;
当所述第i个表格元素对应所述目标表格文件中的第i列时,所述第i列中的m个单元格的内容,对应所述第i个列表项中m个不同位置的显示元素。
在一个可选的实施例中,所述接收模块1220,还用于接收对所述第i个列表项的调整操作;
所述装置还包括:
调整模块1240,用于根据对所述第i个列表项的所述调整操作,对所述列表控件中每个列表项进行统一调整。
在一个可选的实施例中,所述装置还包括:
生成模块1250,用于每隔预设时长生成所述编辑区域中的显示内容对应的数据包;
发送模块1260,用于将所述数据包上传至服务器。
在一个可选的实施例中,所述小程序为以即时通讯程序为宿主程序的小程序,所述可视化制作程序与所述即时通讯程序中的目标帐号绑定;
所述接收模块1220,还用于接收程序预览操作,所述程序预览操作用于触发对所述小程序在所述即时通讯程序中进行预览;
所述发送模块1260,还用于根据所述程序预览操作向所述服务器发送程序预览信号,所述程序预览信号中包括所述小程序的程序标识;
所述接收模块1220,还用于通过登录有所述目标帐号的所述即时通讯程序接收小程序预览消息,所述小程序预览消息为所述服务器根据所述程序预览信号反馈的;接收在所述小程序预览消息上的第三选择操作;
所述显示模块1210,还用于根据所述第三选择操作显示所述小程序的程序预览界面。
综上所述,本实施例提供的列表控件的创建装置,通过在可视化制作程序中以导入的方式将目标表格文件导入至小程序的制作界面,从而在编辑区域中根据该目标表格文件自动生成对应的列表控件,该列表控件的生成过程是通过对目标表格文件的导入自动进行的,而无需以代码的形式对目标表格文件中的表格内容进行逐条编辑,提高了列表控件的生成效率,从而提高了小程序的制作效率。
需要说明的是:上述实施例提供的列表控件的创建装置,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的列表控件的创建装置与列表控件的创建方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
图14示出了本发明一个示例性实施例提供的终端1400的结构框图。该终端1400可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio LayerIII,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group AudioLayer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1400还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端1400包括有:处理器1401和存储器1402。
处理器1401可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1401可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1401也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1401可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1401还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1402可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1402还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1402中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1401所执行以实现本申请中方法实施例提供的列表控件的创建方法。
在一些实施例中,终端1400还可选包括有:***设备接口1403和至少一个***设备。处理器1401、存储器1402和***设备接口1403之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口1403相连。具体地,***设备包括:射频电路1404、触摸显示屏1405、摄像头1406、音频电路1407、定位组件1408和电源1409中的至少一种。
***设备接口1403可被用于将I/O(Input/Output,输入/输出)相关的至少一个***设备连接到处理器1401和存储器1402。在一些实施例中,处理器1401、存储器1402和***设备接口1403被集成在同一芯片或电路板上;在一些其他实施例中,处理器1401、存储器1402和***设备接口1403中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路1404用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路1404通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1404将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1404包括:天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1404可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路1404还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏1405用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1405是触摸显示屏时,显示屏1405还具有采集在显示屏1405的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1401进行处理。此时,显示屏1405还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏1405可以为一个,设置终端1400的前面板;在另一些实施例中,显示屏1405可以为至少两个,分别设置在终端1400的不同表面或呈折叠设计;在再一些实施例中,显示屏1405可以是柔性显示屏,设置在终端1400的弯曲表面上或折叠面上。甚至,显示屏1405还可以设置成非矩形的不规则图形,也即异形屏。显示屏1405可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件1406用于采集图像或视频。可选地,摄像头组件1406包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1406还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路1407可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1401进行处理,或者输入至射频电路1404以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端1400的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1401或射频电路1404的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1407还可以包括耳机插孔。
定位组件1408用于定位终端1400的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件1408可以是基于美国的GPS(GlobalPositioning System,全球定位***)、中国的北斗***或俄罗斯的伽利略***的定位组件。
电源1409用于为终端1400中的各个组件进行供电。电源1409可以是交流电、直流电、一次性电池或可充电电池。当电源1409包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端1400还包括有一个或多个传感器1410。该一个或多个传感器1410包括但不限于:加速度传感器1411、陀螺仪传感器1412、压力传感器1413、指纹传感器1414、光学传感器1415以及接近传感器1416。
加速度传感器1411可以检测以终端1400建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器1411可以用于检测重力加速度在三个坐标轴上的分量。处理器1401可以根据加速度传感器1411采集的重力加速度信号,控制触摸显示屏1405以横向视图或纵向视图进行用户界面的显示。加速度传感器1411还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器1412可以检测终端1400的机体方向及转动角度,陀螺仪传感器1412可以与加速度传感器1411协同采集用户对终端1400的3D动作。处理器1401根据陀螺仪传感器1412采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器1413可以设置在终端1400的侧边框和/或触摸显示屏1405的下层。当压力传感器1413设置在终端1400的侧边框时,可以检测用户对终端1400的握持信号,由处理器1401根据压力传感器1413采集的握持信号进行左右手识别或快捷操作。当压力传感器1413设置在触摸显示屏1405的下层时,由处理器1401根据用户对触摸显示屏1405的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器1414用于采集用户的指纹,由处理器1401根据指纹传感器1414采集到的指纹识别用户的身份,或者,由指纹传感器1414根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器1401授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器1414可以被设置终端1400的正面、背面或侧面。当终端1400上设置有物理按键或厂商Logo时,指纹传感器1414可以与物理按键或厂商Logo集成在一起。
光学传感器1415用于采集环境光强度。在一个实施例中,处理器1401可以根据光学传感器1415采集的环境光强度,控制触摸显示屏1405的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏1405的显示亮度;当环境光强度较低时,调低触摸显示屏1405的显示亮度。在另一个实施例中,处理器1401还可以根据光学传感器1415采集的环境光强度,动态调整摄像头组件1406的拍摄参数。
接近传感器1416,也称距离传感器,通常设置在终端1400的前面板。接近传感器1416用于采集用户与终端1400的正面之间的距离。在一个实施例中,当接近传感器1416检测到用户与终端1400的正面之间的距离逐渐变小时,由处理器1401控制触摸显示屏1405从亮屏状态切换为息屏状态;当接近传感器1416检测到用户与终端1400的正面之间的距离逐渐变大时,由处理器1401控制触摸显示屏1405从息屏状态切换为亮屏状态。
本领域技术人员可以理解,图14中示出的结构并不构成对终端1400的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
本申请实施例还提供一种计算机设备,该计算机设备包括存储器和处理器,存储器中存储有至少一条指令、至少一段程序、代码集或指令集,至少一条指令、至少一段程序、代码集或指令集由处理器加载并实现上述列表控件的创建方法。
本申请实施例还提供一种计算机可读存储介质,该可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述列表控件的创建方法。
本申请还提供了一种计算机程序产品,当计算机程序产品在计算机上运行时,使得计算机执行上述各个方法实施例提供的列表控件的创建方法。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,该计算机可读存储介质可以是上述实施例中的存储器中所包含的计算机可读存储介质;也可以是单独存在,未装配入终端中的计算机可读存储介质。该计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述列表控件的创建方法。
可选地,该计算机可读存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、固态硬盘(SSD,Solid State Drives)或光盘等。其中,随机存取记忆体可以包括电阻式随机存取记忆体(ReRAM,Resistance RandomAccess Memory)和动态随机存取存储器(DRAM,Dynamic Random Access Memory)。上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (15)

1.一种列表控件的创建方法,其特征在于,所述方法包括:
显示可视化制作程序中对小程序进行制作的制作界面,所述制作界面中包括编辑区域,所述编辑区域用于在制作过程中对所述小程序的程序界面进行预览,所述小程序为依赖于宿主程序运行的程序;
显示电子表格显示界面,所述电子表格显示界面中显示有目标表格文件,所述目标表格文件中包括至少一条表格元素;
接收表格导入操作,所述表格导入操作用于将所述目标表格文件导入至所述可视化制作程序中;
根据所述表格导入操作在所述编辑区域中显示所述目标表格文件对应的列表控件,所述列表控件中的列表项与所述目标表格文件中的表格元素存在对应关系。
2.根据权利要求1所述的方法,其特征在于,所述显示电子表格显示界面,包括:
接收多任务触发操作,所述多任务触发操作用于将终端的显示模式切换为多任务模式,所述多任务模式是指将至少两个应用程序的显示界面并列显示在终端界面中的显示模式;
根据所述多任务触发操作将所述制作界面以及所述电子表格显示界面并列显示在所述终端界面中,所述电子表格显示界面为表格应用程序对应的界面。
3.根据权利要求1所述的方法,其特征在于,所述显示电子表格显示界面,包括:
接收程序调用操作,所述程序调用操作用于在所述可视化制作程序中对表格应用程序进行调用,所述表格应用程序中存储有所述目标表格文件;
根据所述程序调用操作在所述制作界面上叠加显示所述电子表格显示界面,所述电子表格显示界面为所述表格应用程序对应的界面。
4.根据权利要求1至3任一所述的方法,其特征在于,所述接收表格导入操作,包括:
接收对所述目标表格文件的拖动操作作为所述表格导入操作,所述拖动操作的起始点位于所述电子表格显示界面中的所述目标表格文件上任意一点,所述拖动操作的终止点位于所述制作界面中的预设区域范围内。
5.根据权利要求1所述的方法,其特征在于,所述显示电子表格显示界面,包括:
接收目标表格文件,所述目标表格文件为通过短距离无线通讯技术接收到的文件;
显示对所述目标表格文件进行应用的候选应用程序,所述候选应用程序中包括所述可视化制作程序;
接收对所述可视化制作程序的第一选择操作;
根据所述第一选择操作显示所述电子表格显示界面。
6.根据权利要求5所述的方法,其特征在于,所述电子表格显示界面中还包括导入控件;
所述接收表格导入操作,包括:
接收在所述导入控件上的第二选择操作,确定为将所述电子表格文件导入所述可视化制作程序的所述表格导入操作。
7.根据权利要求1至3任一所述的方法,其特征在于,所述根据所述表格导入操作在所述编辑区域中显示所述目标表格文件对应的列表控件,包括:
根据所述表格导入操作获取所述目标表格文件中n个表格元素,n为正整数;
根据数据类型将所述第i个表格元素中的数据项以预设排版方式排版显示于所述第i个列表项中,i为正整数,且i≤n。
8.根据权利要求7所述的方法,其特征在于,
当所述第i个表格元素对应所述目标表格文件中的第i行时,所述第i行中的m个单元格的内容,对应所述第i个列表项中m个不同位置的显示元素,m为正整数;
当所述第i个表格元素对应所述目标表格文件中的第i列时,所述第i列中的m个单元格的内容,对应所述第i个列表项中m个不同位置的显示元素。
9.根据权利要求1至3任一所述的方法,其特征在于,所述根据所述表格导入操作在所述编辑区域中显示所述目标表格文件对应的列表控件之后,还包括:
接收对所述第i个列表项的调整操作;
根据对所述第i个列表项的所述调整操作,对所述列表控件中每个列表项进行统一调整。
10.根据权利要求1至3任一所述的方法,其特征在于,所述方法还包括:
每隔预设时长生成所述编辑区域中的显示内容对应的程序包;
将所述程序包上传至服务器进行存档。
11.根据权利要求10所述的方法,其特征在于,所述小程序为以即时通讯程序为宿主程序的小程序,所述可视化制作程序与所述即时通讯程序中的目标帐号绑定;
所述方法还包括:
接收程序预览操作,所述程序预览操作用于触发对所述小程序在所述即时通讯程序中进行预览;
根据所述程序预览操作向所述服务器发送程序预览信号,所述程序预览信号中包括所述小程序的程序标识;
通过登录有所述目标帐号的所述即时通讯程序接收小程序预览消息,所述小程序预览消息为所述服务器根据所述程序预览信号反馈的;
接收在所述小程序预览消息上的第三选择操作;
根据所述第三选择操作显示所述小程序的程序预览界面。
12.一种列表控件的创建装置,其特征在于,所述装置包括:
显示模块,用于显示可视化制作程序中对小程序进行制作的制作界面,所述制作界面中包括编辑区域,所述编辑区域用于在制作过程中对所述小程序的程序界面进行预览,所述小程序为依赖于宿主程序运行的程序;
所述显示模块,还用于显示电子表格显示界面,所述电子表格显示界面中显示有目标表格文件,所述目标表格文件中包括至少一条表格元素;
接收模块,用于接收表格导入操作,所述表格导入操作用于将所述目标表格文件导入至所述可视化制作程序中;
所述显示模块,还用于根据所述表格导入操作在所述编辑区域中显示所述目标表格文件对应的列表控件,所述列表控件中的列表项与所述目标表格文件中的表格元素存在对应关系。
13.根据权利要求12所述的装置,其特征在于,所述接收模块,还用于接收多任务触发操作,所述多任务触发操作用于将终端的显示模式切换为多任务模式,所述多任务模式是指将至少两个应用程序的显示界面并列显示在终端界面中的显示模式;
所述显示模块,还用于根据所述多任务触发操作将所述制作界面以及所述电子表格显示界面并列显示在所述终端界面中,所述电子表格显示界面为表格应用程序对应的界面。
14.一种计算机设备,其特征在于,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、至少一段程序、代码集或指令集由所述处理器加载并执行以实现如权利要求1至11任一所述的列表控件的创建方法。
15.一种计算机可读存储介质,其特征在于,所述可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现如权利要求1至11任一所述的列表控件的创建方法。
CN201910635572.XA 2019-07-15 2019-07-15 列表控件的创建方法、装置、设备及可读存储介质 Active CN112230906B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910635572.XA CN112230906B (zh) 2019-07-15 2019-07-15 列表控件的创建方法、装置、设备及可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910635572.XA CN112230906B (zh) 2019-07-15 2019-07-15 列表控件的创建方法、装置、设备及可读存储介质

Publications (2)

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

Family

ID=74111105

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910635572.XA Active CN112230906B (zh) 2019-07-15 2019-07-15 列表控件的创建方法、装置、设备及可读存储介质

Country Status (1)

Country Link
CN (1) CN112230906B (zh)

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 (de) * 1998-04-27 1998-09-24 Tps Teleprocessing Systeme Gmb Graphische Benutzeroberfläche
JP2004295442A (ja) * 2003-03-27 2004-10-21 Clarion Co Ltd アプリケーションソフトウエアにおけるツリーコントロールとリストコントロールの合体表示制御方法及びこれに用いるアプリケーションソフトウエア用のプログラム
WO2005022337A2 (en) * 2003-08-29 2005-03-10 Yahoo! Inc. Extensible user interface
CN102770840A (zh) * 2010-02-19 2012-11-07 微软公司 数据结构映射和导航
CN105159688A (zh) * 2015-10-14 2015-12-16 浙江大学 一种可编程信息可视化交互式设计方法
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 (ja) * 2015-12-04 2017-06-08 株式会社ユニフィニティー ソフトウェア開発プログラム及びソフトウェア開発方法
CN107680640A (zh) * 2017-09-26 2018-02-09 上海联影医疗科技有限公司 用于医学成像***的电子报告管理方法、装置及存储介质
CN108399064A (zh) * 2017-02-07 2018-08-14 南京南瑞继保电气有限公司 基于Qt开发的多语言词条生成方法
WO2019047184A1 (zh) * 2017-09-08 2019-03-14 广东欧珀移动通信有限公司 信息显示方法、装置及终端
CN109657206A (zh) * 2018-11-22 2019-04-19 天津字节跳动科技有限公司 表格的显示方法、装置和电子设备
CN109783565A (zh) * 2019-02-18 2019-05-21 广州恒峰智能信息科技有限公司 一种excel数据快速导入的方法和***
CN109783566A (zh) * 2019-03-27 2019-05-21 北京计算机技术及应用研究所 一种产品检验数据采集装置
CN109828802A (zh) * 2017-11-23 2019-05-31 腾讯科技(武汉)有限公司 列表视图显示方法、装置及可读介质

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 (de) * 1998-04-27 1998-09-24 Tps Teleprocessing Systeme Gmb Graphische Benutzeroberfläche
JP2004295442A (ja) * 2003-03-27 2004-10-21 Clarion Co Ltd アプリケーションソフトウエアにおけるツリーコントロールとリストコントロールの合体表示制御方法及びこれに用いるアプリケーションソフトウエア用のプログラム
WO2005022337A2 (en) * 2003-08-29 2005-03-10 Yahoo! Inc. Extensible user interface
CN102770840A (zh) * 2010-02-19 2012-11-07 微软公司 数据结构映射和导航
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 (zh) * 2015-10-14 2015-12-16 浙江大学 一种可编程信息可视化交互式设计方法
US20170131975A1 (en) * 2015-11-09 2017-05-11 Microsoft Technology Licensing, Llc Generation of an application from data
JP2017102875A (ja) * 2015-12-04 2017-06-08 株式会社ユニフィニティー ソフトウェア開発プログラム及びソフトウェア開発方法
CN108399064A (zh) * 2017-02-07 2018-08-14 南京南瑞继保电气有限公司 基于Qt开发的多语言词条生成方法
WO2019047184A1 (zh) * 2017-09-08 2019-03-14 广东欧珀移动通信有限公司 信息显示方法、装置及终端
CN107680640A (zh) * 2017-09-26 2018-02-09 上海联影医疗科技有限公司 用于医学成像***的电子报告管理方法、装置及存储介质
CN109828802A (zh) * 2017-11-23 2019-05-31 腾讯科技(武汉)有限公司 列表视图显示方法、装置及可读介质
CN109657206A (zh) * 2018-11-22 2019-04-19 天津字节跳动科技有限公司 表格的显示方法、装置和电子设备
CN109783565A (zh) * 2019-02-18 2019-05-21 广州恒峰智能信息科技有限公司 一种excel数据快速导入的方法和***
CN109783566A (zh) * 2019-03-27 2019-05-21 北京计算机技术及应用研究所 一种产品检验数据采集装置

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 (zh) 2023-05-23

Similar Documents

Publication Publication Date Title
JP7414842B2 (ja) コメント追加方法及び電子デバイス
CN107885533B (zh) 管理组件代码的方法及装置
CN108415705B (zh) 网页生成方法、装置、存储介质及设备
CN108845856B (zh) 基于对象的同步更新方法、装置、存储介质及设备
CN110708596A (zh) 生成视频的方法、装置、电子设备及可读存储介质
CN111880712B (zh) 页面显示方法、装置、电子设备及存储介质
KR20160000793A (ko) 이동단말기 및 그 제어방법
CN112230914B (zh) 小程序的制作方法、装置、终端及存储介质
WO2022083241A1 (zh) 信息引导方法及装置
CN111191176B (zh) 网站内容更新方法、装置、终端及存储介质
CN113204298A (zh) 显示发布进度的方法、装置、电子设备及存储介质
CN110543350A (zh) 一种生成页面组件的方法及装置
CN112749362A (zh) 控件创建方法、装置、设备及存储介质
CN112257006A (zh) 页面信息的配置方法、装置、设备及计算机可读存储介质
CN112230781A (zh) 字符推荐方法、装置及存储介质
CN112230910B (zh) 嵌入型程序的页面生成方法、装置、设备及存储介质
CN112416486A (zh) 信息引导方法、装置、终端及存储介质
CN114845152A (zh) 播放控件的显示方法、装置、电子设备及存储介质
CN111898353A (zh) 表格展示方法、装置及介质
CN110889060A (zh) 网页显示方法、装置、计算机设备及存储介质
CN112148499A (zh) 数据上报方法、装置、计算机设备及介质
CN114911478A (zh) 页面创建方法、装置、电子设备及存储介质
CN114282494A (zh) 信息显示方法、装置、电子设备及存储介质
CN109101166B (zh) 音频控制方法、装置及存储介质
CN113301422A (zh) 获取视频封面的方法、终端及存储介质

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