跳转到内容

BottomLine

Defined in: packages/core/src/lyric-player/base/bottom-line.ts:13

底栏组件的抽象接口

Property Modifier Type Description Defined in
lineSize public [number, number] 底栏当前测量得到的尺寸 由播放器的 ResizeObserver 回调写入 packages/core/src/lyric-player/base/bottom-line.ts:29
lineTransforms readonly BottomLineTransforms 底栏的位移弹簧,目标位置与参数由播放器驱动 packages/core/src/lyric-player/base/bottom-line.ts:34

dispose(): void;

Defined in: packages/core/src/interfaces.ts:24

销毁实现了该接口的对象实例,释放占用的资源

一般情况下,调用本函数后就不可以再调用对象的任何函数了

void

Disposable.dispose


optional getContentElement(): HTMLElement;

Defined in: packages/core/src/lyric-player/base/bottom-line.ts:22

获取供外部插入内容的元素

HTMLElement


getElement(): HTMLElement;

Defined in: packages/core/src/interfaces.ts:8

获取这个类所对应的 HTML 元素实例

HTMLElement

HasElement.getElement


resetPosition(): void;

Defined in: packages/core/src/lyric-player/base/bottom-line.ts:17

将底栏放回重建歌词视图时的初始位置

void


setFocused(focused): void;

Defined in: packages/core/src/lyric-player/base/bottom-line.ts:41

设置底栏是否处于聚焦状态

一般在歌曲播放完毕且底栏有内容时聚焦到底栏并设为 true

Parameter Type
focused boolean

void


setTransform(
top?,
blur?,
immediate?,
delay?): void;

Defined in: packages/core/src/lyric-player/base/bottom-line.ts:50

设置底栏的目标位置与模糊值

Parameter Type Description
top? number 底栏的 Y 坐标
blur? number 底栏的模糊度
immediate? boolean 为 true 时绕过弹簧立刻跳转至目标位置
delay? Duration 弹簧过渡的延迟

void


update(delta?): void;

Defined in: packages/core/src/lyric-player/base/bottom-line.ts:61

逐帧推进弹簧动画并应用样式

Parameter Type Description
delta? Duration 距离上一次调用的时长

void