【技术实现步骤摘要】
创建智能小程序的原生组件的方法、装置、设备和计算机存储介质
本专利技术涉及互联网
,尤其涉及一种创建智能小程序的原生组件的方法、装置、设备和计算机存储介质。
技术介绍
为了使智能小程序获得更加接近原生APP的用户体验,通过创建智能小程序的原生组件的方式可以给开发者用户提供更加丰富的应用程序界面,进而给使用者用户带来更好的交互体验。由于智能小程序的原生组件层级较高,因此会导致在原生组件的上层无法再覆盖其他任何原生组件的问题。但在实际应用过程中却存在需要在原生组件上层覆盖其他原生组件的场景。现有技术在解决在原生组件上层覆盖其他原生组件的问题时,一般采用以下方式:将各原生组件(以越先出现层级越低的原则)设置为相同级别的节点,再通过调整CSS(CascadingStyleSheets,层叠样式表)布局,使得各原生组件在视觉上展现成有遮挡关系的存在,从而实现在原生组件的上层覆盖其他原生组件的目的。现有技术所采用的上述方式会导致以下问题:开发者用户必须严格控制各原生组件的展现顺序,越靠前的原生组件层级越低,当出现调整层级关系的场景时,需要删除已有的全部组件;开发 ...
【技术保护点】
1.一种创建智能小程序的原生组件的方法,其特征在于,所述方法包括:获取用户为创建智能小程序的原生组件所输入的对应各原生组件的属性值;根据所述对应各原生组件的属性值建立各原生组件之间的父子关系;根据所述父子关系以及所述对应各原生组件的属性值绘制各原生组件的视图,完成智能小程序的原生组件的创建。
【技术特征摘要】
1.一种创建智能小程序的原生组件的方法,其特征在于,所述方法包括:获取用户为创建智能小程序的原生组件所输入的对应各原生组件的属性值;根据所述对应各原生组件的属性值建立各原生组件之间的父子关系;根据所述父子关系以及所述对应各原生组件的属性值绘制各原生组件的视图,完成智能小程序的原生组件的创建。2.根据权利要求1所述的方法,其特征在于,所述对应各原生组件的属性值包括:各原生组件的名称、各原生组件之间的覆盖关系、各原生组件的坐标、各原生组件的样式以及各原生组件所在页面的名称。3.根据权利要求2所述的方法,其特征在于,所述根据所述对应各原生组件的属性值建立各原生组件之间的父子关系包括:根据对应各原生组件的属性值确定各原生组件中的父组件以及子组件;建立父组件及其对应的子组件之间的父子关系。4.根据权利要求3所述的方法,其特征在于,所述根据对应各原生组件的属性值确定各原生组件中的父组件以及子组件包括:获取所述对应各原生组件的属性值中的各原生组件之间的覆盖关系;将所述覆盖关系中位于下层的原生组件确定为父组件,将所述覆盖关系中位于上层的原生组件确定为与父组件对应的子组件。5.根据权利要求1所述的方法,其特征在于,所述根据所述父子关系以及所述对应各原生组件的属性值绘制原生组件的视图包括:根据所述父子关系中父组件的属性值绘制父组件的视图,并根据所述父子关系中子组件的属性值在所述父组件的视图上层绘制子组件的视图。6.根据权利要求5所述的方法,其特征在于,所述根据所述父子关系中父组件的属性值绘制父组件的视图包括:根据所述父子关系中父组件的属性值得到父组件的绘制参数;根据所述父组件的绘制参数绘制父组件的视图。7.根据权利要求1所述的方法,其特征在于,所述根据所述父子关系中子组件的属性值在所述父组件的视图上层绘制子组件的视图包括:根据所述父子关系中子组件的属性值得到子组件的绘制参数;根据所述子组件的绘制参数在与其对应的父组件的视图上层绘制子组件的视图。8.一种创建智能小程序的原生组件的装置,其特征在于,所述装置包括:获取单元,用于获取用户为创建智能小程序的原生组件所输入的对应各原生组件的属性值;建立单元,用于根据所述对应各原生组件的属性值建立各原生组件之间的父子关系;处理单元,用于根据...
【专利技术属性】
技术研发人员:马斌,
申请(专利权)人:百度在线网络技术北京有限公司,
类型:发明
国别省市:北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。