本发明涉及图形化编程应用,特别是涉及一种基于图形化编程的积木显示方法、装置以及电子设备。
背景技术:
1、针对青少年的编程教育越来越重要,然而常规的编程语言都是由英文功能语句组成,对于青少年来说上手门槛较高。
2、为了解决这个问题,在青少年编程教育中会采用图像化编程,图形化编程则把枯燥的英文编程语句封装成了简单易读且色彩丰富的编程积木,编程积木可以理解为一个封装了各种逻辑功能或者编程语句的图像块,青少年可以通过拼接积木的形式来把多个功能语句组合在一起,进行功能逻辑的编写。这种简单易懂的编程方式更符合青少年这个年龄段的心智水平和认知能力,让他们在编程积木中逐渐掌握编程思维,为将来正式学习代码编程打下坚实的基础。但是现有的图形化编程积木如果运算关系较为复杂时,需要有多块编程积木嵌套在一起,使得用户的阅读和编辑都较为不便,降低了编程学习的效率。
3、在使用积木块进行编程时,可以把输出类积木嵌入到运算类积木内,以此来实现输出类积木之间的运算。而嵌套后的积木整体又可以再次嵌入到新的运算类积木内,通过多次与运算类积木的嵌套来实现复杂的运算逻辑。而随着嵌套层数的增加,所有嵌套层级内的积木内容不断累积就会导致积木的长度不断增加。当运算逻辑过于复杂时就会导致积木整体长度超出页面可显示区域太多,不利于阅读并理解完整的运算关系。用户在进行编程时,可以将编程积木放置在显示区域内。对于显示区域比较小的设备,例如手机,编程积木会出现堆积的情况,从而对于复杂运算的阅读和编辑都比较麻烦。
4、针对上述的问题,目前尚未提出有效的解决方案。
技术实现思路
1、本发明实施例提供的一种基于图形化编程的积木显示方法、装置以及电子设备,以至少解决现有技术中由于多块编程积木嵌套后的长度容易超过显示区域,导致用户难以对运算关系复杂的积木进行阅读和编辑的技术问题。
2、根据本发明实施例的一个方面,提供了一种基于图形化编程的积木显示方法,包括:获取嵌套积木的整体长度;其中,所述嵌套积木是在使用积木进行图形化编程时,将目标积木嵌入到运算类积木内而得到;所述积木为封装有至少一种逻辑功能或者编程语句的图像块;判断所述整体长度是否达到预设的长度阈值;若所述整体长度超过所述长度阈值,则采用简化模式对所述嵌套积木进行显示;其中,所述简化模式用于针对所述嵌套积木内不同元素的类别进行样式转化,并简化不影响内容表达的视觉元素。
3、可选地,获取嵌套积木的整体长度,包括:分别获取所述嵌套积木的所有描述文案的长度、各类参数控件的长度和各元素之间间距的长度;将所述嵌套积木的所有描述文案的长度、各类参数控件的长度和各元素之间间距的长度进行相加,得到所述整体长度。
4、可选地,采用简化模式对所述嵌套积木进行显示,包括:将所述嵌套积木的各元素分别转化为对应的简化样式,并对所述嵌套积木的各元素对应的简化样式进行显示。
5、可选地,将所述嵌套积木的各元素分别转化为对应的简化样式,包括:针对所述嵌套积木的描述文案,保留所述描述文案的原始内容;针对所述嵌套积木的各类参数控件,舍弃各类参数控件的视觉元素,保留各类参数控件的参数值;针对所述嵌套积木中的运算类积木,舍弃所述运算类积木的颜色与外轮廓并转化为括号,同时保留所述运算类积木的运算关系;针对所述嵌套积木中的输出类积木,保留所述输出类积木的颜色与外轮廓;针对所述嵌套积木的各元素之间的间距,缩减各元素之间的间距。
6、可选地,所述方法还包括:确定所述嵌套积木中各运算类积木之间的嵌套从属关系;使用不同尺寸的括号对各运算类积木之间的嵌套从属关系进行简化,并对简化后的各运算类积木之间的嵌套从属关系进行显示。
7、可选地,所述方法还包括:针对pc端,当鼠标光标移动到所述嵌套积木的可输入的参数元素时,显示表示可输入的样式反馈,当所述鼠标光标点击后进入编辑状态,按照简化模式之前的编辑方式修改参数内容;针对pc端,当所述鼠标光标移动到所述嵌套积木的可下拉选择的参数元素时,显示表示可选择的样式反馈,当所述鼠标光标点击后弹出下拉菜单,按照简化模式之前的选择方式修改参数内容;针对pc端,当鼠标光标拖拽所述目标积木到所述嵌套积木的可嵌入的参数元素时,显示表示可嵌入的样式反馈,当所述鼠标光标释放所述目标积木后将其嵌入到所述可嵌入的参数元素中并以简化模式进行显示。
8、可选地,所述方法还包括:针对移动端,响应于目标对象在所述移动端点击简化模式下显示的目标积木,将其切换到非简化模式下显示的原始积木;根据所述目标对象在所述移动端点击的第一位置在简化模式下显示的目标积木中横向的相对百分比位置,计算所述第一位置在非简化模式下显示的原始积木对应的目标位置;将非简化模式下显示的原始积木横向移动,使得所述目标位置与所述目标对象在所述移动端点击的第二位置重合。
9、根据本发明实施例的另一个方面,提供了一种基于图形化编程的积木显示装置,包括:获取模块,用于获取嵌套积木的整体长度;其中,所述嵌套积木是在使用积木进行图形化编程时,将目标积木嵌入到运算类积木内而得到;所述积木为封装有至少一种逻辑功能或者编程语句的图像块;判断模块,用于判断所述整体长度是否达到预设的长度阈值;显示模块,用于若所述整体长度超过所述长度阈值,则采用简化模式对所述嵌套积木进行显示;其中,所述简化模式用于针对所述嵌套积木内不同元素的类别进行样式转化,并简化不影响内容表达的视觉元素。
10、根据本发明实施例的另一个方面,提供了一种电子设备,包括:处理器,以及存储程序的存储器,所述程序包括指令,所述指令在由所述处理器执行时使所述处理器执行上述中所述的方法。
11、根据本发明实施例的另一个方面,提供了一种存储有计算机指令的非瞬时机器可读介质,所述计算机指令用于使所述计算机执行上述中所述的方法。
12、在本发明实施例中,采用获取嵌套积木的整体长度;其中,嵌套积木是在使用积木进行图形化编程时,将目标积木嵌入到运算类积木内而得到;积木为封装有至少一种逻辑功能或者编程语句的图像块;判断整体长度是否达到预设的长度阈值;若整体长度超过长度阈值,则采用简化模式对嵌套积木进行显示;其中,简化模式用于针对嵌套积木内不同元素的类别进行样式转化,并简化不影响内容表达的视觉元素,进而解决了现有技术中由于多块编程积木嵌套后的长度容易超过显示区域,导致用户难以对运算关系复杂的积木进行阅读和编辑的技术问题,达到了简化展示嵌套积木中的各类元素,提高嵌套积木的可读性与可操作性的技术效果。
1.一种基于图形化编程的积木显示方法,其特征在于,包括:
2.根据权利要求1所述的方法,其特征在于,获取嵌套积木的整体长度,包括:
3.根据权利要求1所述的方法,其特征在于,采用简化模式对所述嵌套积木进行显示,包括:
4.根据权利要求3所述的方法,其特征在于,将所述嵌套积木的各元素分别转化为对应的简化样式,包括:
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
6.根据权利要求1至5任一项所述的方法,其特征在于,所述方法还包括:
7.根据权利要求1至5任一项所述的方法,其特征在于,所述方法还包括:
8.一种基于图形化编程的积木显示装置,其特征在于,包括:
9.一种电子设备,包括:处理器,以及存储程序的存储器,其特征在于,所述程序包括指令,所述指令在由所述处理器执行时使所述处理器执行权利要求1至7中任一项所述的方法。
10.一种存储有计算机指令的非瞬时机器可读介质,其特征在于,所述计算机指令用于使所述计算机执行权利要求1至7中任一项所述的方法。
