CN111367513A - 代码补全方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种代码补全方法、装置、电子设备及存储介质，其中代码补全方法通过获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，并展示与CSS样式关键字对应的Flutter样式组件列表，进而获取从Flutter样式组件列表中选择的目标Flutter样式组件，并响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，从而极大的提高了Flutter的开发效率。

Description

代码补全方法、装置、电子设备及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种代码补全方法、装置、电子设备及存储介质。

背景技术

Flutter是谷歌开源的框架，使用dart语言编写的Flutter应用可以直接打包为ios、android、web应用，其具有一套代码多处使用的优点。widget则描述了Flutter应用在当前的配置和状态下视图所应该呈现的样子。

目前，Flutter的样式代码包含在一个个widget中，且层层嵌套。然而很多样式只存在于固定、部分的widget中，为了实现基于某一样式所衍生的其他样式则需要进行另一层嵌套，然而，这种样式开发对于不太熟悉Flutter的web开发者来说显得尤为麻烦，其查找如何添加某一个样式需要耗费大量的时间，从而极大的阻碍了Flutter的开发效率。

发明内容

本公开提供一种代码补全方法、装置、电子设备及存储介质，以至少解决相关技术中Flutter的开发效率低的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种代码补全方法，包括：

获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；

展示与CSS样式关键字对应的Flutter样式组件列表；

获取从Flutter样式组件列表中选择的目标Flutter样式组件；

响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段。

在其中一个实施例中，获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，包括：识别在当前Flutter样式组件编辑界面中输入的字符串；检测字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。

在其中一个实施例中，展示与CSS样式关键字对应的Flutter样式组件列表，包括：根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与CSS样式关键字对应的多个Flutter样式组件；根据查找到的多个Flutter样式组件生成对应的Flutter样式组件列表并展示。

在其中一个实施例中，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，包括：根据插入指令从设定的代码库中调用与目标Flutter样式组件对应的代码段；在当前Flutter样式组件编辑界面中插入代码段。

在其中一个实施例中，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段之后，还包括：响应于对插入的代码段的编辑指令，根据编辑指令获取对代码段的编辑信息，根据编辑信息更新所述代码段。

根据本公开实施例的第二方面，提供一种代码补全装置，包括：

关键字获取模块，被配置为获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；

展示模块，展示与CSS样式关键字对应的Flutter样式组件列表；

目标Flutter样式组件获取模块，被配置为执行获取从Flutter样式组件列表中选择的目标Flutter样式组件；

代码段插入模块，被配置为执行响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段。

在其中一个实施例中，关键字获取模块包括：字符串识别单元，被配置为执行识别在当前Flutter样式组件编辑界面中输入的字符串；检测单元，被配置为执行检测字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。

在其中一个实施例中，展示模块包括：查找单元，被配置为执行根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与CSS样式关键字对应的多个Flutter样式组件；列表生成单元，被配置为执行根据查找到的多个Flutter样式组件生成对应的Flutter样式组件列表并展示。

在其中一个实施例中，代码段插入模块包括：代码段调用单元，被配置为执行根据插入指令从设定的代码库中调用与目标Flutter样式组件对应的代码段；代码段插入单元，被配置为执行在当前Flutter样式组件编辑界面中插入代码段。

在其中一个实施例中，代码补全装置还包括：编辑更新模块，被配置为执行响应于对插入的代码段的编辑指令，根据编辑指令获取对代码段的编辑信息，根据编辑信息更新代码段。

根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现第一方面的任一项实施例中所述代码补全方法。

根据本公开实施例的第四方面，提供一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行第一方面的任一项实施例中所述代码补全方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，所述程序产品包括计算机程序，所述计算机程序存储在可读存储介质中，设备的至少一个处理器从所述可读存储介质读取并执行所述计算机程序，使得设备执行第一方面的任一项实施例中所述的代码补全方法。

本公开的实施例提供的技术方案至少带来以下有益效果：通过获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，并展示与CSS样式关键字对应的Flutter样式组件列表，进而获取从Flutter样式组件列表中选择的目标Flutter样式组件，并响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，从而极大的提高了Flutter的开发效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种代码补全方法的应用环境图。

图2是根据一示例性实施例示出的一种代码补全方法的流程图。

图3是根据一示例性实施例示出的获取CSS样式关键字的步骤的流程示意图。

图4是根据一示例性实施例示出的展示Flutter样式组件列表的步骤的流程示意图。

图5是根据一示例性实施例示出的插入代码段的步骤的流程示意图。

图6是根据一示例性实施例示出的一种代码补全方法的流程图。

