旋转屏动画

说明:

当前为Beta阶段。

旋转屏动画主要有布局切换的旋转屏动画。布局切换的旋转屏动画实现较为简便,例如在module.json5中配置自动旋转(或设置窗口显示方向)即可实现。

布局切换的旋转屏动画

布局切换时的旋转屏动画,是在屏幕显示方向改变时,为窗口与应用视图同步旋转而设计的大小和位置过渡动画。这种布局切换的旋转屏动画是系统默认的,便于开发者实现。当屏幕显示方向变化时,系统会生成窗口旋转动画,并自动调整窗口大小以匹配旋转后的尺寸。在此过程中,窗口会通知对应的应用,要求其根据新的窗口大小重新布局,产生与窗口旋转动画参数相同的布局动画。

切换屏幕方向即可实现布局切换的旋转屏动画效果。

package ohos_app_cangjie_entry

import kit.ArkUI.*
import ohos.arkui.state_macro_manage.*
import ohos.resource.*

@Entry
@Component
class EntryView {
    func build() {
        Column() {
            Image(@r(app.media.foreground))
                .position(x: 220, y: 220)
                .size(width: 80, height: 80)
                .id('image1')
                .backgroundColor(Color.Blue)
        }
    }
}

需要在项目的module.json5文件中的abilities列表里添加"orientation",指定为"auto_rotation"。

"orientation": "auto_rotation",

布局切换的旋转屏动画,会对同步旋转的窗口与应用视图做大小和位置的过渡。

Alt text