在项目中设计组件
轻语言安卓开发插件支持直接在项目中通过可视化的方式设计并自定义创建、封装组件,并将其设计的组件一键导出为单个类库组件。
视频教程:可视化设计封装自定义组件
自定义设计组件的意义
1. 满足特定需求
-
默认控件功能不足:当系统提供的标准控件无法满足特定需求时,自定义组件可以扩展或修改现有控件的行为。
-
复杂UI设计:需要实现复杂或独特的UI效果时,自定义组件是必要的。
2. 提升性能
-
优化绘制和布局:通过自定义组件可以优化绘制和布局过程,减少不必要的计算和绘制,提升性能。
-
减少层级:减少视图层级,避免过度绘制,提升渲染效率。
3. 代码复用
-
封装通用功能:将常用功能封装到自定义组件中,便于在不同项目中复用,减少重复代码。
-
组件化开发:自定义组件可以作为独立组件,便于团队协作和维护。
自定义设计组件步骤
1.创建组件文件
在项目的工程窗口中,选中程序集新建文件,文件类型选择 自定义组件 ;然后输入组件名称,名称可以自定义;然后点击确定。
这里我们创建一个 计时器 组件。
默认组件的设计界面:
默认创建后的代码:
' ****************************************************************************
' 版权说明:Copyright(C) All Rights Reserved VcnStudio
' 程序版本:V1.0
' 组件描述:
' 修改日志:
' ****************************************************************************
' 定义加减计次变量
变量 计次 = 0
' 组件创建完毕时触发该事件
事件 组件创建完毕()
结束 事件
事件 按钮1.被单击(来源对象 为 视图)
计次 = 计次 - 1
如果(计次 <= 0)
返回
结束 如果
编辑框1.内容 = 到文本(计次)
结束 事件
事件 按钮2.被单击(来源对象 为 视图)
计次 = 计次 + 1
编辑框1.内容 = 到文本(计次)
结束 事件
2.设计组件
计时器的作用是用于计时,这里的界面我们通过两个按钮和一个标签来实现,两个按钮作用分别为:开始、停止。标签的作用用于显示时间。
设计方式与设计窗口界面完全一样,点击组件后拖拽到面板中即可,设计后的界面为:
3.修改代码
点击开始按钮,清空标签内容、并复位开始计时,点击停止按钮停止计时,代码中我们需要使用一个时钟组件来完成计时核心功能。
最终代码为:
' ****************************************************************************
' 版权说明:Copyright(C) All Rights Reserved VcnStudio
' 程序版本:V1.0
' 组件描述:
' 修改日志:
' ****************************************************************************
' 定义类成员变量时钟1
变量 时钟1 为 时钟
' 定义计时的计次变量
变量 计次 = 0
' 组件创建完毕时触发该事件
事件 组件创建完毕()
时钟1 = 创建 时钟()
时钟1.时钟周期 = 1000
标签1.文本尺寸 = 20
结束 事件
事件 按钮1.被单击(来源对象 为 视图)
计次 = 0
标签1.标题 = "0S"
时钟1.可用 = 真
结束 事件
事件 按钮2.被单击(来源对象 为 视图)
时钟1.可用 = 假
结束 事件
事件 时钟1.周期事件(源对象 为 时钟)
计次 = 计次 + 1
标签1.标题 = 计次 + "S"
结束 事件
4.使用组件
在IDE右侧组件箱中,选中 项目自定义组件 然后右键单击鼠标,单击:刷新自定义组件 菜单项。
刷新自定义组件后、在项目自定义组件节点中会出现当前我们项目中自定义的组件:计时器
鼠标左键选中并单击计时器,将其添加到窗口中。
此时的 计时器 像按钮、标签、编辑框一样,已经是一个独立的组件;可以向窗口中添加多个计时器组件,也可以在多个窗口中使用。
编译并运行程序,效果:
至此我们已经通过可视化、中文代码的方式轻松的完成,并封装了一个计时器组件。
5.导出组件为单个类库组件文件
在工程列表中,选中组件 计时器.sc 然后单击鼠标右键:导出组件为类库 将弹出一个组件配置窗口,在该窗口中可以输入类库相关信息,及添加导出时类库需要的资源文件,以及当组件添加到窗口中时显示的预览图片。
预览图片一般可以截图组件运行时的图片。
使用导出的组件
导出的组件将默认被保存到 安装目录/sdk/android/components/extends/我的自定义组件 文件夹中,关闭 IDE 并重新启动,即可在组件箱中看到刚刚被导出的组件。
新建一个项目,将计时器添加到窗口中即可正常使用。
注意事项
项目中如果存在相同的组件、即自定义组件和导出的类库组件时,在编译时会优先使用项目中自定义的组件。
例如:
项目中含有自定义组件:计时器 ,但同时类库目录中已经存在了导出的 计时器 组件,那么在编译时会优先使用项目中的自定义组件。
事件的声明
关于自定义组件事件的声明,将在后期更新文档,敬请关注。