图7是根据一示例性实施例示出的一种代码补全方法的流程图。

图8是根据一示例性实施例示出的一种代码补全装置的框图。

图9是根据一示例性实施例示出的一种电子设备的内部结构图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

本公开所提供的一种代码补全方法，可适用于在代码编辑时基于CSS(CascadingStyle Sheets，层叠样式表，其是一种用来表现HTML(HyperText Markup Language，标准通用标记语言的一个应用)或XML(Extensible Markup Language，标准通用标记语言的一个子集)等文件样式的计算机语言)样式关键字补全对应的Flutter代码的情况。该方法可以应用于如图1所示的应用环境中，其中，终端102通过网络与服务器104进行通信。其中，终端102可以但不限于是各种个人计算机、笔记本电脑等提供代码编辑功能的电子设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

图2是根据一示例性实施例示出的一种代码补全方法的流程图，如图2所示，以该方法用于图1中的终端为例进行说明，包括以下步骤。

在步骤S210中，获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字。

其中，CSS样式关键字是指在web样式开发中，与CSS样式属性对应的关键字。而Flutter样式组件编辑界面，则是基于Flutter进行widget(样式组件)开发的界面，Flutter样式组件则是基于Flutter的widget。由于Flutter样式开发与web样式开发属于不同语言的开发环境，其并不具有兼容性，且在web样式开发中，几乎所有的CSS样式属性可以添加在任意的节点上，以实现任意的样式，而Flutter的样式代码通常包含在对应的widget中，且层层嵌套，因此，对于不太熟悉Flutter的web开发者来说，进行Flutter样式开发则会显得尤为麻烦。基于此，本申请在采用Flutter进行widget开发时，通过在代码编辑过程中基于CSS样式关键字而自动补全相应widget的Flutter代码，从而较为方便的实现widget的开发。在本实施例中，开发人员通过当前Flutter样式组件编辑界面进行widget开发，在代码编辑的过程中，终端通过监听的方式获取开发人员输入的CSS样式关键字，并在获取到CSS样式关键字时执行后续步骤。

在步骤S220中，展示与CSS样式关键字对应的Flutter样式组件列表。

其中，Flutter样式组件列表中展示的是与CSS样式关键字对应的Flutter样式组件。具体的，可以根据样式的显示效果或功能预先设定每一个CSS样式属性(即CSS样式关键字)与对应的Flutter样式组件(即widget)的映射关系,即对于每一个CSS样式属性，将与该样式属性的显示效果相同或功能作用相同的widget设置为具有映射关系的widget。因此，在本实施例中，当终端监听到通过当前Flutter样式组件编辑界面输入的CSS样式关键字时，则根据该CSS样式关键字以及预先设定的映射关系查找对应的Flutter样式组件，并将查找到的Flutter样式组件通过列表的形式展示出来，从而便于开发人员通过展示的列表选择需要的Flutter样式组件。

在步骤S230中，获取从Flutter样式组件列表中选择的目标Flutter样式组件。

其中，目标Flutter样式组件是指开发人员通过展示的Flutter样式组件列表选择的Flutter样式组件。由于Flutter样式组件中的Flutter代码层层嵌套，且对于某一样式的Flutter样式组件，通过不同的嵌套，还可实现不同的样式效果，因此，对于不太熟悉Flutter样式开发的开发人员来说，如果直接编写Flutter代码则较为困难，因此，可以通过展示的与CSS样式关键字对应的Flutter样式组件列表中，选择需要的目标Flutter样式组件，以便于调用对应的代码段并插入到当前编辑的界面中。

在步骤S240中，响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段。

其中，插入指令是指挥终端根据目标Flutter样式组件进行插入的指示或命令。代码段则是与目标Flutter样式组件对应的Flutter代码。在本实施例中，当开发人员需要在当前编辑界面中插入与目标Flutter样式组件对应的代码段时，则向终端发送对应的插入指令，终端则响应于对目标Flutter样式组件的插入指令，并根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，从而根据输入的CSS样式关键字实现对当前编辑的Flutter样式组件的代码补全。

上述代码补全方法中，通过获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，并展示与CSS样式关键字对应的Flutter样式组件列表，进而获取从Flutter样式组件列表中选择的目标Flutter样式组件，并响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，从而极大的提高了Flutter的开发效率。

在一示例性实施例中，如图3所示，在步骤S210中，获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，具体可以通过以下步骤实现：

在步骤S211中，识别在当前Flutter样式组件编辑界面中输入的字符串。

在步骤S212中，检测字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。

具体的，当开发人员通过当前Flutter样式组件编辑界面进行widget开发时，即在当前界面中进行代码编辑时，终端则监听并识别开发人员在当前Flutter样式组件编辑界面中输入的字符串。并检测该字符串是否与CSS样式关键字匹配，在本实施例中，以CSS样式关键字为CSS样式属性为例进行说明，其中，CSS样式属性包括width(宽度)、height(高度)、border(边框)、margin(页边)等。当终端监听并识别到当前输入的字符串时，则与存储的CSS样式属性进行匹配，若存储的CSS样式属性中存在相同的字符串，则表示当前输入的字符串与CSS样式关键字匹配，从而获取该匹配的CSS样式关键字。

上述实施例，终端通过识别在当前Flutter样式组件编辑界面中输入的字符串，并检测字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字，从而实现快速的获取CSS样式关键字，以便于进行代码补全。

在一示例性实施例中，如图4所示，在步骤S220中，展示与CSS样式关键字对应的Flutter样式组件列表，具体可以通过以下步骤实现：

在步骤S221中，根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与CSS样式关键字对应的多个Flutter样式组件。

其中，映射关系可以是根据样式的显示效果或功能预先设定的。具体的，对于每一个CSS样式属性(即CSS样式关键字)，将与该样式属性的显示效果相同或功能作用相同的widget(Flutter样式组件)设置为具有映射关系的widget。比如对于设定元素宽度的CSS样式属性“width”，则与其显示效果或功能相同的widget有“ConstrainedBox”(约束框)、“LimitedBox”(有限框)等；对于设定元素内容可滚动的CSS样式属性“overflowauto”，则与其功能相同的widget有“SingleChildScrollView”(单子滚动视图)等，因此，可以预先将“width”的CSS样式属性分别与widget“ConstrainedBox”和“LimitedBox”设置为对应关系，将“overflow auto”的CSS样式属性与widget“SingleChildScrollView”设置为对应关系。据此完成对每一个CSS样式属性及对应的widget的设置。因此，当终端获取到CSS样式关键字时，则可以根据预先设定的CSS样式关键字与Flutter样式组件的映射关系，查找与CSS样式关键字对应的多个Flutter样式组件即widget。

在步骤S222中，根据查找到的多个Flutter样式组件生成对应的Flutter样式组件列表并展示。

具体的，为了实现较好的人机交互，终端根据查找到的多个Flutter样式组件而生成对应的Flutter样式组件列表，即根据查找到的多个Flutter样式组件而形成Flutter样式组件列表，并通过列表将查找到的多个Flutter样式组件展示出来，以便于开发人员通过展示的列表选择需要的Flutter样式组件。

在一示例性实施例中，如图5所示，在步骤S240中，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，具体可以通过以下步骤实现：

在步骤S241中，根据插入指令从设定的代码库中调用与目标Flutter样式组件对应的代码段。

在步骤S242中，在当前Flutter样式组件编辑界面中插入代码段。

其中，代码库是基于收集的各种代码段而生成的。在本实施例中，代码库中的每一个代码段可以基于对应的Flutter样式组件而实现对应的代码补全。由于Flutter样式组件中的Flutter代码层层嵌套，且对于某一样式的Flutter样式组件，通过不同的嵌套，还可实现不同的样式效果，因此，对于不同样式效果的Flutter样式组件，可以预先收集其对应的代码段，将其存储在代码库中，并建立代码段与相应Flutter样式组件之间的映射关系。因此，当终端获取到开发人员对目标Flutter样式组件的插入指令时，则可以根据该插入指令从设定的代码库中查找并调用与该目标Flutter样式组件对应的代码段，进而将查找到的代码段插入当前Flutter样式组件编辑界面中，从而实现对当前编辑的Flutter样式组件的代码进行补全，极大的提高了Flutter的开发效率，且降低了其他领域的开发人员在进行Flutter样式开发的学习成本。

在一示例性实施例中，如图6所示，在根据插入指令在所述当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段之后，上述代码补全方法还可以包括：

在步骤S250中，响应于对插入的代码段的编辑指令，根据编辑指令获取对代码段的编辑信息，根据编辑信息更新代码段。

其中，编辑指令是指挥终端进行编辑的指示或命令，编辑信息可以是删除的信息或新增的信息等。具体的，当开发人员需要对上述插入的代码段进行修改时，则可以向终端发送对应的编辑指令，终端则响应于对插入的代码段的编辑指令，并根据编辑指令获取对代码段的编辑信息，从而根据编辑信息更新代码段。举例来说，具体可以是移动光标至代码中需要编辑之处并点击，从而录入新增的信息，也可以是移动光标至代码中需要编辑之处，选择需要删除的信息并点击“Delete”。

