CN118012317A - 一种编程工具缩放方法以及相关装置 - Google Patents
一种编程工具缩放方法以及相关装置 Download PDFInfo
- Publication number
- CN118012317A CN118012317A CN202410024914.5A CN202410024914A CN118012317A CN 118012317 A CN118012317 A CN 118012317A CN 202410024914 A CN202410024914 A CN 202410024914A CN 118012317 A CN118012317 A CN 118012317A
- Authority
- CN
- China
- Prior art keywords
- area
- scaling
- programming
- editing
- instruction
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 69
- 230000006870 function Effects 0.000 claims description 26
- 230000004044 response Effects 0.000 claims description 23
- 230000015654 memory Effects 0.000 claims description 15
- 238000004590 computer program Methods 0.000 claims description 12
- 230000000712 assembly Effects 0.000 claims description 11
- 238000000429 assembly Methods 0.000 claims description 11
- 239000011449 brick Substances 0.000 claims description 11
- 230000003993 interaction Effects 0.000 claims description 10
- 238000010586 diagram Methods 0.000 description 18
- 238000013461 design Methods 0.000 description 11
- 230000001960 triggered effect Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 5
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000013459 approach Methods 0.000 description 2
- 230000000903 blocking effect Effects 0.000 description 2
- 230000005856 abnormality Effects 0.000 description 1
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008447 perception Effects 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种编程工具缩放方法以及相关装置,应用于计算机技术领域。本申请通过运行有图形化编程工具的终端设备在该图形化编程工具显示界面的工具箱区域显示积木类别后,根据对积木类别的第一类别的第一选择指令,将第一类别对应的多个候选编程积木展示在代码块区域。在获得使用对象的第一缩放指令后,对代码块区域进行缩放,再从缩放后的代码块区域的多个候选编程积木选择第一编程积木,添加到编辑区域进行代码编辑。通过上述方式,在选择编程积木前可以对展示编程积木的代码块区域进行缩放操作,低龄使用对象可以根据自身需求放大代码块区域,方便辨认积木,且减少眼睛的负担,也可以缩小代码块区域,提供更大范围的编辑区域。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种编程工具缩放方法以及相关装置。
背景技术
随着信息技术的发展,越来越多的人开始学习编程的相关知识,立足于图形化编程工具的少儿编程教育也逐渐火爆。而图形化编程工具具有不依赖硬件环境、仅需要网络、标准化程度高、易于分享传播等优势,被业内大多数公司所研发应用。
当前的图形化编程工具把代码形式的文本编程语言封装到代码块区域的一个代码块中,通过在图形化的编辑区域中对相应功能的代码块进行组合拼接,即可简单快速的完成编程,使用对象可以根据自身需求随时对编辑区域进行缩放。但是,低龄使用对象在执行选择积木时需要辛苦地辨认,积木代码编写效率低,且加重眼睛的负担。
发明内容
本申请实施例提供了一种编程工具缩放方法以及相关装置,用于在选择编程积木前可以对展示编程积木的代码块区域进行缩放操作,低龄使用对象可以根据自身需求放大代码块区域,方便辨认积木,且减少眼睛的负担,也可以缩小代码块区域,提供更大范围的编辑区域。
有鉴于此,本申请一方面提供一种编程工具缩放方法,该方法由运行有图形化编程工具的终端设备执行,图形化编程工具的显示界面包括工具箱区域、代码块区域和编辑区域,该方法包括:
在工具箱区域展示积木类别;
响应于对积木类别中的第一类别的第一选择指令,在代码块区域显示第一类别对应的多个候选编程积木,多个候选编程积木是具有不同功能的编程模块组件;
获取第一缩放指令;
根据第一缩放指令对代码块区域进行缩放;
响应于第二选择指令,从多个候选编程积木中选择第一编程积木添加到编辑区域,编辑区域是使用被选择的编程积木进行代码编辑的图形交互区。
本申请另一方面提供一种编程工具缩放装置,该装置运行有图形化编程工具,图形化编程工具的显示界面包括工具箱区域、代码块区域和编辑区域,该装置包括:
展示单元,用于在工具箱区域展示积木类别;响应于对积木类别中的第一类别的第一选择指令,在代码块区域显示第一类别对应的多个候选编程积木,多个候选编程积木是具有不同功能的编程模块组件;
获取单元,用于获取第一缩放指令;
缩放单元,用于根据第一缩放指令对代码块区域进行缩放;
添加单元,用于响应于第二选择指令,从多个候选编程积木中选择第一编程积木添加到编辑区域,编辑区域是使用被选择的编程积木进行代码编辑的图形交互区。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,缩放单元还用于:
获取第二缩放指令;
根据第二缩放指令对工具箱区域进行缩放。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,缩放单元具体用于:
根据第一缩放指令对代码块区域、工具箱区域和编辑区域进行缩放。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,缩放单元具体用于:
根据第一缩放指令,对代码块区域、工具箱区域和编辑区域进行等比例缩放。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,缩放单元具体用于:
根据第一缩放指令,对代码块区域、工具箱区域和编辑区域进行不等比例缩放。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,缩放单元具体用于:
根据第一缩放指令,基于工具箱区域的宽度对代码块区域进行缩放;
根据工具箱区域和代码块区域的宽度对编辑区域的宽度进行调整。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,该装置还包括调整单元,调整单元具体用于:
根据代码块区域和工具箱区域的尺寸调整编辑区域的滚动条的属性。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,添加单元具体用于:
响应于第二选择指令,将从多个候选编程积木中鼠标选择的第一编程积木的位置,设置为鼠标的指向位置;
根据鼠标的停止位置将第一编程积木添加到编辑区域。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,该装置还包括编辑单元,编辑单元具体用于:
响应于编辑指令,对编辑区域中的第一编程积木进行编辑;
根据编辑结果确定第一编程积木对应的指令代码。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,编辑单元具体用于:
响应于编辑指令,移动编辑区域中的积木框架,或修改参数控件的参数。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,该装置还包括确定单元,确定单元具体用于:
将编辑区域中的各个编程积木对应的指令代码组合,以确定用于运行的程序配置文件。
在一种可能的设计中,在本申请实施例的另一方面的另一种实现方式中,缩放单元还用于:
响应于第三缩放指令,对使用对象当前焦点所在位置的区域进行缩放。
本申请的另一方面提供了一种计算机设备,包括:
存储器、收发器、处理器以及总线系统;
其中,存储器用于存储程序;
处理器用于执行存储器中的程序,包括执行上述各方面的方法;
总线系统用于连接存储器以及处理器,以使存储器以及处理器进行通信。
本申请的另一方面提供了一种计算机可读存储介质,计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述各方面的方法。
本申请的另一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述各方面所提供的方法。
从以上技术方案可以看出,本申请实施例具有以下优点:
本申请实施例中,运行有图形化编程工具的终端设备在该图形化编程工具显示界面的工具箱区域显示积木类别后,可以根据对从积木类别中的第一类别的第一选择指令,将第一类别对应的多个候选编程积木展示在代码块区域,每个候选编程积木为不同功能的编程模块组件。在获得使用对象的第一缩放指令后,可以对代码块区域进行缩放,再从缩放后的代码块区域的多个候选编程积木中选择第一编程积木,添加到作为编程积木进行代码编辑的图形交互区的编辑区域。通过上述方式,在选择编程积木前可以对展示编程积木的代码块区域进行缩放操作,低龄使用对象可以根据自身需求放大代码块区域,也可以通过相同方式对显示区域中一个或多个其他区域缩放,方便低龄使用对象辨认积木,且减少眼睛的负担,也可以缩小代码块区域,提供更大范围的编辑区域。
附图说明
图1为本申请实施例中一种示例性系统架构框图;
图2为本申请实施例中一种图形化编程工具的显示界面示意图;
图3为本申请实施例中一种编程工具缩放方法的流程示意图;
图4为本申请实施例中另一种图形化编程工具的显示界面示意图;
图5为本申请实施例中一种代码块区域缩放示意图;
图6为本申请实施例中一种显示界面的缩放按键示意图;
图7为本申请实施例中一种显示界面放大示意图;
图8为本申请实施例中另一种显示界面放大示意图;
图9为本申请实施例中一种等比缩放流程示意图;
图10为本申请实施例中一种不等比缩放流程示意图;
图11为本申请实施例中一种竖直滚动条右移示意图;
图12为本申请实施例中另一种竖直滚动条示意图;
图13为本申请实施例中一种编程工具缩放装置的结构示意图;
图14为本申请实施例中一种计算机设备的结构示意图。
具体实施方式
本申请实施例提供了一种编程工具缩放方法以及相关装置,用于在选择编程积木前可以对展示编程积木的代码块区域进行缩放操作,低龄使用对象可以根据自身需求放大代码块区域,方便辨认积木,且减少眼睛的负担,也可以缩小代码块区域,提供更大范围的编辑区域。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“对应于”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。
本申请实施例中,术语“模块”或“单元”是指有预定功能的计算机程序或计算机程序的一部分,并与其他相关部分一起工作以实现预定目标,并且可以通过使用软件、硬件(如处理电路或存储器)或其组合来全部或部分实现。同样的,一个处理器(或多个处理器或存储器)可以用来实现一个或多个模块或单元。此外,每个模块或单元都可以是包含该模块或单元功能的整体模块或单元的一部分。
另外,为了更好的说明本申请,在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本申请同样可以实施。在一些实例中,对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述,以便于凸显本申请的主旨。
为了便于理解本申请实施例上述的技术方案及其产生的技术效果,本申请实施例首先对于相关专业名词进行解释:
编程积木(组件):积木或积木组件或编程积木或编程积木组件是一种可视化编程元素,它们提供了一系列具有不同功能的模块或模块化工具,允许用户通过将这些组件连接起来创建程序代码。这种编程方式与传统的文本编程方式不同,能够使编程变得更加直观和易学。本申请实施例中,积木和积木组件和编程积木和编程积木组件表达含义相同。
积木编程:是一种基于编程积木的可视化编程方式,它允许用户通过拖拽和连接编程积木来构建代码。这种编程方式不需要用户输入代码,能够使编程更加直观和易学。积木编程通常用于初学者、儿童或非专业人士学习编程,也可以用于快速原型设计和小规模项目的开发。
随着信息技术的发展,越来越多的人开始学习编程的相关知识,立足于图形化编程工具的少儿编程教育也逐渐火爆。而图形化编程工具具有不依赖硬件环境、仅需要网络、标准化程度高、易于分享传播等优势,被业内大多数公司所研发应用。
当前的图形化编程工具把代码形式的文本编程语言封装到代码块区域的一个代码块中,通过在图形化的编辑区域中对相应功能的代码块进行组合拼接,即可简单快速的完成编程,使用对象可以根据自身需求随时对编辑区域进行缩放。但是,低龄使用对象在执行选择积木时需要辛苦地辨认,积木代码编写效率低,且加重眼睛的负担。
基于此,本申请实施例提供一种编程工具缩放方式,运行有图形化编程工具的终端设备在该图形化编程工具显示界面的工具箱区域显示积木类别后,可以根据对从积木类别中的第一类别的第一选择指令,将第一类别对应的多个候选编程积木展示在代码块区域,每个候选编程积木为不同功能的编程模块组件。在获得使用对象的第一缩放指令后,可以对代码块区域进行缩放,再从缩放后的代码块区域的多个候选编程积木中选择第一编程积木,添加到作为编程积木进行代码编辑的图形交互区的编辑区域。通过上述方式,在选择编程积木前可以对展示编程积木的代码块区域进行缩放操作,低龄使用对象可以根据自身需求放大代码块区域,方便辨认积木,且减少眼睛的负担,也可以缩小代码块区域,提供更大范围的编辑区域。
下面以服务器和终端设备协同实施本申请实施例提供的编程工具缩放方法为例进行说明。图1示意性地示出了应用本申请技术方案的示例性系统架构框图。如图1所示,系统架构100可以包括终端设备110、网络120和服务器130。终端设备110可以包括智能手机、平板电脑、笔记本电脑、台式电脑等各种电子设备。服务器130可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云计算服务的云服务器。网络120可以是能够在终端设备110和服务器130之间提供通信链路的各种连接类型的通信介质,例如可以是有线通信链路或者无线通信链路。
根据实现需要,本申请实施例中的系统架构可以具有任意数目的终端设备、网络和服务器。例如,服务器130可以是由多个服务器设备组成的服务器群组。另外,本申请实施例提供的技术方案可以应用于终端设备110,也可以应用于服务器130,或者可以由终端设备110和服务器130共同实施,本申请对此不做特殊限定。
终端设备110上可以安装提供图形化编程功能的编程工具客户端,编程工具客户端可以是独立运行的客户端程序,也可以是搭载于其他应用程序上的寄宿程序。例如,用户通过终端设备110上安装的社交应用程序可以打开并运行一用于进行图形化编程的小程序,并基于该小程序进行图形化编程。经过图形化编程后得到的程序文件可以保存在终端设备110的本地数据库中,也可以通过网络120上传至服务器130。在完成程序文件的编写后,用户也可以通过终端设备110对该程序文件进行调试和运行,该程序文件可以是以程序或者寄宿程序的形式在终端设备110上运行,也可以是以终端设备110的内部系统部件进行运行,另外还可以基于服务器130上的服务程序或者云端程序等模式运行。
图形化编程指的是编程用户通过操控图形元素的方式来创建应用程序,其核心在于将代码形式的文本编程语言转换为图形元素,图形元素可以表现为具有不同形状和内容的积木模块,通过移动和拼接积木模块来编写程序,具有便于理解、编写容易的优点。
在实际应用中,以程序文件基于服务器130上的服务程序或者云端程序等模式运行为例,使用对象可以通过终端设备110访问web端图形化编程工具,并且通过终端设备110,从该web端图形化编程工具的显示界面提供的候选编程积木中选择编程积木搭建代码块组合,从而得到一套编程程序。示例性的,使用对象可以使用终端设备110的鼠标,在图形化编程工具的显示界面中的代码块区域内选择所需的编程积木,并将所选择的编程积木拖拽至图形化编程工具显示界面中的编辑区域;使用对象通过多次上述操作可以从代码块区域中选择多个编程积木拖拽至编辑区域,服务器130将相应地根据被拖拽至编辑区域的多个编程积木各自对应的拖拽顺序、或者各自对应的拖拽位置,构建多个编程积木之间的关联关系,如此得到对应于一套编程程序的程序配置文件。
图2示出了相关技术提供的图形化编程工具的显示界面示意图,该方法由运行有可视化编程工具的终端设备110执行。终端设备110显示图形化编程工具的显示界面,显示界面包括工具箱区域210、代码块区域220、编辑区域230中的至少一种,本实施例中各个区域的位置仅为一种示例,对不同区域在界面上的具体位置不加以限定。
在一些实施例中,工具箱区域210和代码块区域220可以称为积木选择工具栏,编辑区域230称为积木代码编辑器或积木代码编辑区。本申请对不同界面的具体名称不加以限定。
工具箱区域210是一个Blockly面板,用于显示可用的积木类别。例如事件类积木、控制类积木、运算类积木、变量类积木、函数类积木、PID类积木、神态类积木、运动类积木、感知类积木等。
代码块区域220用于显示特定类别的编程积木。当用户选择一个积木类别时,相关的编程积木将显示在代码块区域220中,供使用对象选择和拖放到编辑区域230中。
使用对象从代码块区域220中选择编程积木放置到编辑区域230中,重复该操作,编辑编程积木代码,编程积木代码是将选择的编程积木对应的程序代码(JavaScript代码)以代码形式,或单个编程积木形式,或多个编程积木组合形式显示的内容,相比于程序代码更加直观。
下面将结合附图对本申请实施例提供的编程工具缩放方法进行说明,下述编程工具缩放方法的执行主体以终端设备为例,具体可以是由终端设备通过运行上文的各种计算机程序来实现的;当然,根据对下文的理解,不难看出也可以由终端设备和服务器协同实施本申请实施例提供的编程工具缩放方法。
请参阅图3,图3所示为本申请实施例提供的一种编程工具缩放方法的流程示意图,该方法包括:
步骤301.在工具箱区域展示积木类别。
在一个或多个实施例中,工具箱区域示出了可供选择的各种积木类别,例如事件类积木、控制类积木、运算类积木、变量类积木、函数类积木、PID类积木、神态类积木、运动类积木、感知类积木等,使用对象可以根据自身需求从展示的各种积木类别中选择所需的类别。
步骤302.响应于对积木类别中的第一类别的第一选择指令,在代码块区域显示第一类别对应的多个候选编程积木,多个候选编程积木是具有不同功能的编程模块组件。
在一个或多个实施例中,使用对象在确定选择多种积木类别中的第一类别后,可以通过触发第一选择指令,使得图形化编程工具在代码块区域显示从属该第一类别的多个候选编程积木,该多个候选编程积木为通过对不同程序代码编写的程序内容进行打包处理而形成带有程序命令的编程模块组件,具有不同功能。可以理解的是,本申请实施例中的编程积木是对编程语言抽象化的图形化表示,具体是用来代替代码片段的块状结构。对第一类别与候选编程积木的关系,以控制类积木为例,请参照图4所述的图形化编程工具的显示界面示意图,控制类积木中可以包括多个不同控制功能的积木,例如重复执行积木、循环执行积木、判断积木、等待积木、保持等待积木和重复执行积木等。第一选择指令可以是通过鼠标点击工具箱区域中的第一类别触发,也可以是通过触摸工具箱区域中的第一类别触发,此处不作限定。
步骤303.获取第一缩放指令。
在一个或多个实施例中,第一缩放指令可以是使用对象点击缩放按键触发的,也可以是使用对象输入缩放命令触发的,此处不作限定。
步骤304.根据第一缩放指令对代码块区域进行缩放。
在一个或多个实施例中,当获得第一缩放指令时,则可以根据缩放指令对代码块区域的大小进行调整,其中,在代码块区域调整的同时,代码块区域中的编程积木以及编程积木上的文字也会相应调整,例如第一缩放指令指示放大代码块区域时,代码块区域中展示的编程积木以及文字也会相应进行放大。使用对象可以根据需求对代码块区域进行多次缩放操作。
示例性的,请参阅图5,如图5所示为本申请实施例中代码块区域缩放示意图,图形化编程工具的显示界面包括工具箱区域(Toolbox区域)、积木块区域(Flyout区域)和编辑区域(Workspace区域),当触发第一缩放指令时,图5中以放大指令为例,放大倍数1.2,积木类别以事件类积木为例,该事件类积木包括“当开始运行时”积木、“当收到广播**”积木和“发送广播**并等待完成”积木等。图5的上部为触发第一缩放指令前的显示界面,图5的下部为触发第一缩放指令后的显示界面,积木块区域1.2倍放大,且事件类积木包括的“当开始运行时”积木、“当收到广播**”积木和“发送广播**并等待完成”积木也相应1.2倍放大。其中,编辑区域会随着积木块区域的放大相应向右平移。其中,“**”为可编辑的内容。
步骤305.响应于第二选择指令,从多个候选编程积木中选择第一编程积木添加到编辑区域,编辑区域是使用被选择的编程积木进行代码编辑的图形交互区。
在一个或多个实施例中,终端设备基于第二选择指令从多个候选编程积木中确定所需的第一编程积木,并将该第一编程积木添加到编辑区域中的第二选择指令指示的位置,编辑区域为代码编辑的图形交互区,可以使用该第一编程积木进行代码编辑。第二选择指令可以是通过点击选择积木、长按拖拽积木、框选积木中的至少一种触发。
本申请实施例中,运行有图形化编程工具的终端设备在该图形化编程工具显示界面的工具箱区域显示积木类别后,可以根据对从积木类别中的第一类别的第一选择指令,将第一类别对应的多个候选编程积木展示在代码块区域,每个候选编程积木为不同功能的编程模块组件。在获得使用对象的第一缩放指令后,可以对代码块区域进行缩放,再从缩放后的代码块区域的多个候选编程积木中选择第一编程积木,添加到作为编程积木进行代码编辑的图形交互区的编辑区域。通过上述方式,在选择编程积木前可以对展示编程积木的代码块区域进行缩放操作,低龄使用对象可以根据自身需求放大代码块区域,方便辨认积木,且减少眼睛的负担,也可以缩小代码块区域,提供更大范围的编辑区域。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,该方法还包括:
获取第二缩放指令;
根据第二缩放指令对工具箱区域进行缩放。
在一个或多个实施例中,介绍了一种缩放工具箱区域的方式。第一缩放指令和第二缩放指令可以为相同的按键触发,即在使用对象触发该按键时,终端设备可以同时对工具箱区域和代码块区域进行缩放。第二缩放指令的触发按键也可以与第一缩放指令的触发按键不同,即可以为工具箱区域和代码块区域分别配置缩放按键,工具箱区域和代码块区域可以分别进行缩放,终端设备当获得第二缩放指令后,可以相应按照第二缩放指令指示的缩放倍数对工具箱区域进行缩放。相应的,使用对象也可以单独通过第二缩放指令对工具箱区域进行缩放,不需要同时对代码块区域进行缩放。
其次,本申请实施例中,提供了一种缩放工具箱区域的方式。通过上述方式,依据第二缩放指令缩放工具箱区域,可以单独对工具箱区域进行缩放,提高缩放的灵活性。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,根据第一缩放指令对代码块区域进行缩放包括:
根据第一缩放指令对代码块区域、工具箱区域和编辑区域进行缩放。
在一个或多个实施例中,介绍了一种缩放显示界面的方式。在显示界面中可以只配置一个缩放按键,使用对象可以通过触发该缩放按键生成该第一缩放指令,使得图形化编程工具同时缩放显示界面中的工具箱区域、代码块区域和编辑区域。
示例性的,请参阅图6所示的显示界面的缩放按键示意图,工具箱区域示出的积木类别包括事件、控制、运算、变量、函数、PID、神态、运动、感知等。使用对象在Toolbox区域点击积木分类,Flyout区域会根据使用对象点击的特定的积木分类自动展开并显示该积木分类下全部的积木,使用对象从Flyout区域拖动具体的积木至Workspace区域完成积木代码的编写。以事件类积木为例,该事件类积木包括“当开始运行时”积木、“当收到广播**”积木和“发送广播**并等待完成”积木等。编辑区域中可以为已添加事件类积木或其他积木类别的积木,此处以“当开始运行时”积木为例,本申请实施例的缩放按键可以配置在任意位置,图6中以当前编辑区域的缩放按键为例,包括放大按键和缩小按键,即当触发该放大按键时,图形化编程工具同时放大工具箱区域、代码块区域和编辑区域,当触发该缩小按键时,图形化编程工具同时缩小工具箱区域、代码块区域和编辑区域。
其次,本申请实施例中,提供了一种缩放显示界面的方式。通过上述方式,使用第一缩放指令同时对工具箱区域、代码块区域和编辑区域进行缩放,提高缩放的便捷性。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,根据第一缩放指令对代码块区域、工具箱区域和编辑区域进行缩放包括:
根据第一缩放指令,对代码块区域、工具箱区域和编辑区域进行等比例缩放。
在一个或多个实施例中,介绍了一种缩放显示界面的方式。在只配置一个缩放按键的基础上,触发该缩放按键生成第一缩放指令后,可以按照预设倍率对代码块区域、工具箱区域和编辑区域进行缩放,代码块区域、工具箱区域和编辑区域缩放的预设倍率相同,即按照第一缩放指令进行等比例缩放。
示例性的,请参阅图7所述的显示界面放大示意图,在图6的基础上,在触发放大按键后,代码块区域、工具箱区域和编辑区域可以按照预设倍率进行放大,图7中以1.2倍、1.4倍、1.6倍的递进关系为例,即点击放大按键将代码块区域、工具箱区域和编辑区域放大到1.2倍,再点击一次放大按键,将代码块区域、工具箱区域和编辑区域放大到1.4倍。图7中放大后的代码块区域、工具箱区域和编辑区域中的文字、积木等同时放大到相应倍数。
其次,本申请实施例中,提供了一种缩放显示界面的方式。通过上述方式,等比例缩放代码块区域、工具箱区域和编辑区域,可以提高显示界面缩放的灵活性。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,根据第一缩放指令对代码块区域、工具箱区域和编辑区域进行缩放包括:
根据第一缩放指令,对代码块区域、工具箱区域和编辑区域进行不等比例缩放。
在一个或多个实施例中,介绍了一种缩放显示界面的方式。在只配置一个缩放按键的基础上,触发该缩放按键生成第一缩放指令后,可以按照不同的倍率对代码块区域、工具箱区域和编辑区域进行缩放,针对不同的放大需求设置相应的倍率配置,使得代码块区域、工具箱区域和编辑区域可以不等比例缩放。不等比例缩放以不等比例放大为例,不等比例放大可以是部分比例不等或者全部比例不等,例如积木块区域与工具箱区域的放大比例相同,与编辑区域的放大比例不同,或,积木块区域与编辑区域的放大比例相同,与工具箱区域的放大比例不同,或,工具箱区域与编辑区域的放大比例相同,与积木块区域的放大不理不同,或者,代码块区域、工具箱区域和编辑区域各自的放大比例不同。
示例性的,如图8所示的另一种显示界面放大示意图,在图6的基础上,触发放大按键后,积木块区域与编辑区域的放大比例相同,可以设为1.2倍,工具箱区域的放大比例为1.4倍,或者,工具箱区域与编辑区域的放大比例相同,设为1.2倍,积木块区域的放大比例为1.4倍,或者,编辑区域的放大比例为1.2倍,工具箱区域的放大比例为1倍,积木块区域的放大比例为1.4倍等。
其次,本申请实施例中,提供了一种缩放显示界面的方式。通过上述方式,不等比例缩放代码块区域、工具箱区域和编辑区域,可以提高显示界面缩放的灵活性。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,根据第一缩放指令对代码块区域进行缩放包括:
根据第一缩放指令,基于工具箱区域的宽度对代码块区域进行缩放;
根据工具箱区域和代码块区域的宽度对编辑区域的宽度进行调整。
在一个或多个实施例中,介绍了一种缩放代码块区域的方式。为避免放大的代码块区域覆盖到工具箱区域,在缩放代码块区域时,可以以工具箱区域的宽度为限制,即放大后的代码块区域需要以工具箱区域的边界开始放置。显示界面大小固定,放大后的代码块区域挤压了编辑区域的位置,则在放大代码块之后,需要基于工具箱区域和代码块区域所占用的空间相应调整编辑区域的大小,即确定工具箱区域的宽度、代码块区域的宽度和显示界面的宽度,则显示界面剩下的宽度即为编辑区域的宽度,相应未被工具箱区域和代码块区域占用的区域位置为编辑区域的位置。第一缩放指令在同时对代码块区域、工具箱区域和编辑区域进行缩放的情况下,可以先缩放工具箱区域,再依据工具箱区域尺寸放置缩放的代码块区域,缩放后编辑区域以显示界面剩下的区域进行展示。
示例性的,图形化编程工具以Blockly为例,Blockly官方提供了编辑区域的缩放接口zoomCenter,但是并没有提供工具箱区域和代码块区域的缩放接口,实现工具箱区域和代码块区域等比缩放的第一步是获取编辑区域缩放的比例。通过Blockly.mainWorkspace.options.zoomOption.startScale获取编辑区域起始时的比例(后面写作比例1)。在用户点击缩放按钮时,调用zoomCenter接口对编辑区域进行缩放后,通过Blockly.mainWorkspace.scale获取编辑区域缩放后的比例(后面写作比例2)。不用关心当次缩放了多少,最终缩放的比例的值为后面写作实际缩放比例。
工具箱区域包裹在一个div元素内,工具箱区域div元素的属性包括transform-origin属性、height属性和transform属性。而代码块区域是一个svg元素,代码块区域包裹在一个svg元素内,svg元素的属性包括height属性、transform-origin属性和transform属性的translate参数。所以需要分别实现缩放工具箱区域和缩放代码块区域的接口。
为了缩放工具箱区域,通过修改div元素的样式来实现zoomToolbox接口。具体来说,通过transform-origin属性设置为top left将缩放原点置于元素左上角,通过transform属性的scale函数将工具箱div缩放到实际缩放比例,将height属性调整为缩放后的高度值。
和上述工具箱区域类似,为了缩放代码块区域,也要对svg元素做相同的样式调整。需要注意的是,代码块区域左侧边缘紧挨着工具箱区域右侧边缘,需要根据工具箱的宽度调整svg元素transform属性的translate的参数x值。
相应的,请参阅图9所示的等比缩放流程示意图,步骤901.获取第一缩放指令。步骤902.调用zoomCenter接口对编辑区域进行缩放。步骤903.使用自定义的zoomToolbox接口缩放工具箱区域。步骤904.使用自定义的zoomFlyout接口缩放代码块区域。步骤905.根据工具箱区域和代码块区域的尺寸调整编辑区域的尺寸。
请参阅图10所示的不等比缩放流程示意图,步骤1001.获取第一缩放指令。步骤1002.调用zoomCenter接口,使用第一预设比例对编辑区域进行缩放。步骤1003.使用自定义的zoomToolbox接口,使用第二预设比例缩放工具箱区域,第一预设比例可以是预先输入或适应性调整获得的。步骤1004.使用自定义的zoomFlyout接口,使用第三预设比例缩放代码块区域,第二预设比例可以是预先输入或适应性调整获得的。步骤1005.根据工具箱区域和代码块区域的尺寸调整编辑区域的尺寸。
其次,本申请实施例中,提供了一种缩放代码块区域的方式。通过上述方式,基于工具箱区域的位置调整缩放后代码块区域的位置,相应调整编辑区域的位置及宽度,避免缩放代码块区域对显示界面的影响,提高用户体验。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,根据第一缩放指令对代码块区域进行缩放之后,该方法还包括:
根据代码块区域和工具箱区域的尺寸调整编辑区域的滚动条的属性。
在一个或多个实施例中,介绍了一种调整编辑区域的滚动条的方式。由于编辑区域是可以无限拓展的空间,可以为编辑区域配置滚动条,例如水平滚动条和竖直滚动条,水平滚动条用于左右滚动时展示编辑区域的水平空间内容,竖直滚动条用于在上行滚动时展示编辑区域的竖直空间内容。在代码块区域和/或工具箱区域缩放后,会影响编辑区域的展示空间,例如在代码块区域放大时,编辑区域受到代码块区域的挤压,部分区域会挤压到显示界面之外,则此时竖直滚动条相应在显示界面之外,导致无法进行上下滚动,例如图11所示的竖直滚动条右移示意图,在图6的基础上,编辑区域配置有水平滚动条和竖直滚动条,水平滚动条和竖直滚动条的位置可以如图11中为例,水平滚动条置于编辑区域下侧,竖直滚动条置于编辑区域右侧,在对代码块区域进行1.4倍放大后,编辑区域相应右移,则竖直滚动条无法显示。因此,还需要基于代码块区域和工具箱区域的尺寸同步调整编辑区域的滚动条的属性,例如将竖直滚动条的位置调整为在显示界面之内。示例性的,可以根据缩放后的工具箱区域和代码块区域尺寸重新计算滚动条的width属性的值以及transform属性的translate函数的x值。修改后的竖直滚动条示意图可以参照图12所示,在对代码块区域进行1.4倍放大后,编辑区域相应右移,而竖直滚动条相应移动到在显示界面展示的编辑区域的右侧,其中水平滚动条也可以相应调整属性,此处不作限定。
其次,本申请实施例中,提供了一种调整编辑区域的滚动条的方式。通过上述方式,在代码块区域或工具箱区域缩放挤压编辑区域的空间后,可以相应更改滚动条的属性,使得滚动条不被挤压到显示界面外的位置,避免无法查看编辑区域的上下空间,提高体验效果。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,响应于第二选择指令,从多个候选编程积木中选择第一编程积木添加到编辑区域包括:
响应于第二选择指令,将从多个候选编程积木中鼠标选择的第一编程积木的位置,设置为鼠标的指向位置;
根据鼠标的停止位置将第一编程积木添加到编辑区域。
在一个或多个实施例中,介绍了一种调整编程积木位置的方式。在对代码块区域进行缩放后,显示界面中代码块区域的编程积木的显示位置也随着代码块区域的缩放进行改变,但是对图形化编程工具来说,记录中代码块区域的编程积木的位置仍在原本位置,即显示位置与原本位置发生偏差,从代码块区域拖动编程积木到编辑区域时,图形化编程工具认为拖动出来的编程积木的原本位置和显示位置不一致,导致异常,跟随鼠标的积木块位置和鼠标位置产生了偏移。本申请实施例可以将鼠标拖动的编程积木的位置设置为鼠标位置,如在代码块区域的多个候选编程积木后,将鼠标点击的第一编程积木的位置设置为鼠标指向位置,并随着鼠标的拖动添加到编辑区域中鼠标的停止位置。其中,由工具箱区域放大导致代码块区域位置变更时也同理,此处不再赘述。
其次,本申请实施例中,提供了一种调整编程积木位置的方式。通过上述方式,将选择的编程积木的位置设为鼠标指向位置,避免因工具箱区域或代码块区域缩放影响编程积木的显示位于与原本位置偏差,提高用户体验。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,在响应于第二选择指令,从多个候选编程积木中选择第一编程积木添加到编辑区域之后,该方法还包括:
响应于编辑指令,对编辑区域中的第一编程积木进行编辑;
根据编辑结果确定第一编程积木对应的指令代码。
在一个或多个实施例中,介绍了一种确定编程积木的指令代码的方式。编辑指令可以是对第一编程积木进行移动的指令,例如调整第一编程积木在编辑区域中的位置,编辑指令也可以是对第一编程积木的参数进行修改的指令,例如向第一编程积木输入目标参数,具体输入方式可以是对如图5所示的编程积木中的“**”进行修改。响应于该编辑指令可以获得相应的编辑结果后,可以获取第一编程积木相对于的指令模板,该指令模板包括用来描述编程积木功能的文本信息和实现编程积木功能的目标函数,结合编辑结果确定该第一编程积木对应的指令代码。其中,对于编辑指令编辑的参数为该目标函数的调用参数。
其次,本申请实施例中,提供了一种确定编程积木的指令代码的方式。通过上述方式,对添加到编辑区域的编程积木进行编辑,基于编辑结果确定该编程积木对应的指令代码,可以随时修改编程积木参数,提高编程便利性。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,第一编程积木包括积木框架,积木框架内嵌有参数控件,响应于编辑指令,对编辑区域中的第一编程积木进行编辑包括:
响应于编辑指令,移动编辑区域中的积木框架,或修改参数控件的参数。
在一个或多个实施例中,介绍了一种编辑编程积木的方式。每个编程积木分别由不同的积木框架指示,每个积木框架对应有相应的指令模板,该积木框架中内嵌有参数控件,该参数控件可以获取输入的参数作为指令模板中实现编程积木功能的目标函数的条用参数。相应的,使用对象编辑编程积木的方式可以是对在编辑区域的积木框架进行移动,调整到所需的展示位置,或者对修改参数控件的参数。示例性的,以事件类积木中的“当收到广播**”积木为例,“当收到广播()”为积木框架,“**”为参数控件,可以随时修改该参数控件的参数。
其次,本申请实施例中,提供了一种编辑编程积木的方式。通过上述方式,提供了编辑编程积木的方式,提高了编程工具的便利性。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,该方法还包括:
将编辑区域中的各个编程积木对应的指令代码组合,以确定用于运行的程序配置文件。
在一个或多个实施例中,介绍了一种确定程序配置文件方式。在编辑区域中完成对编程积木的添加和编辑处理后,可以依据各个编程积木的组合关系,将各个编程积木对应的指令代码进行组合,以得到程序配置文件。通过加载程序配置文件,进行解析并运行后,可以执行相应的程序内容。
其次,本申请实施例中,提供了一种确定程序配置文件的方式。通过上述方式,组合编程积木的指令代码获得程序配置文件,程序配置文件与编程积木在编辑区域的组合关系相关,便于使用对象编程程序配置文件。
可选地,在上述图3对应的各个实施例的基础上,本申请实施例提供的另一个可选实施例中,该方法还包括:
响应于第三缩放指令,对使用对象当前焦点所在位置的区域进行缩放。
在一个或多个实施例中,介绍了一种显示界面缩放方式。第三缩放指令不针对固定的区域进行缩放,而是针对使用对象当前焦点所在位置的区域进行缩放,使用对象当前焦点所在位置可以是鼠标当前指向位置,示例性的,当鼠标指向工具箱区域时,响应于第三缩放指令,相应对工具箱区域进行缩放,其中,第三缩放指令可以是通过鼠标的滚轮滚动发出,此处不作限定。
其次,本申请实施例中,提供了一种显示界面缩放方式。通过上述方式,基于缩放指令直接缩放使用对象焦点位置所在的区域,提供另一种缩放方式,提高缩放灵活性。
下面对本申请中的编程工具缩放置进行详细描述,请参阅图13,图13为本申请实施例中编程工具缩放装置一个实施例示意图,该装置130运行有图形化编程工具,图形化编程工具的显示界面包括工具箱区域、代码块区域和编辑区域,编程工具缩放装置130包括:
展示单元1301,用于在工具箱区域展示积木类别;响应于对积木类别中的第一类别的第一选择指令,在代码块区域显示第一类别对应的多个候选编程积木,多个候选编程积木是具有不同功能的编程模块组件;
获取单元1302,用于获取第一缩放指令;
缩放单元1303,用于根据第一缩放指令对代码块区域进行缩放;
添加单元1304,用于响应于第二选择指令,从多个候选编程积木中选择第一编程积木添加到编辑区域,编辑区域是使用被选择的编程积木进行代码编辑的图形交互区。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,在选择编程积木前可以对展示编程积木的代码块区域进行缩放操作,低龄使用对象可以根据自身需求放大代码块区域,方便辨认积木,且减少眼睛的负担,也可以缩小代码块区域,提供更大范围的编辑区域。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,缩放单元1303还用于:
获取第二缩放指令;
根据第二缩放指令对工具箱区域进行缩放。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,依据第二缩放指令缩放工具箱区域,可以单独对工具箱区域进行缩放,提高缩放的灵活性。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,缩放单元1303具体用于:
根据第一缩放指令对代码块区域、工具箱区域和编辑区域进行缩放。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,使用第一缩放指令同时对工具箱区域、代码块区域和编辑区域进行缩放,提高缩放的便捷性。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,缩放单元1303具体用于:
根据第一缩放指令,对代码块区域、工具箱区域和编辑区域进行等比例缩放。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,等比例缩放代码块区域、工具箱区域和编辑区域,可以提高显示界面缩放的灵活性。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,缩放单元1303具体用于:
根据第一缩放指令,对代码块区域、工具箱区域和编辑区域进行不等比例缩放。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,不等比例缩放代码块区域、工具箱区域和编辑区域,可以提高显示界面缩放的灵活性。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,缩放单元1303具体用于:
根据第一缩放指令,基于工具箱区域的宽度对代码块区域进行缩放;
根据工具箱区域和代码块区域的宽度对编辑区域的宽度进行调整。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,基于工具箱区域的位置调整缩放后代码块区域的位置,相应调整编辑区域的位置及宽度,避免缩放代码块区域对显示界面的影响,提高用户体验。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,该装置130还包括调整单元1305,调整单元1305具体用于:
根据代码块区域和工具箱区域的尺寸调整编辑区域的滚动条的属性。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,在代码块区域或工具箱区域缩放挤压编辑区域的空间后,可以相应更改滚动条的属性,使得滚动条不被挤压到显示界面外的位置,避免无法查看编辑区域的上下空间,提高体验效果。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,添加单元1304具体用于:
响应于第二选择指令,将从多个候选编程积木中鼠标选择的第一编程积木的位置,设置为鼠标的指向位置;
根据鼠标的停止位置将第一编程积木添加到编辑区域。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,将选择的编程积木的位置设为鼠标指向位置,避免因工具箱区域或代码块区域缩放影响编程积木的显示位于与原本位置偏差,提高用户体验。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,该装置130还包括编辑单元1306,编辑单元1306具体用于:
响应于编辑指令,对编辑区域中的第一编程积木进行编辑;
根据编辑结果确定第一编程积木对应的指令代码。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,对添加到编辑区域的编程积木进行编辑,基于编辑结果确定该编程积木对应的指令代码,可以随时修改编程积木参数,提高编程便利性。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,编辑单元1306具体用于:
响应于编辑指令,移动编辑区域中的积木框架,或修改参数控件的参数。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,提供了编辑编程积木的方式,提高了编程工具的便利性。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,该装置130还包括确定单元1307,确定单元1307具体用于:
将编辑区域中的各个编程积木对应的指令代码组合,以确定用于运行的程序配置文件。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,组合编程积木的指令代码获得程序配置文件,程序配置文件与编程积木在编辑区域的组合关系相关,便于使用对象编程程序配置文件。
可选地,在上述图13所对应的实施例的基础上,本申请实施例提供的编程工具缩放装置130的另一实施例中,缩放单元1303还用于:
响应于第三缩放指令,对使用对象当前焦点所在位置的区域进行缩放。
本申请实施例中,提供了一种编程工具缩放装置。通过上述装置,基于缩放指令直接缩放使用对象焦点位置所在的区域,提供另一种缩放方式,提高缩放灵活性。
图14是本申请实施例提供的一种计算机设备结构示意图,该计算机设备300可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上中央处理器(centralprocessing units,CPU)322(例如,一个或一个以上处理器)和存储器332,一个或一个以上存储应用程序342或数据344的存储介质330(例如一个或一个以上海量存储设备)。其中,存储器332和存储介质330可以是短暂存储或持久存储。存储在存储介质330的程序可以包括一个或一个以上模块(图示没标出),每个模块可以包括对计算机设备中的一系列指令操作。更进一步地,中央处理器322可以设置为与存储介质330通信,在计算机设备300上执行存储介质330中的一系列指令操作。
计算机设备300还可以包括一个或一个以上电源326,一个或一个以上有线或无线网络接口350,一个或一个以上输入输出接口358,和/或,一个或一个以上操作系统341,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM等等。
上述实施例中由终端设备所执行的步骤可以基于该图14所示的计算机设备结构。
本申请实施例中还提供一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时,实现前述各个实施例描述方法的步骤。
本申请实施例中还提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时,实现前述各个实施例描述方法的步骤。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所展示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元展示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read-only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
Claims (16)
1.一种编程工具缩放方法,其特征在于,所述方法由运行有图形化编程工具的终端设备执行,所述图形化编程工具的显示界面包括工具箱区域、代码块区域和编辑区域,所述方法包括:
在所述工具箱区域展示积木类别;
响应于对所述积木类别中的第一类别的第一选择指令,在所述代码块区域显示所述第一类别对应的多个候选编程积木,所述多个候选编程积木是具有不同功能的编程模块组件;
获取第一缩放指令;
根据所述第一缩放指令对所述代码块区域进行缩放;
响应于第二选择指令,从所述多个候选编程积木中选择第一编程积木添加到所述编辑区域,所述编辑区域是使用被选择的编程积木进行代码编辑的图形交互区。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取第二缩放指令;
根据所述第二缩放指令对所述工具箱区域进行缩放。
3.根据权利要求1所述的方法,其特征在于,所述根据所述第一缩放指令对所述代码块区域进行缩放包括:
根据所述第一缩放指令对所述代码块区域、所述工具箱区域和所述编辑区域进行缩放。
4.根据权利要求3所述的方法,其特征在于,所述根据所述第一缩放指令对所述代码块区域、所述工具箱区域和所述编辑区域进行缩放包括:
根据所述第一缩放指令,对所述代码块区域、所述工具箱区域和所述编辑区域进行等比例缩放。
5.根据权利要求3所述的方法,其特征在于,所述根据所述第一缩放指令对所述代码块区域、所述工具箱区域和所述编辑区域进行缩放包括:
根据所述第一缩放指令,对所述代码块区域、所述工具箱区域和所述编辑区域进行不等比例缩放。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述根据所述第一缩放指令对所述代码块区域进行缩放包括:
根据所述第一缩放指令,基于所述工具箱区域的宽度对所述代码块区域进行缩放;
根据所述工具箱区域和所述代码块区域的宽度对所述编辑区域的宽度进行调整。
7.根据权利要求1所述的方法,其特征在于,所述根据所述第一缩放指令对所述代码块区域进行缩放之后,所述方法还包括:
根据所述代码块区域和所述工具箱区域的尺寸调整所述编辑区域的滚动条的属性。
8.根据权利要求1所述的方法,其特征在于,所述响应于第二选择指令,从所述多个候选编程积木中选择第一编程积木添加到所述编辑区域包括:
响应于所述第二选择指令,将从所述多个候选编程积木中鼠标选择的第一编程积木的位置,设置为所述鼠标的指向位置;
根据所述鼠标的停止位置将所述第一编程积木添加到所述编辑区域。
9.根据权利要求1所述的方法,其特征在于,在响应于第二选择指令,从所述多个候选编程积木中选择第一编程积木添加到所述编辑区域之后,所述方法还包括:
响应于编辑指令,对所述编辑区域中的所述第一编程积木进行编辑;
根据编辑结果确定所述第一编程积木对应的指令代码。
10.根据权利要求9所述的方法,其特征在于,所述第一编程积木包括积木框架,所述积木框架内嵌有参数控件,所述响应于编辑指令,对所述编辑区域中的所述第一编程积木进行编辑包括:
响应于编辑指令,移动所述编辑区域中的所述积木框架,或修改所述参数控件的参数。
11.根据权利要求9或10所述的方法,其特征在于,所述方法还包括:
将所述编辑区域中的各个编程积木对应的指令代码组合,以确定用于运行的程序配置文件。
12.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于第三缩放指令,对使用对象当前焦点所在位置的区域进行缩放。
13.一种编程工具缩放装置,其特征在于,所述装置运行有图形化编程工具,所述图形化编程工具的显示界面包括工具箱区域、代码块区域和编辑区域,所述装置包括:
展示单元,用于在所述工具箱区域展示积木类别;响应于对所述积木类别中的第一类别的第一选择指令,在所述代码块区域显示所述第一类别对应的多个候选编程积木,所述多个候选编程积木是具有不同功能的编程模块组件;
获取单元,用于获取第一缩放指令;
缩放单元,用于根据所述第一缩放指令对所述代码块区域进行缩放;
添加单元,用于响应于第二选择指令,从所述多个候选编程积木中选择第一编程积木添加到所述编辑区域,所述编辑区域是使用被选择的编程积木进行代码编辑的图形交互区。
14.一种计算机设备,其特征在于,包括:存储器、收发器、处理器以及总线系统;
其中,所述存储器用于存储程序;
所述处理器用于执行所述存储器中的程序,包括执行如权利要求1至12中任一项所述的方法;
所述总线系统用于连接所述存储器以及所述处理器,以使所述存储器以及所述处理器进行通信。
15.一种计算机可读存储介质,包括指令,当其在计算机上运行时,使得计算机执行如权利要求1至12中任一项所述的方法。
16.一种计算机程序产品,其特征在于,当所述计算机程序产品在计算机上执行时,所述计算机执行如权利要求1至12中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410024914.5A CN118012317A (zh) | 2024-01-03 | 2024-01-03 | 一种编程工具缩放方法以及相关装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410024914.5A CN118012317A (zh) | 2024-01-03 | 2024-01-03 | 一种编程工具缩放方法以及相关装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN118012317A true CN118012317A (zh) | 2024-05-10 |
Family
ID=90946554
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410024914.5A Pending CN118012317A (zh) | 2024-01-03 | 2024-01-03 | 一种编程工具缩放方法以及相关装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN118012317A (zh) |
-
2024
- 2024-01-03 CN CN202410024914.5A patent/CN118012317A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP7354294B2 (ja) | 階層流動コンポーネントおよび動的レイアウトを統合した応答編集および表示を提供するシステムおよび方法 | |
US9665554B2 (en) | Value-driven visualization primitives for tabular data of spreadsheets | |
US20180046602A1 (en) | System and methods for control of content presented on web pages | |
US20050022135A1 (en) | Systems and methods for window alignment grids | |
CN110300966B (zh) | 增强的数据透视表的创建和交互 | |
US10976725B2 (en) | User interface widget modeling and placement | |
US11372624B2 (en) | System for creating graphical content | |
CN106886511B (zh) | 一种网络表格的处理方法及装置 | |
US9898255B2 (en) | Grid designer for multiple contexts | |
CN110471609B (zh) | 文本信息编辑方法、装置、计算机设备和存储介质 | |
CN111061473A (zh) | 用于快速构建页面的可视化组件编辑方法和装置 | |
CN113326044A (zh) | 一种基于控件库的开发方法、系统及存储介质 | |
US11823647B2 (en) | Responsive layout system and server | |
WO2019039255A1 (ja) | 端末装置、ui拡張方法及びui拡張プログラム | |
KR101614792B1 (ko) | 빅 데이터 시각화를 위한 3d 인포그래픽 제작 시스템 | |
CN107861711A (zh) | 页面适配方法及装置 | |
CN118012317A (zh) | 一种编程工具缩放方法以及相关装置 | |
KR101769129B1 (ko) | 온라인 환경에서 구현되는 대시보드 내 차트간 인터랙션 방법 | |
CN104216626A (zh) | 一种图像获取方法及电子设备 | |
CN115630926A (zh) | 一种车间设备管理方法、装置、设备及存储介质 | |
CN115981640A (zh) | 界面布局方法、装置、电子设备和存储介质 | |
CN111008012B (zh) | 一种原型设计方法、装置、电子产品及存储介质 | |
CN111782309B (zh) | 显示信息的方法、装置及计算机可读存储介质 | |
US20190163166A1 (en) | Information processing device | |
CN116740301B (zh) | 三维虚拟监控系统与方法以及监控设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |