屏幕工具

💡 让控件自动适配不同的屏幕。

1. 自动适配

在 启动屏幕 中调用一次该积木，即可让所有控件自动适配屏幕。

启动屏幕：软件打开后的第一个屏幕，通常只用来显示软件 LOGO，推荐在这个屏幕中进行一些初始化操作，然后再切换到软件的首页。

2. 手动适配

如果你正在使用的控件没有该功能，可以通过积木来手动适配控件。

1. 在启动屏幕中广播一次 “屏幕适配”，接收广播后对需要的控件进行适配。
2. 把控件的 Y坐标 传给适配积木，然后把积木设置给控件的Y坐标

3. 加入控件生态

如果你正在制作控件，可以给你的控件加入屏幕适配功能。

// CoCoKit
widget.prop('屏幕适配', 'screenAlign', 'top').dropdown({ 顶部对齐: 'top', 底部对齐: 'bottom' }).noBlock()

// 官方语法
{ 
    key: 'screenAlign', 
    label: '屏幕适配', 
    defaultValue: 'top',
    valueType: 'string', 
    dropdown: [
        { label: '顶部对齐', value: 'top' },
        { label: '底部对齐', value: 'bottom' },
    ],
    blockOptions: { generateBlock: false },
},

💡 在屏幕切换时添加动画

1. 快速使用

只需要在切换屏幕之前调用一次 屏幕切换 积木，就可以添加切换动画。

控件内置了多个常用的动画，在积木的下拉菜单中选择。 返回上一页时，可以把打开切换为返回。

2. 自定义动画

支持使用 动画库 创建的动画当作屏幕切换动画。

文档作者：琦琦
Markdown排版：小圳
在排版时可能对内容进行了改动