上述实施例中，终端通过响应于对插入的代码段的编辑指令，根据编辑指令获取对代码段的编辑信息，进而根据编辑信息更新代码段，以实现对插入的代码段的自定义编辑，从而使得代码补全的应用更加灵活。

在一示例性实施例中，如图7所示，上述代码补全方法可以包括如下步骤：

在步骤S701中，建立CSS样式关键字与Flutter样式组件的映射关系。

具体的，根据显示效果或功能作用为每一个CSS样式属性(即CSS样式关键字)设置对应的widget(即Flutter样式组件)，且对于每一个widget，收集对应的Flutter代码段，并存储在代码库中，并建立对应关系。

在步骤S702中，识别在当前Flutter样式组件编辑界面中输入的字符串。

在步骤S703中，检测字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。

在步骤S704中，查找与CSS样式关键字对应的Flutter样式组件。

在步骤S705中，根据查找到的Flutter样式组件生成对应的Flutter样式组件列表并展示。

在步骤S706中，获取从Flutter样式组件列表中选择的目标Flutter样式组件。

在步骤S707中，从设定的代码库中调用与目标Flutter样式组件对应的代码段。

在步骤S708中，在当前Flutter样式组件编辑界面中插入代码段。

在步骤S709中，响应于对插入的代码段的编辑指令，根据编辑指令获取对代码段的编辑信息，根据编辑信息更新代码段。

举例来说，当开发人员在终端的当前Flutter样式组件编辑界面内输入CSS样式关键字时：

Text(

‘这是一个widget’,

width<＝终端检测到输入了一个CSS样式关键字

)

则在光标旁显示插入建议列表(即与CSS样式关键字对应的Flutter样式组件列表)：

minWidth ConstrainedBox

minWidth LimitedBox

上述列表包括所有可能包含这个CSS样式关键字的widget，并根据样式相关性或使用频率进行排序展示，如相关性较强的展示在列表中靠前的位置，或使用频率较高的展示在列表中靠前的位置等，从而便于开发人员从中选择。开发人员选中想要使用的widget并回车(即插入指令)，则终端自动调用与选中的widget对应的代码段并插入，同时光标移动到该代码段处，可实现对该代码段的编辑。

上述实施例中，根据输入的CSS样式关键字实现对当前编辑的Flutter样式组件的代码补全，不仅极大的提高了Flutter的开发效率，从而使得开发人员可以快速入门Flutter，降低了其他领域的开发人员在进行Flutter样式开发的学习成本。

应该理解的是，虽然图1-7的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-7中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

图8是根据一示例性实施例示出的一种代码补全装置框图。参照图8，该装置包括关键字获取模块802，展示模块804、目标Flutter样式组件获取模块806和代码段插入模块808。

关键字获取模块802，被配置为获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；

展示模块804，展示与CSS样式关键字对应的Flutter样式组件列表；

目标Flutter样式组件获取模块806，被配置为执行获取从Flutter样式组件列表中选择的目标Flutter样式组件；

代码段插入模块808，被配置为执行响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段。

在一示例性实施例中，关键字获取模块802包括：字符串识别单元，被配置为执行识别在当前Flutter样式组件编辑界面中输入的字符串；检测单元，被配置为执行检测字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。

在一示例性实施例中，展示模块804包括：查找单元，被配置为执行根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与CSS样式关键字对应的多个Flutter样式组件；列表生成单元，被配置为执行根据查找到的多个Flutter样式组件生成对应的Flutter样式组件列表并展示。

在一示例性实施例中，代码段插入模块808包括：代码段调用单元，被配置为执行根据插入指令从设定的代码库中调用与目标Flutter样式组件对应的代码段；代码段插入单元，被配置为执行在当前Flutter样式组件编辑界面中插入代码段。

在一示例性实施例中，代码补全装置还包括：编辑更新模块，被配置为执行响应于对插入的代码段的编辑指令，根据编辑指令获取对代码段的编辑信息，根据编辑信息更新代码段。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图9是根据一示例性实施例示出的一种用于代码补全的电子设备Z00的框图。例如，设备Z00可以是具有代码编辑功能的个人计算机、笔记本电脑等。

参照图9，设备Z00可以包括以下一个或多个组件：处理组件Z02、存储器Z04、电力组件Z06、多媒体组件Z08、输入/输出(I/O)的接口Z12、传感器组件Z14以及通信组件Z16。

处理组件Z02通常控制设备Z00的整体操作，诸如与显示、电话呼叫、数据通信、相机操作和记录操作相关联的操作。处理组件Z02可以包括一个或多个处理器Z20来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件Z02可以包括一个或多个模块，便于处理组件Z02和其他组件之间的交互。例如，处理组件Z02可以包括多媒体模块，以方便多媒体组件Z08和处理组件Z02之间的交互。

存储器Z04被配置为存储各种类型的数据以支持在设备Z00的操作。这些数据的示例包括用于在设备Z00上操作的任何应用程序或方法的指令、联系人数据、电话簿数据、消息、图片、视频等。存储器Z04可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)、可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)、磁存储器、快闪存储器、磁盘或光盘。

电源组件Z06为设备Z00的各种组件提供电力。电源组件Z06可以包括电源管理系统，一个或多个电源，及其他与为设备Z00生成、管理和分配电力相关联的组件。

多媒体组件Z08包括在所述设备Z00和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。

I/O接口Z12为处理组件Z02和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件Z14包括一个或多个传感器，用于为设备Z00提供各个方面的状态评估。例如，传感器组件Z14可以检测到设备Z00的打开/关闭状态，组件的相对定位，例如所述组件为设备Z00的显示器和小键盘，传感器组件Z14还可以检测设备Z00或设备Z00一个组件的位置改变，用户与设备Z00接触的存在或不存在，设备Z00方位或加速/减速和设备Z00的温度变化。传感器组件Z14可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件Z14还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件Z14还可以包括加速度传感器、陀螺仪传感器、磁传感器、压力传感器或温度传感器。

通信组件Z16被配置为便于设备Z00和其他设备之间有线或无线方式的通信。设备Z00可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件Z16经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件Z16还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，设备Z00可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器Z04，上述指令可由设备Z00的处理器Z20执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种代码补全方法，其特征在于，包括：

获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；

展示与所述CSS样式关键字对应的Flutter样式组件列表；

获取从所述Flutter样式组件列表中选择的目标Flutter样式组件；

响应于对所述目标Flutter样式组件的插入指令，根据所述插入指令在所述当前Flutter样式组件编辑界面中插入与所述目标Flutter样式组件对应的代码段。

2.根据权利要求1所述的代码补全方法，其特征在于，所述获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，包括：

识别在所述当前Flutter样式组件编辑界面中输入的字符串；

检测所述字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。

3.根据权利要求1所述的代码补全方法，其特征在于，所述展示与所述CSS样式关键字对应的Flutter样式组件列表，包括：

根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与所述CSS样式关键字对应的多个Flutter样式组件；

根据查找到的所述多个Flutter样式组件生成对应的Flutter样式组件列表并展示。

4.根据权利要求1所述的代码补全方法，其特征在于，所述根据所述插入指令在所述当前Flutter样式组件编辑界面中插入与所述目标Flutter样式组件对应的代码段，包括：

根据所述插入指令从设定的代码库中调用与所述目标Flutter样式组件对应的代码段；

在所述当前Flutter样式组件编辑界面中插入所述代码段。

5.根据权利要求1所述的代码补全方法，其特征在于，所述根据所述插入指令在所述当前Flutter样式组件编辑界面中插入与所述目标Flutter样式组件对应的代码段之后，还包括：

响应于对插入的所述代码段的编辑指令，根据所述编辑指令获取对所述代码段的编辑信息，根据所述编辑信息更新所述代码段。

6.一种代码补全装置，其特征在于，包括：

关键字获取模块，被配置为获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；

展示模块，展示与所述CSS样式关键字对应的Flutter样式组件列表；

目标Flutter样式组件获取模块，被配置为执行获取从所述Flutter样式组件列表中选择的目标Flutter样式组件；

代码段插入模块，被配置为执行响应于对所述目标Flutter样式组件的插入指令，根据所述插入指令在所述当前Flutter样式组件编辑界面中插入与所述目标Flutter样式组件对应的代码段。

7.根据权利要求6所述的代码补全装置，其特征在于，所述关键字获取模块包括：

字符串识别单元，被配置为执行识别在所述当前Flutter样式组件编辑界面中输入的字符串；

检测单元，被配置为执行检测所述字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。

8.根据权利要求6所述的代码补全装置，其特征在于，所述展示模块包括：

查找单元，被配置为执行根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与所述CSS样式关键字对应的多个Flutter样式组件；

列表生成单元，被配置为执行根据查找到的所述多个Flutter样式组件生成对应的Flutter样式组件列表并展示。

9.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至5中任一项所述的代码补全方法。

10.一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至5中任一项所述的代码补全方法。

Images